Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6-Question1(1)

Public visualization

Viewing a saved revision (read-only)

6d19886880334cc4a3bf2d0f3b486c01

Activity6-Question1(1)

0 stars1🌍 Public
Ppslharika@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Activity 7

This chart displays the population figures for the top 10 countries in the year 2000, using a horizontal bar chart where each bar’s length corresponds to its population value. Built with React and D3 v5, the visualization uses `scaleBand` for the categorical country axis and `scaleLinear` for the continuous population axis, rendered as SVG rectangles. The data is fetched from a CSV file via `d3.csv`, and tooltips show formatted population values using `d3.format`. The code defines custom `AxisBottom`, `AxisLeft`, and `Marks` components to manage the chart’s layout.

AI-generated description

A demonstration of how to start using D3 version 6.