Skip to content

Commit 8de3538

Browse files
NoonienSoongNoonienSoong
committed
bokeh tutorial
1 parent 4059d9a commit 8de3538

19 files changed

+7654
-0
lines changed

‎Bokeh/00 - intro.ipynb

Lines changed: 1357 additions & 0 deletions
Large diffs are not rendered by default.

‎Bokeh/01 - plotting.ipynb

Lines changed: 781 additions & 0 deletions
Large diffs are not rendered by default.

‎Bokeh/02 - charts.ipynb

Lines changed: 486 additions & 0 deletions
Large diffs are not rendered by default.

‎Bokeh/03 - models.ipynb

Lines changed: 489 additions & 0 deletions
Large diffs are not rendered by default.

‎Bokeh/04 - styling.ipynb

Lines changed: 759 additions & 0 deletions
Large diffs are not rendered by default.

‎Bokeh/05 - sharing.ipynb

Lines changed: 665 additions & 0 deletions
Large diffs are not rendered by default.

‎Bokeh/06 - interactions.ipynb

Lines changed: 863 additions & 0 deletions
Large diffs are not rendered by default.

‎Bokeh/assets/__init__.py

Whitespace-only changes.

‎Bokeh/assets/bubble_styles.css

Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
/*
2+
*
3+
* MAIN BOKEH SETUP
4+
*
5+
*/
6+
.bk-plot-wrapper table tr td,
7+
table, td, tr {
8+
border: none !important;
9+
padding: 0 !important;
10+
margin: 0 !important;
11+
}
12+
13+
.bk-canvas {
14+
clear: both;
15+
position: absolute;
16+
}
17+
18+
.bk-canvas-wrapper {
19+
position: relative;
20+
float: left;
21+
}
22+
23+
/*
24+
*
25+
* HOVER
26+
*
27+
*/
28+
29+
30+
/* Bokeh - plain styling */
31+
.bk-tooltip {
32+
position: absolute;
33+
padding: 5px;
34+
border: 1px solid #1e4b6c;
35+
background-color: #1e4b6c;
36+
border-radius: 5px;
37+
pointer-events: none;
38+
}
39+
.bk-tooltip.bk-left::before {
40+
position: absolute;
41+
margin: -7px 0 0 0;
42+
top: 50%;
43+
width: 0;
44+
height: 0;
45+
border-style: solid;
46+
border-width: 7px 0 7px 0;
47+
border-color: transparent;
48+
content: " ";
49+
display: block;
50+
left: -10px;
51+
border-right-width: 10px;
52+
border-right-color: #1e4b6c;
53+
}
54+
.bk-tooltip.bk-right::after {
55+
position: absolute;
56+
margin: -7px 0 0 0;
57+
top: 50%;
58+
width: 0;
59+
height: 0;
60+
border-style: solid;
61+
border-width: 7px 0 7px 0;
62+
border-color: transparent;
63+
content: " ";
64+
display: block;
65+
right: -10px;
66+
border-left-width: 10px;
67+
border-left-color: #1e4b6c;
68+
}
69+
.bk-tooltip.bk-tooltip-custom.bk-left::before {
70+
border-right-color: black;
71+
}
72+
.bk-tooltip.bk-tooltip-custom.bk-right::after {
73+
border-left-color: black;
74+
}
75+
.bk-tooltip.bk-tooltip-custom {
76+
border-color: black;
77+
background-color: white;
78+
}
79+
80+
81+
/* Custom hover styling */
82+
.bk-tooltip.bk-tooltip-custom {
83+
background-color: black !important;
84+
opacity: 0.9;
85+
color: white;
86+
font-size: 0.8em;
87+
padding: 0.5em 1.5em;
88+
}
89+
90+
.bk-tooltip.bk-tooltip-custom:before {
91+
border: none !important;
92+
}
93+
94+
.bk-tooltip.bk-tooltip-custom:after {
95+
border: none !important;
96+
}
97+
98+
.tooltip-text {
99+
clear: both;
100+
float: left;
101+
}
102+
.tooltip-text.country {
103+
font-weight: bold;
104+
}
105+
.tooltip-text.value {
106+
font-size: 1.2em;
107+
font-weight: bold;
108+
color: #FFA500;
109+
}
110+
111+
/*
112+
*
113+
* SLIDER
114+
*
115+
*/
116+
117+
.bk-hbox input,
118+
.bk-hbox label {
119+
display: none;
120+
}
121+
122+
.bk-ui-widget {
123+
font-family: Verdana, Arial, sans-serif;
124+
font-size: 1.1em;
125+
}
126+
.bk-ui-widget-content {
127+
border: 1px solid #aaaaaa;
128+
background: #ffffff;
129+
color: #222222;
130+
}
131+
.bk-ui-state-default {
132+
border: 1px solid #7c7e71;
133+
background: #eeeeee;
134+
font-weight: normal;
135+
}
136+
.bk-slider-horizontal {
137+
width: 705px;
138+
height: 50px;
139+
min-width: 200px;
140+
margin-top: 20px;
141+
margin-left: 55px;
142+
}
143+
.bk-ui-slider {
144+
position: relative;
145+
text-align: left;
146+
}
147+
.bk-ui-slider-horizontal {
148+
height: .8em;
149+
}
150+
.bk-ui-slider-handle {
151+
position: absolute;
152+
z-index: 2;
153+
top: -0.6em;
154+
margin-left: -0.5em;
155+
width: 1.0em;
156+
height: 1.8em;
157+
cursor: default;
158+
-ms-touch-action: none;
159+
touch-action: none;
160+
border-radius: 2px;
161+
}

‎Bokeh/assets/bubble_template.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>{{ title if title else "Bokeh Plot" }}</title>
6+
<link href="assets/bubble_styles.css" type="text/css" rel="stylesheet" />
7+
</head>
8+
<body>
9+
{{ plot_div|indent(8) }}
10+
{{ bokeh_js|indent(8) }}
11+
{{ plot_script|indent(8) }}
12+
</body>
13+
</html>
14+

‎Bokeh/assets/fertility.csv

Lines changed: 245 additions & 0 deletions
Large diffs are not rendered by default.

‎Bokeh/assets/images/bokeh-transparent.png

10.3 KB
Loading

‎Bokeh/assets/images/bokeh_basic.svg

Lines changed: 222 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)