alihan/pyscript-python-html
1
0
Fork 0
mirror of https://github.com/pyscript/pyscript.git synced 2022-05-01 19:47:48 +03:00
Code Issues Projects Releases Wiki Activity

add bokeh example

Browse Source
This commit is contained in:
Fabio Pliger
2022-04-05 09:59:37 -05:00
parent a54c66c888
commit c005784dc5
1 changed files with 54 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
pyscriptjs/public/bokeh.html Normal file
View File

@@ -0,0 +1,54 @@
<html><head>
<title>Bokeh Example</title>
<meta charset="iso-8859-1">
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-2.4.2.min.js"></script>
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.2.min.js"></script>
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.2.min.js"></script>
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.2.min.js"></script>
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-mathjax-2.4.2.min.js"></script>
<script type="text/javascript">
Bokeh.set_log_level("info");
</script>
<link rel="stylesheet" href="build/pyscript.css" />
<script defer src="build/pyscript.js"></script>
</head>
<body>
<h1>Bokeh Example</h1>
<div id="myplot"></div>
<py-repl></py-repl>
<py-script>
from bokeh.plotting import figure
from bokeh.resources import CDN
import json
from bokeh.embed import json_item
from js import Bokeh
from bokeh.io import output_notebook, show
from bokeh.plotting import figure
import bokeh.sampledata
# create a new plot with default tools, using figure
p = figure(plot_width=400, plot_height=400)
# add a circle renderer with x and y coordinates, size, color, and alpha
p.circle([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], size=15, line_color="navy", fill_color="orange", fill_alpha=0.5)
p_json = json.dumps(json_item(p, "myplot"))
print(p_json)
async def show(item):
print("about to embed")
Bokeh.embed.embed_item(item)
print ("Done embedding...")
pyscript.run_until_complete(show(p_json))
#show(p) # show the results
</py-script>
</body>
</html>