Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ACTIVITY6 QUES 1 (PART2)

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

788577b11875432fbac8f612712e7b3b

Open

ACTIVITY6 QUES 1 (PART2)

0 stars1🌍 Public
BBhavana Sharma
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This example displays a horizontal bar chart of 2010 population data for 20 countries, rendered as an SVG using React components. It uses D3 v5 modules including `scaleBand`, `scaleLinear`, `max`, and `format` to process the CSV data loaded from a remote GitHub URL via `csv`. The chart includes custom `AxisBottom` and `AxisLeft` components, with blue tick lines and green bars. Population values are formatted using `format('.2s')` and converted from gigabytes to billions for the x-axis labels.

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.