Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 7

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ecbf5cc38be64eb5bee74fa69ad1a744

Open

Activity 7

0 stars0🌍 Public
LLakshmanRangisetti
Last edited Jun 28, 2023
Created on Jun 28, 2023
Forked from Hello VizHub

This horizontal bar chart displays the 2010 populations of ten countries, sorted by name along the y-axis. The visualization uses React with D3.js v5, constructing an SVG with scales from `d3.scaleBand` and `d3.scaleLinear`. The population values are loaded from a CSV file via `d3.csv`, formatted with `d3.format` (abbreviated to billions), and rendered as green rectangles. Axis tick marks and labels are styled with blue lines and gray text, with a cumulative x-axis label reading "POPULATION-2010".

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.