impadc97

@impadc97·2 public vizzes

Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, scaling population values linearly and countries along a band scale. Axes are customized using `d3.axisLeft` and `d3.axisBottom`, with tick labels formatted via `d3.format` to abbreviate large numbers, replacing "G" with "B". The chart also includes a title and axis label, demonstrating basic bar chart construction with D3’s data-join and margin conventions.

May 30, 2020

Loading thumbnail…

Making a Bar Chart

This visualization displays the top 10 most populous countries using a horizontal bar chart, with population values from a 2018 United Nations estimate. It also includes a second bar chart showing average monthly volumes from a JSON dataset. The code imports D3 v5 modules like `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the SVG chart. Axes are customized by styling ticks, and bars are rendered as SVG `rect` elements with a steelblue fill. Data loads asynchronously via `d3.json` and updates the visualization through a render function.

May 30, 2020