Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pie Chart

Public visualization

Pie Chart

0 stars1🌍 Public
Vvivianaaai@qq.com
Last edited Nov 7, 2023
Created on Nov 7, 2023
Forked from Untitled

This pie chart visualizes the population distribution across 14 cities in Liaoning Province, China, using data from a CSV file. The chart renders as an SVG with donut-style arcs, where each slice’s arc length corresponds to a city’s population value, and city names are placed outside the ring using `d3.arc` and centroid positioning. The code uses `d3.pie()` to compute arc angles, `d3.scaleOrdinal` with `d3.schemeSet2` and `d3.schemeSet3` for colors, and `d3.arc().innerRadius(60).outerRadius(260)` to generate the paths, with labels positioned via an outer radius of 280.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed