-
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
62 lines (62 loc) · 2.19 KB
/
index.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Notion Plotly</title>
<script src="https://cdn.plot.ly/plotly-2.16.1.min.js"></script>
</head>
<body>
<h1>Notion Plotly</h1>
<p>
Create embeddable Plotly charts from Notion/URL Parameters.<br/>
Example: <a href="https://efcl.notion.site/Notion-Plotly-f38a5b4fafb342b6b9b3dea6e7de102c">Notion Template</a>
</p>
<div>
<h2>Bar Charts</h2>
<ul>
<li>
<a href="./bar.html?x=2000年1月1日,2001年2月1日,2003年3月1日&y=100,200,300,400"><code>
/bar.html?x=100,200,300&y=2000年1月1日,2001年2月1日,2003年3月1日
</code></a>
</li>
<li>
<a href="./bar.html?x=100,200,300,400&y=2000-1-1,2001-2-1,2003-3-1,2003-4-1&group=A,A,B,B"><code>
/bar.html?x=100,200,300,400&y=2000-1-1,2001-2-1,2003-3-1,2003-4-1&group=A,A,B,B
</code></a>
</li>
<li>
<a href="./bar.html?x=2003年3月1日,2003年4月1日,2000年1月1日,2001年2月1日&y=300,400,100,200&y=&group=B,B,A,A&sortBy=x"><code>
/bar.html?x=100,200,300,400&y=2000年1月1日,2001年2月1日,2003年3月1日,2003年4月1日&group=A,A,B,B&sortBy=x
</code></a>
</li>
</ul>
</div>
<div>
<h2>Line Charts</h2>
<p>Line Charts show multiple lines. You can set line name via {name} </p>
<p><code>?{name}.x={values}&{name}.y={values}</code></p>
<ul>
<li>
<a href="./line.html?A.x=100,200,300&A.y=19,26,55&B.x=100,200,300&B.y=50,40,30"><code>
/line.html?A.x=100,200,300&A.y=19,26,55&B.x=100,200,300&B.y=50,40,30
</code></a>
</li>
</ul>
</div>
<div>
<h2>Pie Charts</h2>
<ul>
<li>
<a href="./pie.html?values=19,26,55&labels=Residential,Non-Residential,Utility"><code>
/pie.html?values=19,26,55&labels=Residential,Non-Residential,Utility
</code></a>
</li>
</ul>
</div>
<footer style="display: flex;align-content: center;align-items: center">
<p>
Source Code: <a href="https://github.com/azu/notion-plotly">https://github.com/azu/notion-plotly</a>
</p>
</footer>
</body>
</html>