Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commite8d1067

Browse files
authored
Merge pull requestpyscript#58 from pyscript/antocuni/reorder-demos
Improve and reorder the demo page
2 parentsb207db9 +1d64381 commite8d1067

File tree

3 files changed

+53
-28
lines changed

3 files changed

+53
-28
lines changed

‎pyscriptjs/examples/simple_script.htmlrenamed to‎pyscriptjs/examples/hello_world.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<metacharset="utf-8"/>
55
<metaname="viewport"content="width=device-width,initial-scale=1"/>
66

7-
<title>Simple script</title>
7+
<title>PyScript Hello World</title>
88

99
<linkrel="icon"type="image/png"href="favicon.png"/>
1010
<linkrel="stylesheet"href="../build/pyscript.css"/>

‎pyscriptjs/examples/index.html

Lines changed: 52 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -12,18 +12,66 @@
1212

1313
<bodyclass="container font-mono">
1414

15-
<h1class="text-3xl font-bold">PyScript demos</h1>
15+
<h1class="text-4xl font-bold">PyScript demos</h1>
16+
17+
<br>
18+
<h2class="text-3xl font-bold">Basic examples</h2>
19+
<hr/>
20+
21+
<h2class="text-2xl font-bold text-blue-600"><ahref="./hello_world.html"target=”_blank”>Hello world</a></h2>
22+
<p>A static demo of the<code>&lt;py-script&gt;</code> tag</p>
23+
24+
<h2class="text-2xl font-bold text-blue-600"><ahref="./simple_clock.html"target=”_blank”>Simple clock</a></h2>
25+
<p>A dynamic demo of the<code>&lt;py-script&gt;</code> tag</p>
26+
27+
<h2class="text-2xl font-bold text-blue-600"><ahref="./repl.html"target=”_blank”>REPL</a></h2>
28+
<p>A Python REPL (Read Eval Print Loop).</p>
29+
30+
<h2class="text-2xl font-bold text-blue-600"><ahref="./repl2.html"target=”_blank”>REPL2</a></h2>
31+
<p>A Python REPL (Read Eval Print Loop) with slightly better formatting.</p>
32+
33+
<h2class="text-2xl font-bold text-blue-600"><ahref="./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+
<h2class="text-2xl font-bold text-blue-600"><ahref="./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+
<h2class="text-3xl font-bold">MIME Rendering</h2>
1641
<hr/>
1742

43+
<h2class="text-2xl font-bold text-blue-600"><ahref="./matplotlib.html"target=”_blank”>Matplotlib</a></h2>
44+
<p>Demonstrates rendering matplotlib figure as output of the py-script tag</p>
45+
46+
<h2class="text-2xl font-bold text-blue-600"><ahref="./altair.html"target=”_blank”>Altair</a></h2>
47+
<p>Demonstrates rendering altair plot as output of the py-script tag</p>
48+
49+
<h2class="text-2xl font-bold text-blue-600"><ahref="./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+
<h2class="text-3xl font-bold">JS Interaction</h2>
54+
<hr/>
55+
56+
<h2class="text-2xl font-bold text-blue-600"><ahref="./d3.html"target=”_blank”>Simple d3 visualization</a></h2>
57+
<p>Minimal d3 demo demonstrating how to create a visualization</p>
58+
59+
<h2class="text-2xl font-bold text-blue-600"><ahref="./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+
<h2class="text-3xl font-bold">Visualizations & Dashboards</h2>
65+
<hr/>
66+
<h2class="text-2xl font-bold text-blue-600"><ahref="./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+
1869
<h2class="text-2xl font-bold text-blue-600"><ahref="./bokeh_interactive.html"target=”_blank”>Bokeh Interactive</a></h2>
1970
<p>Interactive demo using a Bokeh slider widget to dynamically change a value in the page
2071

2172
WARNING: This examples takes a little longer to load. So be patient :)
2273
</p>
2374

24-
<h2class="text-2xl font-bold text-blue-600"><ahref="./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-
2775
<h2class="text-2xl font-bold text-blue-600"><ahref="./panel_kmeans.html"target=”_blank”>KMeans Demo in Panel</a></h2>
2876
<p>Interactive KMeans Chart using Panel
2977

@@ -45,31 +93,8 @@ <h2 class="text-2xl font-bold text-blue-600"><a href="./panel.html" target=”_b
4593
<h2class="text-2xl font-bold text-blue-600"><ahref="./toga/freedom.html"target=”_blank”>Freedom Units!</a></h2>
4694
<p>A Toga application (a Fahrenheit to Celsius converter), rendered as a Single Page App</p>
4795

48-
<h2class="text-2xl font-bold text-blue-600"><ahref="./d3.html"target=”_blank”>Simple d3 visualization</a></h2>
49-
<p>Minimal d3 demo demonstrating how to create a visualization</p>
50-
5196
<h2class="text-2xl font-bold text-blue-600"><ahref="./numpy_canvas_fractals.html"target=”_blank”>Fractals with NumPy and canvas</a></h2>
5297
<p>Visualization of Mandelbrot and Julia sets with NumPy and HTML5 canvas</p>
5398

54-
<h2class="text-2xl font-bold text-blue-600"><ahref="./repl.html"target=”_blank”>REPL</a></h2>
55-
<p>A Python REPL (Read Eval Print Loop).</p>
56-
57-
<h2class="text-2xl font-bold text-blue-600"><ahref="./repl2.html"target=”_blank”>REPL2</a></h2>
58-
<p>A Python REPL (Read Eval Print Loop) with slightly better formatting.</p>
59-
60-
<h2class="text-2xl font-bold text-blue-600"><ahref="./simple_script.html"target=”_blank”>Simple script</a></h2>
61-
<p>A static demo of the<code>&lt;py-script&gt;</code> tag</p>
62-
63-
<h2class="text-2xl font-bold text-blue-600"><ahref="./simple_script2.html"target=”_blank”>Simple script 2</a></h2>
64-
<p>A dynamic demo of the<code>&lt;py-script&gt;</code> tag</p>
65-
66-
<h2class="text-2xl font-bold text-blue-600"><ahref="./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-
<h2class="text-2xl font-bold text-blue-600"><ahref="./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-
<h2class="text-2xl font-bold text-blue-600"><ahref="./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>
7499
</body>
75100
</html>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp