Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Actvity6_question1

Public visualization

Viewing a saved revision (read-only)

fa6c5008beba41ccb2ac192100f229d8

Actvity6_question1

0 stars0🌍 Public
Cchamarthisreenivasvarma@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Actvity6_question1

This example displays a horizontal bar chart of population data for the year 2000, with the top ten countries ordered along the y-axis and population values mapped to bar lengths on the x-axis. It uses React to render SVG elements and imports `scaleBand` and `scaleLinear` from D3 to compute the scales, while `format` from D3 converts axis tick labels from raw numbers to abbreviated billions. The chart reads its data from an external CSV file via the `csv` function, and a tooltip on each bar shows the formatted population value.

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.