JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.pydata.org/bokeh/release/bokeh-0.8.2.min.js"></script>
<link rel="stylesheet" href="http://cdn.pydata.org/bokeh/release/bokeh-0.8.2.min.css">
<div id="ebcfc48ace95048c1030e7e7a06f439a" class="plotdiv"></div>
JavaScript
Bokeh.$(function() {
var modelid = "c55bf67725cac84df502f321b8a62de0";
var modeltype = "Plot";
var elementid = "ebcfc48ace95048c1030e7e7a06f439a";
var all_models = [
{
"type": "Plot",
"id": "c55bf67725cac84df502f321b8a62de0",
"attributes": {
"title": null,
"id": "c55bf67725cac84df502f321b8a62de0",
"plot_width": 470,
"plot_height": 474,
"x_range": {
"type": "Range1d",
"id": "31b1b7d716ba9d3c886c534133d4db17"
},
"y_range": {
"type": "FactorRange",
"id": "f48340942672a415a58f9a04456eac7a"
},
"left": [
{
"type": "CategoricalAxis",
"id": "abc21f0b7a98d3a5087eb6bb53fb4d79"
}
],
"below": [
{
"type": "LinearAxis",
"id": "5158d65a87e29eff7a2fc36d1bf48368"
}
],
"right": [],
"above": [],
"renderers": [
{
"type": "GlyphRenderer",
"id": "e3a9a7db3d4b1e98e67b6d200f9c5349"
},
{
"type": "LinearAxis",
"id": "5158d65a87e29eff7a2fc36d1bf48368"
},
{
"type": "Grid",
"id": "172e544581bb6c9337c3c4ac3a011001"
},
{
"type": "CategoricalAxis",
"id": "abc21f0b7a98d3a5087eb6bb53fb4d79"
},
{
"type": "Grid",
"id": "c092f7b5bd18326804a69bc1e1324946"
}
],
"tools": [
{
"type": "PanTool",
"id": "5db61d10d3a3dbe0411b4714f558df8a"
},
{
"type": "WheelZoomTool",
"id": "988a8d6157b3f5eda33bae8c1108a910"
},
{
"type": "BoxZoomTool",
"id": "1329cbe8edbf56fa687f0d0243c7cf13"
},
{
"type": "ResizeTool",
"id": "d117a2e44269943f70b189f176234a1a"
},
{
"type": "ResetTool",
"id": "775236814808dccc4e659b2a7ec15d3a"
},
{
"type":...