ETLondonDubaiTokyoSydneyLos Angeles57°FNew YorkNewsletter
Most read
Trending#Entertainment#Tech#Finance

No. 47 of 106

Pie Chart

Donut and pie charts that draw in once.

    On this page
  1. Color Palette
  2. Legend Position
  3. Card Style
  4. Chart Type
  5. Labels on Slices
Section 01

5 options for color palette — all shown live below.

1
Vividpalette = vivid

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

2
Pastelpalette = pastel

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

3
Oceanpalette = ocean

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

4
Sunsetpalette = sunset

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

5
Monochromepalette = mono

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

Section 02

5 options for legend position — all shown live below.

1
Rightlegend_pos = right

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

2
Leftlegend_pos = left

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

3
Bottomlegend_pos = bottom

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

4
Toplegend_pos = top

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

5
Hiddenlegend_pos = hidden

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

Section 03

5 options for card style — all shown live below.

1
Nonecard = none

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

2
White Cardcard = card

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

3
Dark Cardcard = dark

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

4
Gradient Cardcard = gradient

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

5
Outlinedcard = outline

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

Section 04

6 options for chart type — all shown live below.

1
Piechart_type = pie

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

2
Donutchart_type = donut

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

3
Half Donut (gauge)chart_type = semi

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

4
Thin Ringchart_type = ring

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

5
Rose (polar area)chart_type = rose

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

6
Concentric Ringschart_type = rings

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

Section 05

4 options for labels on slices — all shown live below.

1
Nonelabel_mode = none

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

2
Percentagelabel_mode = percent

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

3
Valuelabel_mode = value

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

4
Namelabel_mode = label

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

Section 06

3 options for sort slices — all shown live below.

1
As enteredsort = none

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

2
Largest firstsort = desc

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

3
Smallest firstsort = asc

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

Section 07

Switch parts of the widget on or off.

1
Slice Pops Out on Hover — Offhover_pop = off

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

2
Tooltip — Offtooltip = off

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

3
Sweep Animation on Scroll — Offanimate = off

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

4
Hide On Desktop — Onhide_desktop = hidden-desktop

Where Readers Get Their News

Main news source for U.S. adults, fall 2026 reader survey.

Section 08

New looks in context: a marketing report, a fitness app and a household budget.

Traffic by channel

Last 30 days (sample data)

Today's activity

Sample fitness goals

Monthly budget

Sample household · $

Sales by region

Q3 (sample)

Plan sign-ups

This month (sample)