Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

9de6ff8294da4de392de768a56b4c015

Open

Activity6_Task1

0 stars0🌍 Public
VVarshith Peddineni
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This example displays a horizontal bar chart of 2020 population figures for 30 countries, using a light green fill and blue tick marks. Population values are formatted with SI prefixes, converting "G" to "B" for billions. The visualization is built with React and D3 v5, loading CSV data via `d3.csv` and rendering SVG bars using `scaleBand` and `scaleLinear`. The `AxisBottom` and `AxisLeft` components generate ticks, while `Marks` renders rectangles with tooltip titles.

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.