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)

04a1f5b7f47f4a7cae213ec4c967b75f

Open

activity 6_Task 1

0 stars7🌍 Public
Kkowshiksamudrala08@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

This bar chart displays the top 30 countries by 2020 population, using horizontal bars to compare values against a linear scale. The visualization sorts countries vertically with a band scale, formats tick labels using D3’s `format` function to abbreviate numbers, and renders axes and marks as SVG elements within a React component. Data loads asynchronously via `d3.csv` from a remote GitHub repository, with tooltips showing formatted population values on hover.

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.