Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

f4bb3368fc4e45bfa84d236488addeef

Open

Activity6_Question 1

0 stars0🌍 Public
MMonish Galla
Last edited Apr 2, 2024
Created on Apr 2, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart comparing the population of ten countries in the year 2000, using a dataset loaded from a CSV file. The chart renders as SVG through React components, with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis. The code imports d3 functions like csv, scaleBand, scaleLinear, max, and format, and uses d3.ticks for axis generation. Tooltips display each bar’s value on hover via SVG titles.

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.