Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6_task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

efa0903397f74843b25146e85e16c6bd

Open

activity6_task 1

0 stars0🌍 Public
Nnumitha
Last edited Apr 5, 2024
Created on Apr 4, 2024
Forked from Activity6

This example shows a horizontal bar chart of 2020 population figures for 30 countries, with a green mark for each bar and blue tick lines on the axes. The React-based application loads CSV data via d3.csv, scales it with d3.scaleBand and d3.scaleLinear, and formats tick labels using d3.format. The SVG rendering uses reusable components for the axes and marks, with tooltips provided by SVG title elements. Population values are converted from raw numbers by multiplying by 1,000.

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.