🌍 Public
Viewing a saved revision (read-only)
dd1c8f2d71be41969ecf04d76397308a
activity6_task 1
This example shows a horizontal bar chart of 2020 population figures for 30 countries, with a green mark for each bar and blue tick lines on the axes. The React-based application loads CSV data via d3.csv, scales it with d3.scaleBand and d3.scaleLinear, and formats tick labels using d3.format. The SVG rendering uses reusable components for the axes and marks, with tooltips provided by SVG title elements. Population values are converted from raw numbers by multiplying by 1,000.
AI-generated descriptionA demonstration of how to start using D3 version 6.