🌍 Public
Viewing a saved revision (read-only)
2896efa11fab430e838ed1da0514df2d
Activity7_Task1
This chart displays the population of ten countries in the year 2000, with countries listed on the y-axis and population values on the x-axis. Rendered as an SVG using React, the visualization utilizes D3.js v5 functions like `scaleBand`, `scaleLinear`, and `max` to position horizontal bars, while a custom `format` function abbreviates tick labels. Data is loaded via D3’s `csv` parser from a remote GitHub URL, and axes are generated with custom React components—`AxisBottom` for x-axis ticks and `AxisLeft` for categorical labels—styled with light green marks on a gray background.
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.