Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TASK8_TUTORIAL1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

52f4338067a2456180c36d063e7e1a7e

Open

TASK8_TUTORIAL1

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

This example shows a horizontal bar chart of 2020 population estimates for 30 countries, rendered with SVG in a React application. D3 v5’s `scaleBand` and `scaleLinear` map country names and population values to the bar positions and lengths, while custom React components draw the axes and marks. The data is loaded as CSV from a GitHub repository, with the population column formatted using D3’s `format` function to appear in billions.

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.