Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shape with SVG and CSS

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed