Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial 1 Question 1

Public visualization

Viewing a saved revision (read-only)

f1c035f6e4ab45e9ad98345a5bb409f4

Tutorial 1 Question 1

0 stars0🌍 Public
Cchandrikachowdary867@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024

This horizontal bar chart displays population figures for ten countries in the year 2000, sorted alphabetically by country name. The visualization uses React components with D3 scales—specifically `scaleLinear` for the x-axis and `scaleBand` for the y-axis—to render SVG rectangles. Data is loaded from a CSV file using d3.csv, with population values converted from thousands. The chart includes formatted axis ticks using d3.format, axis labels, and tooltips that display population values on hover.

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.