PyScript demos


Basic examples


Hello world

A static demo of the <py-script> tag

Simple clock

A dynamic demo of the <py-script> tag

REPL

A Python REPL (Read Eval Print Loop).

REPL2

A Python REPL (Read Eval Print Loop) with slightly better formatting.

TODO App

Demo showing how would a Simple TODO App would look like in PyScript tag

PyScript Native TODO App

Demo showing how would a Simple TODO App would look like only using PyScript native elements tag


MIME Rendering


Matplotlib

Demonstrates rendering Matplotlib figure as output of the py-script tag

Altair

Demonstrates rendering Altair plot as output of the py-script tag

Folium

Demonstrates rendering Folium map as output of the py-script tag


JS Interaction


Simple d3 visualization

Minimal D3 demo demonstrating how to create a visualization

Webgl Icosahedron Example

Demo showing how a Simple WebGL scene would work in PyScript tag


Visualizations & Dashboards


Simple Static Bokeh Plot

Minimal Bokeh demo demonstrating how to create a simple Bokeh plot from code

Bokeh Interactive

Interactive demo using a Bokeh slider widget to dynamically change a value in the page WARNING: This examples takes a little longer to load. So be patient :)

KMeans Demo in Panel

Interactive KMeans Chart using Panel WARNING: This examples takes a little longer to load. So be patient :)

Streaming Demo in Panel

Interactive Streaming Table and Bokeh plot using Panel WARNING: This examples takes a little longer to load. So be patient :)

Simple Panel Demo

Simple demo showing Panel widgets interacting with parts of the page WARNING: This examples takes a little longer to load. So be patient :)

NYC Taxi Data Panel DeckGL Demo

Interactive application exploring the NYC Taxi dataset using Panel and DeckGL WARNING: This examples takes a little longer to load. So be patient :)

Freedom Units!

A Toga application (a Fahrenheit to Celsius converter), rendered as a Single Page App

Fractals with NumPy and canvas

Visualization of Mandelbrot and Julia sets with Numpy and HTML5 canvas