Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Jaynica Nunna

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

3f9ae46372dd4a45905df4a2bfd92a25

Open

Jaynica Nunna

0 stars1🌍 Public
Nnunnajaynica@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

A horizontal bar chart displays the populations of ten countries for the year 2000, with the data loaded from a CSV file on GitHub. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendering bars as SVG rectangles. Population values are formatted using `format('.2s')` to display in billions, and each bar includes a tooltip via a native SVG `<title>` element. The chart includes styled axis ticks and labels, with the x-axis labeled "POPULATION-2020".

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.