π Public
Fork of Task_8_Q1_2
This example presents a horizontal bar chart comparing the 2010 populations of 20 countries. The bars are rendered as green SVG rectangles. The chart is built using React, with D3.js v5 providing the `scaleBand` and `scaleLinear` functions for axis scaling, and the `csv` function to load data from a GitHub-hosted CSV file. Custom ES6 module components handle the axes and marks, with the x-axis formatting using D3's `format` API to abbreviate large numbers to billions. Population values are preprocessed by multiplying the raw data by 1000.
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.
MIT Licensed
Comments
Sign in to join the discussion.