thepycoach · May 5, 2022 19:42
diff --git a/bokeh.html b/bokeh.html
 <body>
    <h1>Bokeh</h1>
    <div id="myplot"></div>
    <py-script id="main">

 # Python code        
 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"))

 Bokeh.embed.embed_item(JSON.parse(p_json))
    </py-script>

 </body>
	<body>
	<h1>Bokeh</h1>
	<div id="myplot"></div>
	<py-script id="main">

	# Python code
	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"))

	Bokeh.embed.embed_item(JSON.parse(p_json))
	</py-script>

	</body>