JavaScript required
We’re sorry, but Coda doesn’t work properly without JavaScript enabled.
Skip to content
Gallery
Diagrams and visualizations using Mermaid
Diagrams and visualizations using Mermaid
More
Share
Explore
Diagrams and visualizations using Mermaid
Pie Chart
A pie chart (or a circle chart) is a circular statistical graphic, which is divided into slices to illustrate numerical proportion.
Syntax documentation
Syntax
Theme
:
default
title
Key elements in Product X
'Calcium'
:
42
.
96
'Potassium'
:
50
.
05
'Magnesium'
:
10
.
01
'Iron'
:
5
Creating a pie chart from a table
Name
Cost
Type
Name
Cost
Type
1
Buenos Aires - Madrid
$1,836.80
🛫 Flight
2
Orchard Hotel - London
$793.24
🏨 Accommodation
3
Le Petit Palu Opera - Madrid
$115.63
🏨 Accommodation
4
Marieta - Sevilla
$61.71
🏨 Accommodation
5
Wam - Carvoeiro
$481.31
🏨 Accommodation
6
Amos - Lisboa
$230.75
🏨 Accommodation
7
Porto - London
$96.89
🛫 Flight
8
Maria Amélia - Porto
$156.72
🏨 Accommodation
9
CityHub - Amsterdam
$642.15
🏨 Accommodation
10
Nesrin - Brussels
$400.29
🏨 Accommodation
11
Amsterdam - Copenhagen
$163.76
🛫 Flight
12
Copenhagen - Madrid
$314.32
🛫 Flight
13
London - Brussels
$235.00
🚆 Train
14
Madrid - Sevilla
$178.55
🚆 Train
15
Sevilla - Carvoeiro
$53.23
🚍 Bus
16
Carvoeiro - Lisboa
$22.19
🚍 Bus
17
Brussels - Amsterdam
$73.24
🚆 Train
18
Madrid
$92.00
🏨 Accommodation
19
Lisboa - Porto
$29.96
🚍 Bus
20
Payoneer
$673.81
🍽 Food & Drinks
21
BBVA VISA
$1,988.00
🍽 Food & Drinks
22
BBVA Master
$599.00
🍽 Food & Drinks
23
BBVA VISA
$606.00
🍽 Food & Drinks
There are no rows in this table
1
2
3
4
5
Type
Type
🛫 Flight
🏨 Accommodation
🚆 Train
🚍 Bus
🍽 Food & Drinks
There are no rows in this table
Syntax
Creating a pie chart from a table
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
Ctrl
P
) instead.