Skip to main content
100%

Q2_Activity8

✓ Published0🌍 Public
Vvaishalireddy55555@gmail.com
Last edited Apr 15, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This interactive bar chart displays the populations of 20 countries in 2010, using a horizontal layout with the y-axis listing country names and the x-axis encoding population scale. The visualization is built with React and D3 v5, relying on D3’s `scaleBand` and `scaleLinear` for positioning and scaling, with SVG rectangles rendered for each bar. Data is loaded via a CSV file using D3’s `csv` function, with population values converted from thousands. The chart includes an x-axis bottom tick label and a y-axis with domain ticks, styled with blue lines and light green bars that show a tooltip on hover.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes