Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Activity-6

Public visualization

Fork of Fork of Activity-6

0 stars0🌍 Public
KKarnam Abinay Goud
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Fork of Activity-6

This horizontal bar chart displays the 2020 population estimates for 30 countries, with each bar's length proportional to its population value. Built with React and D3.js, the visualization uses reusable components for axes and marks. The `AxisBottom` component generates tick marks with formatted labels, while `AxisLeft` renders categorical labels. The `Marks` component maps each data row to a rectangle positioned by the categorical y-scale and sized by the linear x-scale, with tooltips showing the exact population via SVG `<title>` elements. Data is loaded asynchronously using D3's `csv` parser from a GitHub-hosted CSV file.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed