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)

a50365fe939c499d9ba8852bca6fe985

Open

activity 6_Task_1

0 stars1🌍 Public
Ppaulphillips@my.unt.edu
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This visualization displays the populations of ten countries in the year 2000 using a horizontal bar chart, sourced from a CSV file. Built with React and D3 v5, it renders chart elements as SVG components, including bottom and left axes. The code employs D3's `scaleBand` and `scaleLinear` to map data to positions, while custom React components (`AxisBottom`, `AxisLeft`, `Marks`) structure the visualization. Population values are formatted using D3's `format` API, converting large numbers into abbreviations like “1.2B”.

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.