Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making an Interactive Pie Chart

Public visualization

Making an Interactive Pie Chart

0 stars0🌍 Public
PPriyaEnuganti
Last edited Jul 2, 2022
Created on Jul 1, 2022

This interactive pie chart visualizes university funding amounts, with each slice labeled and color-coded by institution. Built with D3.js v5, the chart uses `d3.pie` and `d3.arc` to generate the donut geometry and `d3.scaleOrdinal` with `d3-scale-chromatic` for slice colors. Hovering over a slice triggers a tooltip showing the percentage of total funding, calculated via `d3.sum` and `d3.event`. The data comes from a CSV file loaded asynchronously, and the visualization renders as SVG with hover opacity effects and rounded slice corners.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed