bradpickering

@bradpickering·3 public vizzes

Fork of Refactored Bar Chart

This horizontal bar chart displays the top 10 most populous countries, using data from the United Nations World Population Prospects 2019. React components render SVG rectangles whose lengths encode population values, with axes generated by D3's `scaleBand` and `scaleLinear`. The chart includes formatted tick labels, a labeled x-axis, and tooltips showing population figures on hover.

May 31, 2022

Loading thumbnail…

Fork of Pathetic Bar Chart

This example displays the top 10 most populous countries as a series of rectangles that scale horizontally with population size, using no axes or labels. The chart is built with React and D3.js (d3.scaleBand and d3.scaleLinear) and renders as SVG. Data comes from the United Nations World Population Prospects 2019, loaded via d3.csv. Initially, the app shows a loading message until the CSV is fetched.

May 31, 2022

Loading thumbnail…

Fork of Refactored Bar Chart

This chart displays the top 10 most populous countries for 2020 as horizontal bars, with country names on the y-axis and population counts on the x-axis. It uses React components to render D3 scales and SVG marks, with `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis. The data comes from the United Nations World Population Prospects 2019, loaded via `d3.csv`. Axes are drawn as custom React components with tick lines and labels, while the bars are simple SVG rectangles.

May 30, 2022