Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

activity 6_Task 1

0 stars1🌍 Public
Ssumanthpenna0221@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This bar chart visualizes the 2020 population estimates for 30 countries, sorted by country name along the vertical axis. It uses React with D3 v5’s `scaleBand` and `scaleLinear` to position bars, with SVG rectangles rendered via the `Marks` component. Horizontal axis labels apply D3’s `format` with a custom `.2s` tick formatter to abbreviate large numbers (e.g., “B” for billions). Data is loaded asynchronously from a CSV via `d3.csv` and multiplied by 1000 for actual population values.

AI-generated description

A demonstration of how to start using D3 version 6.

<iframe width="560" height="315" src="https://www.youtube.com/embed/Ia_DwVMXwgk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>.

Comments

Sign in to join the discussion.

MIT Licensed