mirror of
https://github.com/pyscript/pyscript.git
synced 2022-05-01 19:47:48 +03:00
52 lines
1.6 KiB
HTML
52 lines
1.6 KiB
HTML
<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>
|
|
<py-env>
|
|
- bokeh
|
|
- numpy
|
|
</py-env>
|
|
<h1>Bokeh Example</h1>
|
|
<div id="myplot"></div>
|
|
|
|
<py-script id="main">
|
|
import json
|
|
import pyodide
|
|
|
|
from js import Bokeh, console, JSON
|
|
|
|
from bokeh.embed import json_item
|
|
from bokeh.plotting import figure
|
|
from bokeh.resources import CDN
|
|
|
|
# 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("about to embed")
|
|
|
|
Bokeh.embed.embed_item(JSON.parse(p_json))
|
|
|
|
print ("Done embedding...")
|
|
</py-script>
|
|
|
|
</body>
|
|
</html>
|