Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task 8 question 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

9ca1af3b8ca74c64a8f3a5f18e6464fa

Open

Task 8 question 1

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

This interactive bar chart displays population estimates for ten countries in the year 2000, using a horizontal layout with country names on the y-axis. The visualization is built with React and D3 v5, using `scaleBand` for the categorical axis and `scaleLinear` for the population values. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, with population values multiplied by 1,000. The SVG rendering includes custom `AxisBottom` and `AxisLeft` components, while `Marks` generates the bars with tooltips formatted using D3’s `format` API.

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.