Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Pie Chart with Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

1e0ddf66ce0344abbd781aaa47021337

Fork of Pie Chart with Interactive Color Legend

1 star0🌍 Public
EEri Kim
Last edited Apr 10, 2023
Created on Apr 10, 2023

This pie chart visualizes the distribution of artwork classifications in the MoMA dataset, with each slice sized by the count of works in a department. Hovering over a slice reveals a tooltip showing the department name and count, while hovering over the interactive color legend dims all non-matching slices to highlight the selected category. The visualization uses d3.pie, d3.arc, and d3.scaleOrdinal with schemeTableau10 for coloring, built with Vue and rendered as animated SVG. Data is loaded from a CSV and aggregated using d3.flatGroup.

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