Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub1

Public visualization

Fork of Hello VizHub1

0 stars0🌍 Public
Ppravallikaratankanthkatragadda@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This bar chart displays the populations of 30 countries in 2020, ranked from largest to smallest. The visualization loads a CSV dataset from GitHub and renders horizontal bars in SVG using React. It employs D3 v5’s `scaleBand`, `scaleLinear`, `csv`, `format`, and `max` functions, with custom React components for axes and marks. The x-axis uses abbreviated tick formatting, and hovering over a bar shows an exact population via a tooltip. The chart includes labeled axes and a title specifying the population year.

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.

Comments

Sign in to join the discussion.

MIT Licensed