Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Q1_piechart

Public visualization

Viewing a saved revision (read-only)

47de192fa9a942c095245f6d88a680a1

Q1_piechart

0 stars1🌍 Public
Sshaiksajidali
Last edited Apr 17, 2024
Created on Apr 17, 2024

This interactive pie chart visualizes the worldwide gross revenue of ten top-grossing movies, with each slice labeled by movie title and a hover tooltip displaying exact values. A color legend on the right highlights slices on mouseover by dimming non-matching arcs. The example uses d3.pie and d3.arc for chart construction, d3.select for SVG manipulation, and transitions to animate opacity changes. Data loads from a CSV file using d3.csvParse, with colors generated via HSL values.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.