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)

52dcc242acdb401fb59608eede984964

Open

activity 6_Task 1

0 stars1🌍 Public
SSowjanya Devupalli
Last edited Oct 20, 2024
Created on Oct 17, 2024
Forked from Hello VizHub

This visualization shows the population of 30 countries in 2020 as a horizontal bar chart. The React-based code uses D3 v5 to load CSV data, and employs `scaleBand` and `scaleLinear` to map country names and population values to screen coordinates. The SVG rendering includes custom axis components and rectangle marks, with tooltips showing formatted population values. Data originates from a GitHub-hosted CSV file, and the chart is rendered entirely with SVG elements.

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.