Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

9aebb496a9ac482c924fdb574769bb72

Open

Activity6_Task 1

0 stars1🌍 Public
Ppraneeth.d555@gmail.com
Last edited Oct 22, 2024
Created on Oct 18, 2024
Forked from Hello VizHub

This interactive horizontal bar chart visualizes the 2020 population of 30 countries, using D3 v5 within a React framework. The chart uses SVG rendering, with `d3.scaleBand` and `d3.scaleLinear` to map the categorical country names and numerical population values. Each bar’s length encodes the population data, with a tooltip displaying the formatted value in billions. The chart includes styled axes with blue tick lines and labeled tick marks, and a bottom axis label reading "POPULATION-2020". The data is loaded from a CSV file using D3’s `csv` function and displayed with a green bar fill.

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.