🌍 Public
Activity_8_Question-1.1
This visualization presents a horizontal bar chart of population data for ten countries, using a green fill for each bar. The chart is rendered as an SVG within a React application, leveraging D3.v5 for data processing and scale construction. The code demonstrates modular components for axes and marks, employing D3's `scaleBand` and `scaleLinear` for positioning. Population values are loaded from a remote CSV file, formatted with D3's `format` function to display values like "1.2B". Tooltips are provided via SVG `<title>` elements, and the chart includes styled blue tick lines and labeled axes.
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.