Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

task-8

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

2312a15fe6ab41d5ad9b2647da6167d2

Open

task-8

0 stars0🌍 Public
DDivyaKota2@my.unt.edu
Last edited Apr 13, 2024
Created on Apr 12, 2024

This interactive bar chart visualizes the population of 20 countries in 2010, loaded from a remote CSV file and rendered as SVG via React and D3 v5. The code uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the quantitative x-axis, and custom React components (`AxisBottom`, `AxisLeft`, `Marks`) to render ticks and bars. A formatting function from `d3.format` converts large numbers to abbreviations like "B" for billions.

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.