Template - Popup Pie Chart
1280px x 960px
Adding popups to graphs and charts provides the opportunity for information to be discovered. This is a great way to make content more engaging for users.
Tip: How to save time when creating popups for the pie chart.
Create one popup that has the images, text format, animations, and interactions you want the other popups in the pie chart to have. Copy and paste the popup and change the names of the pasted popup folders in the layers panel. In this experience, each popup is named by color. You can then change the text and replace the icons in each popup. This is more efficient than making each popup from scratch.
Tip: How to animate the wedges to spin from the center.
Each colored wedge is grouped with a transparent square shape, which makes them have the same center point. Since all the wedges have the same center point, when you add a spin animation to each wedge group, they will spin from the same center.
Scope 1
Scope 1
6%
538.69
CO2et
3.9%
299.18
CO2et
Scope 2 (market based)
Scope 2
(market based)
1%
92.52
CO2et
0.1%
11.36
CO2et
FY 2024
Current data
FY 2020
Baseline
Scope 3
Scope 3
93%
8,197.93
CO2et
96%
7,404.88
CO2et
The colored wedges are svg file types. To change the color, select a wedge.svg file (try searching wedge.svg in the layers panel), scroll down in the design panel, and select the color swatch.