Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

a95c10534f8e448ab9e638db61e17c42

Activity 6_Task 1

0 stars0🌍 Public
Ssaishruthik2361@gmail.com
Last edited Oct 21, 2024
Created on Oct 17, 2024
Forked from Hello VizHub

This is a horizontal bar chart that ranks the top 30 countries by their 2020 population. The chart uses a light green bar for each country, with a blue x-axis and a blue y-axis, showing the population in billions on the x-axis. The visualization is built using React and D3 v5, with the `scaleBand` and `scaleLinear` functions from `d3` to map the data on the SVG canvas. The data is loaded from a GitHub CSV file and the population values are multiplied by 1000. The marks are `rect` elements with a tooltip displaying the formatted population value.

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.