jeffcampbell1999

@jeffcampbell1999·3 public vizzes

Pokemon Scatter Plot

This scatter plot visualizes the relationship between base experience and species ID for Pokemon, using red semi-transparent circles to reveal data density. The chart is rendered as an SVG using D3 version 5, with the d3.scaleLinear, d3.axisBottom, and d3.axisLeft APIs creating the axes. The code loads the Pokemon dataset as a CSV file from a remote URL and parses its numeric fields. The plot features grid lines, custom font sizing, and rotated axis labels to enhance readability without directly encoding any additional variables.

May 14, 2019

Loading thumbnail…

Making a Bar Chart

This horizontal bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. Population values are shown for each country, with bars extending proportionally from the left axis. The visualization uses D3 v5, specifically the `scaleBand` and `scaleLinear` functions for the y and x axes, respectively, while rendering bars as SVG `rect` elements. The data is loaded from a CSV file, and the chart includes axis labels via `axisLeft` and `axisBottom`.

May 14, 2019

Loading thumbnail…

Customizing Axes

This bar chart shows the top 10 most populous countries using 2018 United Nations population estimates, with a custom horizontal axis that formats numbers in compact notation (e.g., “1.4B” instead of “1,415,046”). Built with D3 v5, the visualization uses `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render SVG bars, while removing default axis domain lines and adding custom tick formatting, axis labels, and a title. The code loads data from a CSV file with `d3.csv` and scales population values by 1,000 for accurate display.

May 14, 2019