Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

DV TASK-8(Q1-2)

Public visualization

Viewing a saved revision (read-only)

70e644a5a6c84929b7aeb12fd0229c94

DV TASK-8(Q1-2)

0 stars0🌍 Public
Nnagabinduk2023@gmail.com
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This example displays a horizontal bar chart of population data for 20 countries in 2010, using a green fill for each bar and blue tick marks along the axes. React components render SVG rectangles scaled by D3's `scaleLinear` and `scaleBand` APIs, with axis ticks generated from `xScale.ticks()`. The data is loaded asynchronously from a CSV file via D3's `csv` function, and the population values are reformatted to billions using D3's `format` function, which is also used for tooltips on each bar.

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.