Skip to main content
100%

Q1-2

✓ Published0🌍 Public
Ppnamitha46@gmail.com
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This example displays a horizontal bar chart comparing the populations of 20 countries in 2010, sorted by country name along the vertical axis. The chart uses a linear scale for population values and a band scale for countries, with green bars that include tooltips showing the formatted population in billions. Built with React and D3 v5, the visualization loads CSV data via `d3.csv`, renders SVG elements through React components, and formats axis ticks using `d3.format`. The code demonstrates local ES6 module imports and reusable axis and mark components.

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