Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question1.2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

3363d2e5fb9b40be87b1e1eb1cd3f5d9

Open

Activity6_Question1.2

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

This visualization displays the populations of 20 countries in 2010 as horizontal bars, using a bar chart format. D3 v5 scale functions, including `scaleBand` and `scaleLinear`, map country names and population values to SVG coordinates, while React components render the axes and marks. The chart sorts data from a CSV file, formats population values with the `format('.2s')` API, and includes a tooltip via SVG `<title>` elements, showing the underlying data source and rendering pipeline.

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.