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)

c14ce53b09624d67929e92b9a2d5996c

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