Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a piechart?

Public visualization

Viewing a saved revision (read-only)

6809035a3c1a4b24bda4500b12544242

Making a piechart?

0 stars0🌍 Public
Bbertieip
Last edited Jun 17, 2020
Created on Jun 17, 2020
Forked from Making a barchart

This example demonstrates a bar chart comparing carbon dioxide emissions (tCO2) across three scopes, using a horizontal layout with labeled axes. The visualization renders SVG elements within a React framework, leveraging D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to position bars and ticks. Data is loaded from a CSV file and parsed to numeric values, with the chart built by appending grouped rectangles and text labels inside an SVG container. The code also defines margins dynamically and applies a steel blue fill to the bars.

AI-generated description

A bare minimum HTML page.

See also React Starter.