Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6_task_1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

f41d13b2eb1b4f7899581d35a0b05579

Open

Activity_6_task_1

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

This bar chart displays the population of 30 countries in 2020, sorted by country name along the y-axis. The visualization is built with React and D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded from a CSV file via D3's `csv` function, with population values formatted using `d3.format` to abbreviate large numbers. The SVG rendering includes custom axes, tooltips via `<title>` elements, and a green fill for each bar.

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.