Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pie Chart with Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

548dc59ed4c748398c2901b3d0d1d7ba

Pie Chart with Interactive Color Legend

3 stars2🌍 Public
EEri Kim
Last edited Apr 10, 2023
Created on Mar 4, 2023
Forked from MoMA Streamgraph

This pie chart visualizes the distribution of artwork classifications in the MoMA collection, using data loaded from a CSV file. Hovering over a pie slice displays a tooltip showing the classification label and count, while an interactive legend on the right highlights the corresponding slice when moused over. The chart is built with D3.js v7, using `pie()` and `arc()` for slice generation, `scaleOrdinal` with `schemeTableau10` for colors, and transitions for opacity changes during legend interactions.

AI-generated description

I made a pie chart using the classification column in MoMA dataset. When you hover over an area, it displays a tooltip with the label and count. The color legend is also interactive. When you mouseover a legend, the corresponding pie area is highlighted.

ISC Licensed