|
1 | | -title: Building Bar Charts with Bokeh, Flask and Python 3 |
2 | | -slug: bar-charts-bokeh-flask-python-3 |
3 | | -meta: How to build bar charts with the Bokeh data visualization library, Flask and Pyton 3. |
| 1 | +title: Building Responsive Bar Charts with Bokeh, Flask and Python 3 |
| 2 | +slug: responsive-bar-charts-bokeh-flask-python-3 |
| 3 | +meta: How to build responsive bar charts with the Bokeh data visualization library, Flask and Pyton 3. |
4 | 4 | category: post |
5 | | -date: 2017-05-24 |
6 | | -modified: 2017-05-24 |
7 | | -headerimage: /img/170524-bar-charts-bokeh-flask/header.jpg |
| 5 | +date: 2017-05-26 |
| 6 | +modified: 2017-05-26 |
| 7 | +headerimage: /img/170526-bar-charts-bokeh-flask/header.jpg |
8 | 8 | headeralt: Python, Flask and Bokeh logos. |
9 | 9 |
|
10 | 10 |
|
11 | 11 | [Bokeh](/bokeh.html) is a powerful open source Python library that allows |
12 | 12 | developers to generate JavaScript data visualizations for their web |
13 | | -applications *without writing any JavaScript*. Let's use the |
| 13 | +applications *without writing any JavaScript*. With Bokeh we can create |
| 14 | +incredibly varied visualizations, or traditional ones like the following |
| 15 | +bar chart. |
| 16 | + |
| 17 | +<img src="/img/170526-bar-charts-bokeh-flask/bar-chart-64.png" width="100%" class="technical-diagram img-rounded" style="border:1px solid #aaa" alt="Responsive bar chart with 64 bars."> |
| 18 | + |
| 19 | + |
| 20 | +Let's use the |
14 | 21 | [Flask](/flask.html) [web framework](/web-frameworks.html) with Bokeh to |
15 | 22 | create custom bar charts in a Python web app. |
16 | 23 |
|
@@ -62,7 +69,7 @@ source barchart/bin/activate |
62 | 69 |
|
63 | 70 | The command prompt will change after activating the virtualenv: |
64 | 71 |
|
65 | | -<img src="/img/170524-bar-charts-bokeh-flask/activate-virtualenv.png" width="100%" class="technical-diagram img-rounded" style="border:1px solid #aaa"> |
| 72 | +<img src="/img/170526-bar-charts-bokeh-flask/activate-virtualenv.png" width="100%" class="technical-diagram img-rounded" style="border:1px solid #aaa" alt="Activating our Python virtual environment on the command line."> |
66 | 73 |
|
67 | 74 | Keep in mind that you need to activate the virtualenv in every new terminal |
68 | 75 | window that you want this virtualenv to be used for your project. |
@@ -166,6 +173,6 @@ on Twitter |
166 | 173 | or [@mattmakai](https://twitter.com/mattmakai). |
167 | 174 |
|
168 | 175 | See something wrong in this blog post? Fork |
169 | | -[this page's source on GitHub](https://github.com/mattmakai/fullstackpython.com/blob/master/content/posts/170524-bar-charts-bokeh.markdown) |
| 176 | +[this page's source on GitHub](https://github.com/mattmakai/fullstackpython.com/blob/master/content/posts/170526-bar-charts-bokeh.markdown) |
170 | 177 | and submit a pull request. |
171 | 178 |
|
0 commit comments