Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6_Question1.2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

bbc82c6540be4b3396dfc0e6c111dec9

Open

Activity_6_Question1.2

0 stars0🌍 Public
HHarsha vardhan reddy Yarmareddy
Last edited Apr 6, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This example shows a horizontal population bar chart for 20 countries using 2010 data, with bars colored light green and axes labeled in blue. The visualization uses React to render SVG elements, with D3 v5 APIs including `scaleBand` and `scaleLinear` to map categorical and quantitative data. The `csv` function loads data from a GitHub-hosted CSV file, while custom `AxisBottom` and `AxisLeft` components generate ticks. Each bar includes a native SVG `<title>` tooltip displaying formatted population values using D3's `format` function.

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.