JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.pydata.org/bokeh/release/bokeh-0.9.0.min.js"></script>
<link rel="stylesheet" href="http://cdn.pydata.org/bokeh/release/bokeh-0.9.0.min.css">
<div id="ebcfc48ace95048c1030e7e7a06f439a" class="plotdiv"></div>
JavaScript
Bokeh.$(function() {
var modelid = "b71cb76e724a363c3902f6c2d9934ec4";
var modeltype = "Plot";
var elementid = "ebcfc48ace95048c1030e7e7a06f439a";
var all_models = [
{
"type": "Plot",
"id": "b71cb76e724a363c3902f6c2d9934ec4",
"attributes": {
"title": null,
"id": "b71cb76e724a363c3902f6c2d9934ec4",
"plot_width": 470,
"plot_height": 474,
"x_range": {
"type": "Range1d",
"id": "9cbcca2cdcee3a553cf9e12d7f8941d5"
},
"y_range": {
"type": "Range1d",
"id": "f5d49e09892c766e95d989ab73158a1d"
},
"left": [
{
"type": "LinearAxis",
"id": "d17e58a89b07c56af02297734610c9fe"
}
],
"below": [
{
"type": "LinearAxis",
"id": "45d58b28889457042c4524bc8adee222"
}
],
"right": [],
"above": [],
"renderers": [
{
"type": "GlyphRenderer",
"id": "5b8629c7e7bc647bb6036a39997931ae"
},
{
"type": "LinearAxis",
"id": "45d58b28889457042c4524bc8adee222"
},
{
"type": "Grid",
"id": "833263a45c8198e78b35d58f6f39d409"
},
{
"type": "LinearAxis",
"id": "d17e58a89b07c56af02297734610c9fe"
},
{
"type": "Grid",
"id": "4afe0ddcdc1ac98db9d8d67343ded337"
}
],
"tools": [
{
"type": "PanTool",
"id": "4e4238113d2b9a5478556a997d19334b"
},
{
"type": "WheelZoomTool",
"id": "64d053c1f606276fef018d3fd072db71"
},
{
"type": "BoxZoomTool",
"id": "49c5165137ceedff98e73e4ebb6a5d67"
},
{
"type": "ResizeTool",
"id": "a4a8890093893c1a49e394c2db94bd78"
},
{
"type": "ResetTool",
"id": "65dffe58602e4ca959ed98942aa0d6f3"
},
{
"type":...