Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TASK1_2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

27f2a401ab7f42cb990c1a7bd6247e63

Open

TASK1_2

0 stars0🌍 Public
Ssanjanadadi19@gmail.com
Last edited Apr 4, 2024
Created on Mar 30, 2024
Forked from Hello VizHub

This horizontal bar chart displays the population figures for 20 countries in 2010, sorted along a categorical y-axis with proportional bar lengths extending along a linear x-axis. The visualization is built with React and D3 v5, using `scaleBand` and `scaleLinear` for positioning, and renders SVG elements through custom `AxisBottom`, `AxisLeft`, and `Marks` components. Data is loaded asynchronously from a CSV file via `d3.csv` and formatted using `d3.format` to abbreviate large numbers as billions, with tooltips showing exact values.

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.