-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsimple-sentence-to-pie-chart-demo.html
36 lines (36 loc) · 1.82 KB
/
simple-sentence-to-pie-chart-demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Simple Sentence to PieChart Demo: Hello World!</title>
</head>
<body>
<h1>Simple Sentence to PieChart Demo: Hello World!</h1>
<svg width="500" height="500">
<path d="M 200,200 l 150,0 a150,150 0 0,0 -24,-81 z" fill="LightBlue" />
<rect x="400" y="25" width="30" height="30" fill="LightBlue" stroke="black" stroke-width="1" />
<text x="440" y="45">!</text>
<path d="M 200,200 l 126,-81 a150,150 0 0,0 -64,-55 z" fill="SteelBlue" />
<rect x="400" y="60" width="30" height="30" fill="SteelBlue" stroke="black" stroke-width="1" />
<text x="440" y="80">e</text>
<path d="M 200,200 l 62,-136 a150,150 0 0,0 -83,-12 z" fill="LightGreen" />
<rect x="400" y="95" width="30" height="30" fill="LightGreen" stroke="black" stroke-width="1" />
<text x="440" y="115">d</text>
<path d="M 200,200 l -21,-148 a150,150 0 0,0 -77,35 z" fill="ForestGreen" />
<rect x="400" y="130" width="30" height="30" fill="ForestGreen" stroke="black" stroke-width="1" />
<text x="440" y="150">h</text>
<path d="M 200,200 l -98,-113 a150,150 0 0,0 0,226 z" fill="Salmon" />
<rect x="400" y="165" width="30" height="30" fill="Salmon" stroke="black" stroke-width="1" />
<text x="440" y="185">l</text>
<path d="M 200,200 l -98,113 a150,150 0 0,0 160,23 z" fill="FireBrick" />
<rect x="400" y="200" width="30" height="30" fill="FireBrick" stroke="black" stroke-width="1" />
<text x="440" y="220">o</text>
<path d="M 200,200 l 62,136 a150,150 0 0,0 64,-55 z" fill="NavajoWhite" />
<rect x="400" y="235" width="30" height="30" fill="NavajoWhite" stroke="black" stroke-width="1" />
<text x="440" y="255">r</text>
<path d="M 200,200 l 126,81 a150,150 0 0,0 24,-81 z" fill="DarkOrange" />
<rect x="400" y="270" width="30" height="30" fill="DarkOrange" stroke="black" stroke-width="1" />
<text x="440" y="290">w</text>
</svg>
</body>
</html>