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

Simple TODO App

PyScript Native TODO App

Simple TODO App using <py-list>

MIME Rendering

Matplotlib

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

Altair

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

Folium

Demonstrates rendering a 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