🌍 Public
Viewing a saved revision (read-only)
bdeb8a98e8ab49baa2c7dae5063d6ac7
Fork of Man - SDV Activity 6 _Task 1
This horizontal bar chart displays the populations of the top 20 countries in 2010, ordered by country name along the y-axis and population magnitude along the x-axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering data as SVG rectangles with tooltips showing formatted values. The chart loads CSV data from a remote GitHub repository and applies a custom tick formatter that converts large numbers to abbreviated units like "B" for billions. Axis labels and styling utilize CSS classes defined in the HTML document.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.