Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Charts : Part 1 - Stylized

Public visualization

Bar Charts : Part 1 - Stylized

0 stars1🌍 Public
Zzeeeeem
Last edited Oct 27, 2022
Created on Apr 23, 2022
Forked from Hello VizHub

This example presents a horizontal bar chart of the 2020 populations for 11 countries, sorted by a pre-defined order. It is rendered as an SVG using React components, with D3.js (v5) handling the scale computations: `scaleBand` for the categorical country axis and `scaleLinear` for the population axis. The visual styling uses a custom Poppins font, a teal color for bars, and grey for tick labels. D3’s CSV loader fetches the data from a gist, and tooltips display formatted values like “1.23B”.

AI-generated description

Program that uses React to render the data.

Comments

Sign in to join the discussion.

MIT Licensed