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)

d576dc6735ce4f0eb9aac608e6942eb5

Open

Activity 6_Task 1

0 stars1🌍 Public
Aanusha.chilkamarri26@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This horizontal bar chart displays the 2020 population estimates for the top 30 countries, ranked by country name on the y-axis. Built with React and D3 v5, the visualization uses `scaleBand` for the categorical axis and `scaleLinear` for the population values, rendering SVG rectangles whose lengths encode the data. Tooltips show formatted population numbers via the `title` element. The x-axis uses `format('.2s')` to abbreviate values in billions, while the data is fetched from a CSV file.

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.