Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Question_1(b)

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

4e8365caace445e1941dae200acc1ec5

Open

Question_1(b)

0 stars0🌍 Public
SSiddhartha Alwala
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This visualization shows the population of 20 countries in the year 2010 as a horizontal bar chart. The bars are rendered as SVG rectangles using React components, with the x-axis scaled linearly and the y-axis using a band scale for country names. The code uses D3 v5’s `scaleBand`, `scaleLinear`, `max`, and `format` for axes and tick labels, while the dataset is loaded via `d3.csv` from a GitHub URL. A simple tooltip is provided through SVG `<title>` elements showing the formatted population value.

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.