Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

4f43329cb22147f58e7feccab089ba16

Open

Activity6_Task1

0 stars1🌍 Public
LLokesh Madem
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

A horizontal bar chart displays the populations of ten countries in the year 2000, sourced from a CSV file. It uses a React with D3 v5 approach, rendering SVG via `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Green bars encode values formatted with D3's `format` function, converting abbreviations like 'G' to 'B'. Native SVG `<title>` elements provide tooltips with the formatted population values, while axes are generated from `xScale.ticks()` and the domain.

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.