Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Q1_Activity8_VaishaliKonda

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

8176c3d4e1f34d5c92e985f2c0202bf1

Open

Q1_Activity8_VaishaliKonda

0 stars0🌍 Public
Vvaishalireddy55555@gmail.com
Last edited Apr 15, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

A bar chart displays the population of ten countries in the year 2000, sourced from a CSV file loaded via d3.csv. The visualization uses React to render SVG elements, with d3.scaleBand and d3.scaleLinear mapping categorical country names and quantitative population values. The d3.format function formats tick labels using SI notation, replacing 'G' with 'B'. Tooltips, implemented with SVG `<title>` elements, show the exact population value on hover. Axes and bars are styled with CSS, and the chart is rendered within a fixed 960x500 viewport.

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.