Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Question2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

3e692eae32ca4477ab4d0ee88c90c6fe

Open

Activity 6_Question2

0 stars1🌍 Public
Ccharishmakalyanapu@gmail.com
Last edited Oct 23, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This bar chart displays the population of the top 20 countries in 2010, ordered along the y-axis with horizontal red bars extending along the x-axis. The visualization loads CSV data from a GitHub repository, slices the first 20 entries, and renders them using React with SVG. It employs D3 v5’s `scaleBand` and `scaleLinear` for axes, and custom components (`AxisBottom`, `AxisLeft`, `Marks`) to generate ticks, labels, and rectangles. A hover tooltip shows the formatted population value via a `<title>` element.

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.