Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Question 1.1

Public visualization

Viewing a saved revision (read-only)

d04fc5f2825349a392f41439a5c86cf6

Activity 6_Question 1.1

0 stars1🌍 Public
Ssumithdugyala@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart of the top ten countries by population in the year 2000, using an SVG rendered through React. The chart uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, with formatted tick labels via `d3.format`. Country names are drawn as text labels on the left, while the bars include a native SVG `<title>` tooltip showing the exact population value. Data is loaded asynchronously using `d3.csv` from a GitHub gist.

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.