Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

task 1 question 2

Public visualization

Viewing a saved revision (read-only)

00da9695e50a410db8890d15d5edc511

task 1 question 2

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

This example displays a horizontal bar chart of the top 20 countries by 2010 population, sourced from a CSV file accessed via a GitHub URL and loaded with `d3.csv`. It uses React and `d3.scaleBand` and `d3.scaleLinear` to position bars, with `AxisBottom` and `AxisLeft` components rendering tick marks and labels. Bars are drawn as SVG `<rect>` elements with a native `<title>` tooltip showing the formatted population value via `d3.format` (displaying “B” for billions), while axis styling uses blue tick lines and light green bars.

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.