Skip to main content
SimilarExport ZIP
100%

Fork of Refactored Bar Chart

✓ Published0🌍 Public
KKarnokSutar
Last edited Jul 27, 2022
Created on Jul 27, 2022

This fork of a refactored bar chart visualizes the top 10 most populous countries using data from the United Nations World Population Prospects 2019. It uses React with D3 v5's scaleBand and scaleLinear APIs, and renders SVG rectangles. The chart displays horizontal bars with axes labeled via custom React components, though the README notes it is a "pathetic" chart lacking some refinements.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Refactored Bar Chart

This fork of a refactored bar chart displays the top 10 most populous countries using React with SVG rendering. It loads UN World Population Prospects 2019 data via d3.csv, applies a scaleBand for the y-axis and a scaleLinear for the x-axis, and renders axes and rectangular marks using React components. The chart includes both bottom and left axes, with population values represented as horizontal bars.

AArwen Sadler
95% match
Loading thumbnail…

Fork of Refactored Bar Chart

This fork of a refactored bar chart displays the top 10 most populous countries from United Nations World Population Prospects 2019 data, rendered as horizontal bars without axes. The React-based SVG visualization uses D3 v5’s `scaleBand` for the y-axis and `scaleLinear` for the x-axis, with dedicated components for left and bottom axes and marks. Data is loaded asynchronously from a CSV file using D3’s `csv` function, and the chart is drawn with SVG `<rect>` elements.

Bbillmccabeusa@hotmail.com
95% match
Loading thumbnail…

Fork of Refactored Bar Chart

This fork of the refactored bar chart displays the top 10 most populous countries based on the United Nations World Population Prospects 2019 data. The chart uses horizontal bars with axes, rendered as SVG elements within a React application. The visualization employs D3 v5 scales for positioning, with `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous population values on the x-axis. Data is loaded asynchronously using D3's CSV parser and processed through custom React components for axes and marks.

JJulienJacquot
95% match
Loading thumbnail…

Fork of Refactored Bar Chart

This bar chart displays the top 10 most populous countries using data from the United Nations World Population Prospects 2019, rendered as an SVG via React. The visualization uses d3.scaleBand for the y-axis, d3.scaleLinear for the x-axis, and d3.csv to load the dataset. It includes bottom and left axes generated from custom React components, with rectangular marks representing each country’s population. The chart is intentionally minimal, lacking gridlines and other embellishments, and updates reactively when data loads.

NNicolás Troncoso
94% match
Loading thumbnail…

Fork of Refactored Bar Chart

This fork of the refactored bar chart displays the top 10 most populous countries from United Nations World Population Prospects 2019 data, using React and D3 v5. The visualization renders vertical bars whose widths encode population values, with axes generated through D3’s scaleBand and scaleLinear. SVG output is produced via React components, with the `AxisBottom`, `AxisLeft`, and `Marks` components building the chart’s structure and styling.

VVishalojha9111@gmail.com
94% match
Loading thumbnail…

Fork of Refactored Bar Chart

This fork of a refactored bar chart displays the top 10 most populous countries using horizontal bars, with population values on the x-axis and country names on the y-axis. The visualization uses React components with D3 scales, including `scaleBand` for the y-axis and `scaleLinear` for the x-axis, rendering SVG rectangles as marks. Axes are drawn via custom React components that map D3 ticks to SVG elements, with tooltips formatted using D3’s `format` function. Data comes from the United Nations World Population Prospects 2019, loaded as CSV and processed with D3’s `csv` method.

Sseanmdalrymple@protonmail.com
94% match
Loading thumbnail…

Fork of Refactored Bar Chart

This example visualizes the top 10 most populous countries as a horizontal bar chart. The chart uses SVG rectangles for the bars, with D3’s scaleBand and scaleLinear for positioning, and custom React components (AxisBottom, AxisLeft, Marks) for rendering axes and marks. Data is loaded from a CSV file of United Nations World Population Prospects 2019 using d3.csv.

Jjwesterlund412
94% match
Loading thumbnail…

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.

Bbradpickering
94% match