Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7 Task 1.3

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

0dcc857caff24fb780c45e375796d983

Open

Activity 7 Task 1.3

0 stars0🌍 Public
MMichael Biancardi
Last edited Jul 17, 2023
Created on Jun 28, 2023

A horizontal bar chart displays the top 20 countries by 2020 population, using a linear scale for population values and a band scale for country names. The visualization is built with React and D3 v5, loading CSV data via `d3.csv` and rendering SVG rectangles. Axes are generated with custom components using `scaleBand` and `scaleLinear` ticks, while tooltips are provided through SVG `<title>` elements.

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.