Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task1.2

Public visualization

Viewing a saved revision (read-only)

17e4d59588ba4e3a85d17fac92c91367

Activity 6_Task1.2

0 stars0🌍 Public
DDeekshitha Annreddy
Last edited Oct 24, 2024
Created on Oct 22, 2024
Forked from Activity 6_Task1.2

This example displays a horizontal bar chart of population figures for 20 countries in 2010, with countries on the y-axis and population on the x-axis. It loads CSV data from a GitHub repository using d3.csv and renders the chart as SVG elements within a React component. The visualization uses d3.scaleBand and d3.scaleLinear to map data to coordinates, along with custom axis components and bars colored light green, with tooltips showing population values in billions.

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.