Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pie chart for report

Public visualization

Viewing a saved revision (read-only)

12c7ee3021fb43ce9c300f682d83b75d

Pie chart for report

0 stars1🌍 Public
BbeauMarko
Last edited Mar 5, 2021
Created on Mar 5, 2021

This example presents a pie chart that visualizes population data for three continents (Africa, Europe, and Australia), with each slice labeled by continent name. The chart is built using React components and D3.js v6, specifically leveraging `d3.pie()` to compute slice angles, `d3.arc()` to generate SVG paths, and `d3.interpolateRgb()` to apply a color gradient from deep red to light orange. The SVG rendering includes slices with calculated centroids using `arc.centroid()` for text positioning, while the unused `Check` component demonstrates a separate color-scale experiment.

AI-generated description