Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of JC Task-7 Q1

Public visualization

Fork of JC Task-7 Q1

0 stars0🌍 Public
JJames Cruz
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from JC Task-7 Q1

This example displays a horizontal bar chart of population data for 20 countries in 2020. It uses React with SVG rendering, and D3’s `csv`, `scaleBand`, `scaleLinear`, and `max` functions to load and transform the data, and to position the bars and axes. The bars are drawn as SVG rectangles, with a native `<title>` element providing a simple tooltip. Data comes from a CSV file hosted on GitHub.

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.

Comments

Sign in to join the discussion.

MIT Licensed