Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 1_task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

e928f567d9d245c984ef1ba8409a442d

Open

Activity 1_task 1

0 stars0🌍 Public
Ssindhureddykandada@gmail.com
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

This example displays a horizontal bar chart of population figures for 30 countries in 2020, using D3 scales for positioning and React for rendering. It loads comma-separated data from a GitHub-hosted CSV file, parsing the `2020` column and multiplying by 1000 to represent population. SVG rectangles are generated from the `Marks` component, with axes drawn using `scaleBand` and `scaleLinear` and formatted with D3's `format` function, converting Giga to Billions for labeled ticks.

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.