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
Appearance settings

Commit 3938a47

Browse filesBrowse files
stonebigstonebig
authored
Merge pull request #76 from stonebig/master
pyscript 2022.09.1 adaptation
2 parents 305c9a7 + 4530250 commit 3938a47
Copy full SHA for 3938a47

File tree

Expand file treeCollapse file tree

5 files changed

+112
-101
lines changed
Filter options
Expand file treeCollapse file tree

5 files changed

+112
-101
lines changed

‎docs/pyscript/test.html

Copy file name to clipboard
+84-75Lines changed: 84 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -1,96 +1,105 @@
11
<html>
22
<head>
3+
<title>Panel Example</title>
4+
<meta charset="iso-8859-1">
5+
<link rel="icon" type="image/x-icon" href="./favicon.png">
36
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-2.4.2.js"></script>
47
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.2.min.js"></script>
58
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.2.min.js"></script>
6-
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@holoviz/panel@0.13.1/dist/panel.min.js"></script>
7-
9+
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@holoviz/panel@0.14.0/dist/panel.min.js"></script>
810
<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
911
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
1012
</head>
11-
<body> <py-script>
12-
# was ok with https://pyscript.net/2022.06.1/pyscript.js
13-
# you can try last official release: https://pyscript.net/latest/pyscript.js and css
14-
# or current unstable master: https://pyscript.net/unstable/pyscript.js and css
15-
16-
import sys
17-
print(sys.version)
18-
print('Hello, World!')
19-
for i in range(5):
20-
print(i)
21-
</py-script>
22-
</py-script>
23-
<py-env>
24-
- bokeh
25-
- numpy
26-
- panel==0.13.1a2
27-
</py-env>
13+
<body>
14+
<py-config>
15+
packages = [
16+
"bokeh",
17+
"numpy",
18+
"panel==0.14.0",
19+
"altair",
20+
"pandas",
21+
"vega_datasets"
22+
]
23+
</py-config>
24+
25+
<h1>Basic Example</h1>
26+
<div id="myapp"></div>
27+
<py-script output="myapp">
28+
# was ok with https://pyscript.net/2022.06.1/pyscript.js
29+
# you can try last official release: https://pyscript.net/latest/pyscript.js and css
30+
# or current unstable master: https://pyscript.net/unstable/pyscript.js and css
31+
32+
import sys
33+
print(sys.version)
34+
print('Hello, World!')
35+
for i in range(5):
36+
print(i)
37+
</py-script>
38+
2839
<h1>Panel Example</h1>
29-
<div id="myplot"></div>
30-
<py-script>
31-
import asyncio
32-
import panel as pn
3340

34-
slider = pn.widgets.FloatSlider(start=0, end=10, name='Amplitude')
41+
<div id="simple_app"></div>
3542

36-
def callback(new):
37-
return f'Amplitude is: {new}'
38-
39-
row = pn.Row(slider, pn.bind(callback, slider))
40-
41-
await pn.io.pyodide.show(row, 'myplot')
42-
</py-script>
43-
</py-script>
44-
<py-env>
45-
- altair
46-
- pandas
47-
- vega_datasets
48-
</py-env>
4943

50-
<div id="altair" style="width: 100%; height: 100%"></div>
51-
<py-script output="altair">
52-
import altair as alt
53-
from vega_datasets import data
5444

55-
source = data.movies.url
45+
<py-script output="simple_app">
46+
import panel as pn
5647

57-
pts = alt.selection(type="single", encodings=['x'])
48+
slider = pn.widgets.FloatSlider(start=0, end=10, name='Amplitude')
5849

59-
rect = alt.Chart(data.movies.url).mark_rect().encode(
60-
alt.X('IMDB_Rating:Q', bin=True),
61-
alt.Y('Rotten_Tomatoes_Rating:Q', bin=True),
62-
alt.Color('count()',
63-
scale=alt.Scale(scheme='greenblue'),
64-
legend=alt.Legend(title='Total Records')
65-
)
66-
)
50+
def callback(new):
51+
return f'Amplitude is: {new}'
6752

68-
circ = rect.mark_point().encode(
69-
alt.ColorValue('grey'),
70-
alt.Size('count()',
71-
legend=alt.Legend(title='Records in Selection')
72-
)
73-
).transform_filter(
74-
pts
75-
)
53+
pn.Row(slider, pn.bind(callback, slider)).servable(target='simple_app');
54+
</py-script>
7655

77-
bar = alt.Chart(source).mark_bar().encode(
78-
x='Major_Genre:N',
79-
y='count()',
80-
color=alt.condition(pts, alt.ColorValue("steelblue"), alt.ColorValue("grey"))
81-
).properties(
82-
width=550,
83-
height=200
84-
).add_selection(pts)
8556

