Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Question 1.2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

26462c3e2bd34a33973d0c9afc11f7aa

Open

Question 1.2

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

This visualization displays the populations of the top 20 countries in 2010 as a horizontal bar chart, using a linear x-scale for population values and a banded y-scale for country names. The chart loads CSV data from a GitHub repository and renders bars as SVG rectangles with native tooltips. Built with React and D3 v5, it uses `scaleLinear`, `scaleBand`, `csv`, and `format` to process data, compute scales, and format tick labels. The axes are custom React components that generate `line` and `text` SVG 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.