Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MCU Pie chart

Public visualization

Viewing a saved revision (read-only)

c0ce340c80a548c8bf8afc7459fe0ce0

MCU Pie chart

0 stars0🌍 Public
Hhappymail6
Last edited Jul 2, 2022
Created on Jun 30, 2022

This interactive dashboard visualizes the budgets and worldwide grosses of Marvel Cinematic Universe movies as a pie chart and histogram. The pie chart breaks down each movie’s total into three categories—Budget, Domestic Gross, and Worldwide Gross—with hover interactions on either chart updating the complementary visualization. Built with D3 v3 inside a React framework, it uses `d3.scale.ordinal`, `d3.scale.linear`, and SVG transitions to animate changes, while a legend with frequency and percentage totals provides additional context. Data is embedded directly in the script.

AI-generated description

A bare minimum HTML page.

See also React Starter.