Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_data_vis

Public visualization

Viewing a saved revision (read-only)

8d16b13ffcaf4fc5826d1d22ae8d59e1

Activity6_data_vis

0 stars1🌍 Public
Aaashrithas2000@gmail.com
Last edited Apr 14, 2024
Created on Apr 14, 2024

This example displays the populations of 30 countries for 2020 as a horizontal bar chart, with countries ordered along the y-axis and population values plotted along a linear x-axis. The visualization uses React to render SVG elements, with D3 v5 scales (scaleBand and scaleLinear) computing positions, while custom AxisBottom and AxisLeft components generate the tick marks and labels. Population values are formatted using D3's format function and the data is loaded from a remote CSV file via d3.csv.

AI-generated description