Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shape with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

844fb8e288194946bdbab80e006753f8

Shape with SVG and CSS

0 stars0🌍 Public
CCassie-Xiao-Yu
Last edited May 22, 2020
Created on May 21, 2020

This example displays a horizontal bar chart of population data for ten countries, using SVG rectangles scaled by a linear population axis and a band scale for country names. The visualization is built with React and D3 v5, leveraging `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the chart. Data from a CSV file is loaded via `csv`, with populations multiplied by 1000, and styled through CSS properties like `fill: steelblue` on the bars.

AI-generated description

A bare minimum HTML page.

See also React Starter.