Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Donut Chart

Public visualization

Viewing a saved revision (read-only)

e7f9a1e34a0840fdb6fede57490bfafc

Donut Chart

0 stars0🌍 Public
Xxyzcorrupt@gmail.com
Last edited Jun 23, 2024
Created on Jun 22, 2024

This donut chart displays five equal segments, each representing a donut count of 1000 from the Data.json file. The circular visualization uses a ring geometry with an inner radius of 140 and outer radius of 185, with segments colored green, blue, yellow, red, and teal. The visualization is built using D3 version 5, leveraging the `pie` API to compute arc segments and the `arc` API to generate the SVG paths. A `scaleOrdinal` color scale maps the data values to the custom color palette. The chart reads its data asynchronously from a JSON file and renders within an SVG element on an HTML page.

AI-generated description