Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Making an Interactive Pie Chart

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed