Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Q1.1

Public visualization

Q1.1

0 stars1🌍 Public
MMandadi Nishita
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Activity 6_Task 1

This bar chart visualizes population data for ten countries from the year 2000, sourced from a CSV file loaded via D3’s `csv` function. The React application maps each country to a horizontal rectangle, with bar lengths proportional to population (converted from raw values) using D3’s `scaleLinear` and `scaleBand` scales. SVG rendering is used, with tick labels formatted to billions and a tooltip displaying the same abbreviation on hover. The example demonstrates how to integrate local ES6 modules with D3 within the VizHub framework.

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