Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a bar chart

Public visualization

Viewing a saved revision (read-only)

fad075ed9a524788b1990809f7e61236

Making a bar chart

0 stars2🌍 Public
RRonie Uliana
Last edited Jun 3, 2020
Created on Jun 3, 2020
Forked from HTML Starter

This example shows a horizontal bar chart of population counts for ten countries, with bars ordered by the given CSV data. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map population values and country names to pixel positions. Axis components are generated with `axisLeft` and `axisBottom`, while bars are rendered as SVG `rect` elements. The chart is built in a React-free, imperative style, reading from `data.csv` and styling via `styles.css`.

AI-generated description

A bare minimum HTML page.

See also React Starter.