Skip to content

Commit ccbe1aa

Browse files
committed
lots of work on the bokeh page
1 parent 4d5c652 commit ccbe1aa

File tree

4 files changed

+85
-6
lines changed

4 files changed

+85
-6
lines changed

content/pages/02-development-environments/06-jupyter-notebook.markdown

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,3 +50,8 @@ sharing documents that contain embedded code and execution results.
5050
is an upcoming new computational environment built on what the Jupyter
5151
Notebook creators have learned over the past several years. In the
5252
future JupyterLab may be the future for the project.
53+
54+
* PyData has an extensive
55+
[list of Jupyter Notebook talks](https://www.youtube.com/user/PyDataTV/search?query=jupyter)
56+
from past events.
57+

content/pages/09-data/23-bokeh.markdown

Lines changed: 63 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,15 +15,66 @@ library that allows a developer to code in Python and output
1515
<img src="/img/logos/bokeh.jpg" width="100%" alt="Bokeh logo on a dark background." class="technical-diagram" style="border-radius:5px" />
1616

1717

18+
## Why is Bokeh a useful library?
19+
Web browsers are ideal clients for consuming interactive visualizations.
20+
However, libraries such as [d3.js](https://d3js.org/) can be
21+
difficult to learn and time consuming to connect to your Python backend
22+
web app. Bokeh instead generates the JavaScript for your application while
23+
you write all your code in Python. The removal of context switching between
24+
the two programming languages can make it easier and faster to create
25+
charts and visualizations.
26+
27+
28+
## What do Bokeh visualizations look like?
29+
Bokeh can create any type of custom graph or visualization. For example,
30+
here is a screenshot of a bar chart created with the
31+
[figure](http://bokeh.pydata.org/en/latest/docs/reference/plotting.html)
32+
plot:
33+
34+
<img src="/img/170526-bar-charts-bokeh-flask/chart-example-64.png" width="100%" class="technical-diagram img-rounded" style="border:1px solid #ccc" alt="Responsive Bokeh bar chart with 64 bars.">
35+
36+
For more references, including interactive live demonstrations, check out
37+
these sites:
38+
39+
* The
40+
[official Bokeh gallery](http://bokeh.pydata.org/en/latest/docs/gallery.html)
41+
has many example Bokeh visual formats.
42+
43+
* [Bokeh Applications](https://demo.bokehplots.com/) hosts numerous
44+
data visualizations built with Bokeh.
45+
46+
* [bokeh-notebooks](https://github.com/bokeh/bokeh-notebooks/tree/master/gallery)
47+
has a nice collection of Bokeh visualizations within
48+
[Jupyter Noteboks](/jupyter-notebook.html).
49+
1850

1951
### Bokeh resources
52+
Bokeh is under heavy development ahead of the upcoming 1.0 release. Note that
53+
while all of the following tutorials are useful, it is possible some of the
54+
basic syntax will change as the library's API is not yet stable.
55+
56+
* [Responsive Bar Charts with Bokeh, Flask and Python 3](/blog/responsive-bar-charts-bokeh-flask-python-3.html) is my recommended
57+
tutorial for those new to Bokeh who want to try out the library and get
58+
an example project running quickly with [Flask](/flask.html).
59+
60+
* [Creating Bar Chart Visuals with Bokeh, Bottle and Python 3](/blog/python-bottle-bokeh-bar-charts.html)
61+
is a tutorial that combines the [Bottle](/bottle.html)
62+
[web framework](/web-frameworks.html)
63+
2064
* [Integrating Pandas, Django REST Framework and Bokeh](http://www.machinalis.com/blog/pandas-django-rest-framework-bokeh/)
65+
has a full example of integrating a
66+
[web API](application-programming-interfaces.html) with a Bokeh
67+
front end visual.
2168

2269
* [Visualization with Bokeh](http://www.blog.pythonlibrary.org/2016/07/27/python-visualization-with-bokeh/)
2370

2471
* [Using Bokeh at NIST](https://www.continuum.io/blog/developer-blog/using-bokeh-nist)
72+
contains a real-world example of building an interactive visual to show
73+
firefighter gear data.
2574

2675
* [Drawing a Brain with Bokeh](http://merqur.io/2015/10/02/drawing-a-brain-with-bokeh/)
76+
is a fun example of a chord diagram that represents neural connections in
77+
the brain.
2778

2879
* [Bryan Van de Ven on Bokeh](https://pythonpodcast.com/episode-22-bryan-van-de-ven-on-bokeh/)
2980
is a podcast episode by one of the main Bokeh maintainers.
@@ -32,5 +83,15 @@ library that allows a developer to code in Python and output
3283
by Jake VanderPlas at PyCon 2017 covers many Python data visualization
3384
tools, including Bokeh.
3485

35-
* [Bokeh Applications](https://demo.bokehplots.com/) hosts numerous
36-
data visualizations built with Bokeh.
86+
* [Enjoying the bokeh.models API](https://bokeh.github.io/blog/2017/7/5/idiomatic_bokeh/)
87+
explains the `bokeh.models.plots.Plot` object and data ranges.
88+
89+
* This
90+
[flask-bokeh-example](https://github.com/realpython/flask-bokeh-example/blob/master/tutorial.md)
91+
project has the code to create a simple chart with Bokeh and
92+
[Flask](/flask.html).
93+
94+
* [Styling Bokeh Visualizations](https://bokeh.github.io/blog/2017/7/24/styling-bokeh/)
95+
shows how to use themes and style dictionaries to customize your Bokeh
96+
visuals.
97+

content/pages/12-meta/01-change-log.markdown

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ inception in December 2012. You can view detailed changes via the
1515

1616
## 2017
1717
### August
18+
* Loads of new [Bokeh](/bokeh.html) resources and some new descriptions.
1819
* Split out from the [ORMs](/object-relational-mapper-orms.html) and created
1920
dedicated pages for [Django ORM](/django-orm.html),
2021
[Pony](/pony-orm.html) and [SQLObject](/sqlobject.html). Also included

theme/templates/table-of-contents.html

Lines changed: 16 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,12 @@ <h4 class="toc-subsection">3.1 <span class="soon">Intermediate Language Concepts
7878
<div class="toc"><a href="/comprehensions.html">Comprehensions</a></div>
7979
<div class="toc soon">Decorators</div>
8080

81+
<h4 class="toc-subsection">3.2 <span class="soon">Runtimes</span></h4>
82+
<div class="toc soon">CPython</div>
83+
<div class="toc soon">PyPy</div>
84+
<div class="toc soon">MicroPython</div>
85+
<div class="toc soon">IronPython</div>
86+
<div class="toc soon">Jython</div>
8187

8288
<h3>4. <a href="/testing.html">Testing</a></h3>
8389
<h4 class="toc-subsection">4.1 <span class="soon">Testing Approaches</span></h4>
@@ -265,22 +271,28 @@ <h4 class="toc-subsection">9.4 <span class="soon">Data analysis</span></h4>
265271
<div class="toc soon">SciPy</div>
266272
<div class="toc soon">Blaze</div>
267273

268-
<h4 class="toc-subsection">9.5 <span class="soon">Natural Language Processing</span></h4>
274+
<h4 class="toc-subsection">9.5 <span class="soon">Data visualization</span></h4>
275+
<div class="toc"><a href="/bokeh.html">Bokeh</a></div>
276+
<div class="toc soon">d3.js</div>
277+
<div class="toc soon">matplotlib</div>
278+
<div class="toc soon">Seaborn</div>
279+
280+
<h4 class="toc-subsection">9.6 <span class="soon">Natural Language Processing</span></h4>
269281
<div class="toc soon">NLTK</div>
270282
<div class="toc soon">TextBlob</div>
271283
<div class="toc soon">spaCy</div>
272284

273-
<h4 class="toc-subsection">9.6 <span class="soon">Machine Learning</span></h4>
285+
<h4 class="toc-subsection">9.7 <span class="soon">Machine Learning</span></h4>
274286
<div class="toc soon">scikit-learn</div>
275287
<div class="toc soon">pattern</div>
276288
<div class="toc soon">Chainer</div>
277289

278-
<h4 class="toc-subsection">9.7 <span class="soon">Web Scraping</span></h4>
290+
<h4 class="toc-subsection">9.8 <span class="soon">Web Scraping</span></h4>
279291
<div class="toc soon">Scrapy</div>
280292
<div class="toc soon">MechnicalSoup</div>
281293
<div class="toc soon">RoboBrowser</div>
282294

283-
<h4 class="toc-subsection">9.8 <span class="soon">Search</span></h4>
295+
<h4 class="toc-subsection">9.9 <span class="soon">Search</span></h4>
284296
<div class="toc soon">Elastic Search</div>
285297
<div class="toc soon">Whoosh</div>
286298
<div class="toc soon">Solr</div>

0 commit comments

Comments
 (0)