Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Making an Interactive Pie Chart

Public visualization

Viewing a saved revision (read-only)

28af99fabb81452a83c71427b76537a4

Fork of Making an Interactive Pie Chart

0 stars0🌍 Public
SshanLU999
Last edited May 26, 2021
Created on May 26, 2021

This interactive donut chart displays the proportion of three project statuses—Not started, Started but not completed, and Completed—using a color-coded SVG pie layout. Hovering over a slice highlights it and reveals a tooltip showing the exact percentage of that status. The visualization uses d3.pie and d3.arc to generate the donut geometry, with d3.scaleOrdinal mapping status names to colors. Data is loaded from a CSV file, and mouseover events update the tooltip’s position and computed percentage.

AI-generated description