86-
alt.vconcat(
87-
rect + circ,
88-
bar
89-
).resolve_legend(
90-
color="independent",
91-
size="independent"
92-
)
93-
</py-script>
57+
<h1>Altair Example</h1>
58+
<div id="altair"></div>
9459

9560

61+
<py-script output="altair">
62+
import altair as alt
63+
from vega_datasets import data
64+
65+
source = data.movies.url
66+
67+
pts = alt.selection(type="single", encodings=['x'])
68+
69+
rect = alt.Chart(data.movies.url).mark_rect().encode(
70+
alt.X('IMDB_Rating:Q', bin=True),
71+
alt.Y('Rotten_Tomatoes_Rating:Q', bin=True),
72+
alt.Color('count()',
73+
scale=alt.Scale(scheme='greenblue'),
74+
legend=alt.Legend(title='Total Records')
75+
)
76+
)
77+
78+
circ = rect.mark_point().encode(
79+
alt.ColorValue('grey'),
80+
alt.Size('count()',
81+
legend=alt.Legend(title='Records in Selection')
82+
)
83+
).transform_filter(
84+
pts
85+
)
86+
87+
bar = alt.Chart(source).mark_bar().encode(
88+
x='Major_Genre:N',
89+
y='count()',
90+
color=alt.condition(pts, alt.ColorValue("steelblue"), alt.ColorValue("grey"))
91+
).properties(
92+
width=550,
93+
height=200
94+
).add_selection(pts)
95+
96+
alt.vconcat(
97+
rect + circ,
98+
bar
99+
).resolve_legend(
100+
color="independent",
101+
size="independent"
102+
)
103+
</py-script>
104+
</body>
96105
</html>

‎docs/pyscript/test_baresql.html

Copy file name to clipboardExpand all lines: docs/pyscript/test_baresql.html
+5-3Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,11 @@
77

88
</head>
99
<body>
10-
<py-env>
11-
- baresql
12-
</py-env>
10+
<py-config>
11+
packages = [
12+
"baresql"
13+
]
14+
</py-config>
1315
<h1>baresql Example</h1>
1416
<div id="myplot"></div>
1517
<py-script>

‎docs/pyscript/test_pygad.html

Copy file name to clipboardExpand all lines: docs/pyscript/test_pygad.html
+5-4Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,11 @@
88
</head>
99
<body>
1010
</py-script>
11-
<py-env>
12-
- sqlite-utils
13-
- pygad
14-
</py-env>
11+
<py-config>
12+
packages = [
13+
"sqlite-utils", "pygad"
14+
]
15+
</py-config>
1516
<h1>Sqlite-utils Example</h1>
1617
<div id="myplot"></div>
1718
<py-script>

‎docs/pyscript/test_pyscript_altair.html

Copy file name to clipboardExpand all lines: docs/pyscript/test_pyscript_altair.html
+13-16Lines changed: 13 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,21 @@
11
<html>
22
<head>
3-
<title>Altair</title>
3+
<title>Altair</title>
44
<meta charset="utf-8">
5-
5+
<link rel="icon" type="image/x-icon" href="./favicon.png">
66
<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
77
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
8-
9-
<py-env>
10-
- altair
11-
- pandas
12-
- vega_datasets
13-
</py-env>
14-
</head>
15-
<body>
16-
<div id="altair" style="width: 100%; height: 100%"></div>
17-
<py-script output="altair">
18-
# was ok with https://pyscript.net/2022.06.1/pyscript.js
19-
# you can try last official release: https://pyscript.net/latest/pyscript.js and css
20-
# or current unstable master: https://pyscript.net/unstable/pyscript.js and cssfrom __future__ import print_function, unicode_literals, division # if Python2.7
21-
8+
</head>
9+
<body>
10+
<div id="altair" style="width: 100%; height: 100%"></div>
11+
<py-config>
12+
packages = [
13+
"altair",
14+
"pandas",
15+
"vega_datasets"
16+
]
17+
</py-config>
18+
<py-script output="altair">
2219
import altair as alt
2320
from vega_datasets import data
2421

‎docs/pyscript/test_sqlite.html

Copy file name to clipboardExpand all lines: docs/pyscript/test_sqlite.html
+5-3Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,11 @@
44
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
55
</head>
66
<body>
7-
<py-env>
8-
- sqlite-utils
9-
</py-env>
7+
<py-config>
8+
packages = [
9+
"sqlite-utils"
10+
]
11+
</py-config>
1012
<h1>Sqlite-utils Example</h1>
1113
<div id="myplot"></div>
1214
<py-script>

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.