12
12
13
13
< body class ="container font-mono ">
14
14
15
- < h1 class ="text-3xl font-bold "> PyScript demos</ h1 >
15
+ < h1 class ="text-4xl font-bold "> PyScript demos</ h1 >
16
+
17
+ < br >
18
+ < h2 class ="text-3xl font-bold "> Basic examples</ h2 >
10000
19
+ < hr />
20
+
21
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./hello_world.html " target =”_blank” > Hello world</ a > </ h2 >
22
+ < p > A static demo of the < code > <py-script></ code > tag</ p >
23
+
24
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./simple_clock.html " target =”_blank” > Simple clock</ a > </ h2 >
25
+ < p > A dynamic demo of the < code > <py-script></ code > tag</ p >
26
+
27
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./repl.html " target =”_blank” > REPL</ a > </ h2 >
28
+ < p > A Python REPL (Read Eval Print Loop). </ p >
29
+
30
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./repl2.html " target =”_blank” > REPL2</ a > </ h2 >
31
+ < p > A Python REPL (Read Eval Print Loop) with slightly better formatting.</ p >
32
+
33
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./todo.html " target =”_blank” > TODO App</ a > </ h2 >
34
+ < p > Demo showing how would a Simple TODO App would look like in PyScript</ code > tag</ p >
35
+
36
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./todo-pylist.html " target =”_blank” > PyScript Native TODO App</ a > </ h2 >
37
+ < p > Demo showing how would a Simple TODO App would look like only using PyScript native elements</ code > tag</ p >
38
+
39
+ < br >
40
+ < h2 class ="text-3xl font-bold "> MIME Rendering</ h2 >
16
41
< hr />
17
42
43
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./matplotlib.html " target =”_blank” > Matplotlib</ a > </ h2 >
44
+ < p > Demonstrates rendering matplotlib figure as output of the py-script tag</ p >
45
+
46
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./altair.html " target =”_blank” > Altair</ a > </ h2 >
47
+ < p > Demonstrates rendering altair plot as output of the py-script tag</ p >
48
+
49
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./folium.html " target =”_blank” > Folium</ a > </ h2 >
50
+ < p > Demonstrates rendering Folium map as output of the py-script tag</ p >
51
+
52
+ < br >
53
+ < h2 class ="text-3xl font-bold "> JS Interaction</ h2 >
54
+ < hr />
55
+
56
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./d3.html " target =”_blank” > Simple d3 visualization</ a > </ h2 >
57
+ < p > Minimal d3 demo demonstrating how to create a visualization</ p >
58
+
59
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./webgl/raycaster/index.html " target =”_blank” > Webgl Icosahedron Example</ a > </ h2 >
60
+ < p > Demo showing how a Simple Webgl scene would work in PyScript</ code > tag</ p >
61
+
62
+
63
+ < br >
64
+ < h2 class ="text-3xl font-bold "> Visualizations & Dashboards</ h2 >
65
+ < hr />
66
+ < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./bokeh.html " target =”_blank” > Simple Static Bokeh Plot</ a > </ h2 >
67
+ < p > Minimal Bokeh demo demonstrating how to create a simple bokeh plot from code</ p >
68
+
18
69
< h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./bokeh_interactive.html " target =”_blank” > Bokeh Interactive</ a > </ h2 >
19
70
< p > Interactive demo using a Bokeh slider widget to dynamically change a value in the page
20
71
21
72
WARNING: This examples takes a little longer to load. So be patient :)
22
73
</ p >
23
74
24
- < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./bokeh.html " target =”_blank” > Simple Static Bokeh Plot</ a > </ h2 >
25
- < p > Minimal Bokeh demo demonstrating how to create a simple bokeh plot from code</ p >
26
-
27
75
< h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./panel_kmeans.html " target =”_blank” > KMeans Demo in Panel</ a > </ h2 >
28
76
< p > Interactive KMeans Chart using Panel
29
77
@@ -45,31 +93,8 @@ <h2 class="text-2xl font-bold text-blue-600"><a href="./panel.html" target=”_b
45
93
< h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./toga/freedom.html " target =”_blank” > Freedom Units!</ a > </ h2 >
46
94
< p > A Toga application (a Fahrenheit to Celsius converter), rendered as a Single Page App</ p >
47
95
48
- < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./d3.html " target =”_blank” > Simple d3 visualization</ a > </ h2 >
49
- < p > Minimal d3 demo demonstrating how to create a visualization</ p >
50
-
51
96
< h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./numpy_canvas_fractals.html " target =”_blank” > Fractals with NumPy and canvas</ a > </ h2 >
52
97
< p > Visualization of Mandelbrot and Julia sets with NumPy and HTML5 canvas</ p >
53
98
54
- < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./repl.html " target =”_blank” > REPL</ a > </ h2 >
55
- < p > A Python REPL (Read Eval Print Loop). </ p >
56
-
57
- < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./repl2.html " target =”_blank” > REPL2</ a > </ h2 >
58
- < p > A Python REPL (Read Eval Print Loop) with slightly better formatting.</ p >
59
-
60
- < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./simple_script.html " target =”_blank” > Simple script</ a > </ h2 >
61
- < p > A static demo of the < code > <py-script></ code > tag</ p >
62
-
63
- < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./simple_script2.html " target =”_blank” > Simple script 2</ a > </ h2 >
64
- < p > A dynamic demo of the < code > <py-script></ code > tag</ p >
65
-
66
- < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./todo.html " target =”_blank” > TODO App</ a > </ h2 >
67
- < p > Demo showing how would a Simple TODO App would look like in PyScript</ code > tag</ p >
68
-
69
- < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./todo-pylist.html " target =”_blank” > PyScript Native TODO App</ a > </ h2 >
70
- < p > Demo showing how would a Simple TODO App would look like only using PyScript native elements</ code > tag</ p >
71
-
72
- < h2 class ="text-2xl font-bold text-blue-600 "> < a href ="./webgl/raycaster/index.html " target =”_blank” > Webgl Icosahedron Example</ a > </ h2 >
73
- < p > Demo showing how a Simple Webgl scene would work in PyScript</ code > tag</ p >
74
99
</ body >
75
100
</ html >
0 commit comments