Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1 Q1.1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

cec5964cb33743a3b352744bd5bf3d50

Open

Activity 6_Task 1 Q1.1

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

This visualization displays the population of ten countries in the year 2000 as a horizontal bar chart, using a linear x-scale for population values and a band scale for country names. Built with React and D3 v5, the chart renders SVG rectangles via a custom `Marks` component, with axes generated by `AxisBottom` and `AxisLeft`. Population data is loaded from a remote CSV using D3’s `csv` function, and the x-axis labels are formatted using `d3.format` to abbreviate numbers (e.g., "1.5B").

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.