Skip to content
Boilerplate project showing use of BokehJS to embed Bokeh in HTML webpages
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.gitignore
LICENSE
README.md
app.py
package.json
requirements.txt
yarn.lock

README.md

Embedding Bokeh into a ReactJS app using BokehJS

This project highlights how to use BokehJS to (very) easily include Bokeh visualizations in an HTML webpage.

The project uses the following tech:

  • Bootstrapped with Create React App.
  • Bokeh is an excellent python vizualization library that is quite popular among data scientists. Bokeh Homepage
  • Flask is a python webserver microframework that allows you to quickly and easily define a webserver in python. Flask Homepage
  • BokehJS is a subset of the Bokeh project and makes it really easy to embed the visuals generated by Bokeh into a webpage. BokehJS Documentation

Pre-reqs

  • Python 3(.6)
  • pip
  • NodeJS
  • npm / yarn (I assume yarn in this documentation)
  • if you'd like a seperate python execution environment - pipenv

Installation

  • Clone repo
  • cd bokeh-react
  • pip3 install -r requirements.txt
  • yarn install

Available Scripts

In the project directory, you can run:

  • yarn start : initializes react frontend dev server on port 5000
  • python3 app.py : initializes python backend server on port 3000

More Info

Please read the blog post available here: (https://blog.davidvassallo.me/2019/03/11/embedding-bokeh-into-a-reactjs-app-using-bokehjs/)[https://blog.davidvassallo.me/2019/03/11/embedding-bokeh-into-a-reactjs-app-using-bokehjs/]

You can’t perform that action at this time.