)N%QO?wsTX>Zu^NT*7%2F_u<|vu2|4
zM0{EPlt4-d0}4EsMB~#}lAoStW#TnC+(OCUZ;4Z*)FtjFKu9xG+@(?H^68ZNvlnS8S#
z9Bzz-3rVRb5Q7-Muhe;5d9lybn{Mn$F5V@XxR!pME|2I1(?&LuZOHA_i|^tUY=Eo0
zkHh+^7Ml5YkN1ETgnE*?WV`_t7Kqb|v{M(u#>eCBm&mQ%0#OZVa|j-LsAJA7ObTk8
z{_D3;D3AfPnKITAboHSV
zfx0xhFNIo1lTCg5hGyI3i8If3yBoX?|GwrU4EMu29jrkX%^Pk^#@ozi$Edq9bxZyO
zC*Dwd+_PloY4a-A#2iB9^Vc;KzX(4U~SRu`iiB>*`b-R4Z;m
zEk{wIo$ejd51CP1_T>1M+{lnr{)Cx|6WU=UUa(n}4i;~WnOm5$Bxl3pqwneI7cajv
zcD6PHJn&K}Z6vm5KVmIS>I`@7WG_u4O*~?_ah4Q^92c{t3`V6Neeu*%<%nn>!$}+o
zFmt#+XeLKw{(I%;i3a-ptKW9c8%sl0q}VU*350_S1Kh1eVwt2T6=%EmeJ|CQD6qf!
zUH3iyR`;W!WDNaR_5ri!3Tq9pzBJ=HUU~g!bIKkwbT^E8$0cx#S%Kw)8R?}lWs&Gm
zEj5L>ZqVsHxBN?O0Dm*fHoUuhC1q^Oq(deHz?Z{mtJNkcY8VBA*PlXcMZqi}d%|~?
zb9o
znzKutkv;xLh}o8ywUH}oFd*1!1g?ZKuB=kNBSq`{k5)GM1?@CFiKRADWh
zo*YUG5Ab2JkJc{#o^>Wb2*OVx{T|v!X*VU{!XNSRn@Ly3nz9LD;nhGOJddY~D|40@
zc71oA*%$B$1&H2iaRn2|gwB8HP7@yPppPTX9Fxm1VTWvc-*{&8m#aMGiz0h2&1JAB
zY~tz50JHA5fQ^sh%CG4(X|Sx%czI8m5%q2@TV8vo>6Y*ss-U}2O@%f*seZ~z6zF@j
zeE%*{$&b0%IFYVi=sNBPDMyuy4VSutAV>G93dzS%uL6ZnB=roRb6$5+Co}kJ`B%T5
zjeMaZ9%Wr8FTObGhhRxD&Ip�UP?hN3nAn&e9G
z#gr~=hK8%qsxnXQo$iW`FS0gUyScD)L0~WT&!*+35jC|UJ6W&Z!?Rt~O@s;%us*)D
ziK9|>t?KYGvp*~f+HI`e9k}%u`b8Xbmf%)t`N>T$h1#==n8R32xq}U3xiY?K35FF*
ztnGyo{bF^ymdJ@XV>*q$>uMaOEX}bOaC1f3j%PjNol;-QWU$qTj|bv8?|q3_q;Wua
zf&@OUbNDx~Djj>uDLoC)YW$YYb5KhvJzRt@msasR(dc$y-alv!pG04<>dj{0tJ~*}
zqg)ybVnFw<67p^5<4E4@w>;C`~Jh2Q*qohwBac7c-RoZNWC
znd^1tizLU3+wf^&)b#h!&I2rsg~AhgQgcK%cmYn}Lytxfs+vee;9h_sX2Fp?$C4t~
z9XPi+UF<%~vsvf}7YAG6#_Q)gNo-Gk6I<}lh{PUBTwqNKF-<-SC}s@Rt;x{?D!fQ5
zOS>&d8S*`xQ4%JpiSL4Uq|ipav9*VtC@!r%*Ihg6A%fhkO)V>NLkY6ydQ}kSV|LP$
zt7!E}#FW9NJ*dyQpd19l$s`a1ERS}R77PCB#Tiqp8OqR@bftspAxZ-pxU~4)`Y~MQ
zHaGCXE>R$(&5OhJv+tlnPRPj;6OG8h@Ygdu4Ja!ra*r=&Bs@VV(=yS_@qrVjh*E)&ZkwM?P
zrH@``>3#N{U9e(Vt&4gy&uHS#((j-HQDbUh
zU3Obb1Pfn3KH8`4M%bW4Jn4Wi;bd^^z(v=N7%8SkD+fx?(c*Txb7CCA>A2dki|!&(
zRi@yD5IgXY{UcZQPHpZ1R%8v+X
z+3-hNj+j0+1x0T>F)#mgu@!yk?mE?I$PQ&tBi%3LPsn41#qjUXNXQJDW$BQ$*z#oF
z>(%cHT6qzhTFy_cd^r&xUt+zbTZh5*y(j=vG@ly>{;dPx#
diff --git a/examples/matplotlib.html b/examples/matplotlib.html
deleted file mode 100644
index 17e133dd..00000000
--- a/examples/matplotlib.html
+++ /dev/null
@@ -1,76 +0,0 @@
-
-
- Matplotlib
-
-
-
-
-
-
-
-
- packages = [
- "matplotlib"
- ]
- plugins = [
- "https://pyscript.net/latest/plugins/python/py_tutor.py"
- ]
-
-
-
-
-
-
-
diff --git a/examples/numpy_canvas_fractals.html b/examples/numpy_canvas_fractals.html
deleted file mode 100644
index 14068f20..00000000
--- a/examples/numpy_canvas_fractals.html
+++ /dev/null
@@ -1,411 +0,0 @@
-
-
-
- Visualization of Mandelbrot, Julia and Newton sets with NumPy and
- HTML5 canvas
-
-
-
-
-
-
-
-
- {
- "packages": [
- "numpy",
- "sympy"
- ],
- "fetch": [
- {
- "files": [
- "./palettes.py",
- "./fractals.py"
- ]
- }
- ],
- "plugins": [
- "https://pyscript.net/latest/plugins/python/py_tutor.py"
- ]
- }
-
-
-
- from pyodide.ffi import to_js, create_proxy
-
- import numpy as np
- import sympy
-
- from palettes import Magma256
- from fractals import mandelbrot, julia, newton
-
- from js import (
- console,
- document,
- devicePixelRatio,
- ImageData,
- Uint8ClampedArray,
- CanvasRenderingContext2D as Context2d,
- requestAnimationFrame,
- )
-
- def prepare_canvas(width: int, height: int, canvas: Element) -> Context2d:
- ctx = canvas.getContext("2d")
-
- canvas.style.width = f"{width}px"
- canvas.style.height = f"{height}px"
-
- canvas.width = width
- canvas.height = height
-
- ctx.clearRect(0, 0, width, height)
-
- return ctx
-
- def color_map(array: np.array, palette: np.array) -> np.array:
- size, _ = palette.shape
- index = (array/array.max()*(size - 1)).round().astype("uint8")
-
- width, height = array.shape
- image = np.full((width, height, 4), 0xff, dtype=np.uint8)
- image[:, :, :3] = palette[index]
-
- return image
-
- def draw_image(ctx: Context2d, image: np.array) -> None:
- data = Uint8ClampedArray.new(to_js(image.tobytes()))
- width, height, _ = image.shape
- image_data = ImageData.new(data, width, height)
- ctx.putImageData(image_data, 0, 0)
-
- width, height = 600, 600
-
- async def draw_mandelbrot() -> None:
- spinner = document.querySelector("#mandelbrot .loading")
- canvas = document.querySelector("#mandelbrot canvas")
-
- spinner.style.display = ""
- canvas.style.display = "none"
-
- ctx = prepare_canvas(width, height, canvas)
-
- console.log("Computing Mandelbrot set ...")
- console.time("mandelbrot")
- iters = mandelbrot(width, height)
- console.timeEnd("mandelbrot")
-
- image = color_map(iters, Magma256)
- draw_image(ctx, image)
-
- spinner.style.display = "none"
- canvas.style.display = "block"
-
- async def draw_julia() -> None:
- spinner = document.querySelector("#julia .loading")
- canvas = document.querySelector("#julia canvas")
-
- spinner.style.display = ""
- canvas.style.display = "none"
-
- ctx = prepare_canvas(width, height, canvas)
-
- console.log("Computing Julia set ...")
- console.time("julia")
- iters = julia(width, height)
- console.timeEnd("julia")
-
- image = color_map(iters, Magma256)
- draw_image(ctx, image)
-
- spinner.style.display = "none"
- canvas.style.display = "block"
-
- def ranges():
- x0_in = document.querySelector("#x0")
- x1_in = document.querySelector("#x1")
- y0_in = document.querySelector("#y0")
- y1_in = document.querySelector("#y1")
-
- xr = (float(x0_in.value), float(x1_in.value))
- yr = (float(y0_in.value), float(y1_in.value))
-
- return xr, yr
-
- current_image = None
- async def draw_newton() -> None:
- spinner = document.querySelector("#newton .loading")
- canvas = document.querySelector("#newton canvas")
-
- spinner.style.display = ""
- canvas.style.display = "none"
-
- ctx = prepare_canvas(width, height, canvas)
-
- console.log("Computing Newton set ...")
-
- poly_in = document.querySelector("#poly")
- coef_in = document.querySelector("#coef")
- conv_in = document.querySelector("#conv")
- iter_in = document.querySelector("#iter")
-
- xr, yr = ranges()
-
- # z**3 - 1
- # z**8 + 15*z**4 - 16
- # z**3 - 2*z + 2
-
- expr = sympy.parse_expr(poly_in.value)
- coeffs = [ complex(c) for c in reversed(sympy.Poly(expr, sympy.Symbol("z")).all_coeffs()) ]
- poly = np.polynomial.Polynomial(coeffs)
-
- coef = complex(sympy.parse_expr(coef_in.value))
-
- console.time("newton")
- iters, roots = newton(width, height, p=poly, a=coef, xr=xr, yr=yr)
- console.timeEnd("newton")
-
- if conv_in.checked:
- n = poly.degree() + 1
- k = int(len(Magma256)/n)
-
- colors = Magma256[::k, :][:n]
- colors[0, :] = [255, 0, 0] # red: no convergence
-
- image = color_map(roots, colors)
- else:
- image = color_map(iters, Magma256)
-
- global current_image
- current_image = image
- draw_image(ctx, image)
-
- spinner.style.display = "none"
- canvas.style.display = "block"
-
- handler = create_proxy(lambda _event: draw_newton())
- document.querySelector("#newton fieldset").addEventListener("change", handler)
-
- canvas = document.querySelector("#newton canvas")
-
- is_selecting = False
- init_sx, init_sy = None, None
- sx, sy = None, None
- async def mousemove(event):
- global is_selecting
- global init_sx
- global init_sy
- global sx
- global sy
-
- def invert(sx, source_range, target_range):
- source_start, source_end = source_range
- target_start, target_end = target_range
- factor = (target_end - target_start)/(source_end - source_start)
- offset = -(factor * source_start) + target_start
- return (sx - offset) / factor
-
- bds = canvas.getBoundingClientRect()
- event_sx, event_sy = event.clientX - bds.x, event.clientY - bds.y
-
- ctx = canvas.getContext("2d")
-
- pressed = event.buttons == 1
- if is_selecting:
- if not pressed:
- xr, yr = ranges()
-
- x0 = invert(init_sx, xr, (0, width))
- x1 = invert(sx, xr, (0, width))
- y0 = invert(init_sy, yr, (0, height))
- y1 = invert(sy, yr, (0, height))
-
- document.querySelector("#x0").value = x0
- document.querySelector("#x1").value = x1
- document.querySelector("#y0").value = y0
- document.querySelector("#y1").value = y1
-
- is_selecting = False
- init_sx, init_sy = None, None
- sx, sy = init_sx, init_sy
-
- await draw_newton()
- else:
- ctx.save()
- ctx.clearRect(0, 0, width, height)
- draw_image(ctx, current_image)
- sx, sy = event_sx, event_sy
- ctx.beginPath()
- ctx.rect(init_sx, init_sy, sx - init_sx, sy - init_sy)
- ctx.fillStyle = "rgba(255, 255, 255, 0.4)"
- ctx.strokeStyle = "rgba(255, 255, 255, 1.0)"
- ctx.fill()
- ctx.stroke()
- ctx.restore()
- else:
- if pressed:
- is_selecting = True
- init_sx, init_sy = event_sx, event_sy
- sx, sy = init_sx, init_sy
-
- canvas.addEventListener("mousemove", create_proxy(mousemove))
-
- import asyncio
-
- async def main():
- _ = await asyncio.gather(
- draw_mandelbrot(),
- draw_julia(),
- draw_newton(),
- )
-
- asyncio.ensure_future(main())
-
-
-
-
-
diff --git a/examples/palettes.py b/examples/palettes.py
deleted file mode 100644
index b4362c17..00000000
--- a/examples/palettes.py
+++ /dev/null
@@ -1,263 +0,0 @@
-import numpy as np
-
-Magma256 = np.array(
- [
- [0x00, 0x00, 0x03],
- [0x00, 0x00, 0x04],
- [0x00, 0x00, 0x06],
- [0x01, 0x00, 0x07],
- [0x01, 0x01, 0x09],
- [0x01, 0x01, 0x0B],
- [0x02, 0x02, 0x0D],
- [0x02, 0x02, 0x0F],
- [0x03, 0x03, 0x11],
- [0x04, 0x03, 0x13],
- [0x04, 0x04, 0x15],
- [0x05, 0x04, 0x17],
- [0x06, 0x05, 0x19],
- [0x07, 0x05, 0x1B],
- [0x08, 0x06, 0x1D],
- [0x09, 0x07, 0x1F],
- [0x0A, 0x07, 0x22],
- [0x0B, 0x08, 0x24],
- [0x0C, 0x09, 0x26],
- [0x0D, 0x0A, 0x28],
- [0x0E, 0x0A, 0x2A],
- [0x0F, 0x0B, 0x2C],
- [0x10, 0x0C, 0x2F],
- [0x11, 0x0C, 0x31],
- [0x12, 0x0D, 0x33],
- [0x14, 0x0D, 0x35],
- [0x15, 0x0E, 0x38],
- [0x16, 0x0E, 0x3A],
- [0x17, 0x0F, 0x3C],
- [0x18, 0x0F, 0x3F],
- [0x1A, 0x10, 0x41],
- [0x1B, 0x10, 0x44],
- [0x1C, 0x10, 0x46],
- [0x1E, 0x10, 0x49],
- [0x1F, 0x11, 0x4B],
- [0x20, 0x11, 0x4D],
- [0x22, 0x11, 0x50],
- [0x23, 0x11, 0x52],
- [0x25, 0x11, 0x55],
- [0x26, 0x11, 0x57],
- [0x28, 0x11, 0x59],
- [0x2A, 0x11, 0x5C],
- [0x2B, 0x11, 0x5E],
- [0x2D, 0x10, 0x60],
- [0x2F, 0x10, 0x62],
- [0x30, 0x10, 0x65],
- [0x32, 0x10, 0x67],
- [0x34, 0x10, 0x68],
- [0x35, 0x0F, 0x6A],
- [0x37, 0x0F, 0x6C],
- [0x39, 0x0F, 0x6E],
- [0x3B, 0x0F, 0x6F],
- [0x3C, 0x0F, 0x71],
- [0x3E, 0x0F, 0x72],
- [0x40, 0x0F, 0x73],
- [0x42, 0x0F, 0x74],
- [0x43, 0x0F, 0x75],
- [0x45, 0x0F, 0x76],
- [0x47, 0x0F, 0x77],
- [0x48, 0x10, 0x78],
- [0x4A, 0x10, 0x79],
- [0x4B, 0x10, 0x79],
- [0x4D, 0x11, 0x7A],
- [0x4F, 0x11, 0x7B],
- [0x50, 0x12, 0x7B],
- [0x52, 0x12, 0x7C],
- [0x53, 0x13, 0x7C],
- [0x55, 0x13, 0x7D],
- [0x57, 0x14, 0x7D],
- [0x58, 0x15, 0x7E],
- [0x5A, 0x15, 0x7E],
- [0x5B, 0x16, 0x7E],
- [0x5D, 0x17, 0x7E],
- [0x5E, 0x17, 0x7F],
- [0x60, 0x18, 0x7F],
- [0x61, 0x18, 0x7F],
- [0x63, 0x19, 0x7F],
- [0x65, 0x1A, 0x80],
- [0x66, 0x1A, 0x80],
- [0x68, 0x1B, 0x80],
- [0x69, 0x1C, 0x80],
- [0x6B, 0x1C, 0x80],
- [0x6C, 0x1D, 0x80],
- [0x6E, 0x1E, 0x81],
- [0x6F, 0x1E, 0x81],
- [0x71, 0x1F, 0x81],
- [0x73, 0x1F, 0x81],
- [0x74, 0x20, 0x81],
- [0x76, 0x21, 0x81],
- [0x77, 0x21, 0x81],
- [0x79, 0x22, 0x81],
- [0x7A, 0x22, 0x81],
- [0x7C, 0x23, 0x81],
- [0x7E, 0x24, 0x81],
- [0x7F, 0x24, 0x81],
- [0x81, 0x25, 0x81],
- [0x82, 0x25, 0x81],
- [0x84, 0x26, 0x81],
- [0x85, 0x26, 0x81],
- [0x87, 0x27, 0x81],
- [0x89, 0x28, 0x81],
- [0x8A, 0x28, 0x81],
- [0x8C, 0x29, 0x80],
- [0x8D, 0x29, 0x80],
- [0x8F, 0x2A, 0x80],
- [0x91, 0x2A, 0x80],
- [0x92, 0x2B, 0x80],
- [0x94, 0x2B, 0x80],
- [0x95, 0x2C, 0x80],
- [0x97, 0x2C, 0x7F],
- [0x99, 0x2D, 0x7F],
- [0x9A, 0x2D, 0x7F],
- [0x9C, 0x2E, 0x7F],
- [0x9E, 0x2E, 0x7E],
- [0x9F, 0x2F, 0x7E],
- [0xA1, 0x2F, 0x7E],
- [0xA3, 0x30, 0x7E],
- [0xA4, 0x30, 0x7D],
- [0xA6, 0x31, 0x7D],
- [0xA7, 0x31, 0x7D],
- [0xA9, 0x32, 0x7C],
- [0xAB, 0x33, 0x7C],
- [0xAC, 0x33, 0x7B],
- [0xAE, 0x34, 0x7B],
- [0xB0, 0x34, 0x7B],
- [0xB1, 0x35, 0x7A],
- [0xB3, 0x35, 0x7A],
- [0xB5, 0x36, 0x79],
- [0xB6, 0x36, 0x79],
- [0xB8, 0x37, 0x78],
- [0xB9, 0x37, 0x78],
- [0xBB, 0x38, 0x77],
- [0xBD, 0x39, 0x77],
- [0xBE, 0x39, 0x76],
- [0xC0, 0x3A, 0x75],
- [0xC2, 0x3A, 0x75],
- [0xC3, 0x3B, 0x74],
- [0xC5, 0x3C, 0x74],
- [0xC6, 0x3C, 0x73],
- [0xC8, 0x3D, 0x72],
- [0xCA, 0x3E, 0x72],
- [0xCB, 0x3E, 0x71],
- [0xCD, 0x3F, 0x70],
- [0xCE, 0x40, 0x70],
- [0xD0, 0x41, 0x6F],
- [0xD1, 0x42, 0x6E],
- [0xD3, 0x42, 0x6D],
- [0xD4, 0x43, 0x6D],
- [0xD6, 0x44, 0x6C],
- [0xD7, 0x45, 0x6B],
- [0xD9, 0x46, 0x6A],
- [0xDA, 0x47, 0x69],
- [0xDC, 0x48, 0x69],
- [0xDD, 0x49, 0x68],
- [0xDE, 0x4A, 0x67],
- [0xE0, 0x4B, 0x66],
- [0xE1, 0x4C, 0x66],
- [0xE2, 0x4D, 0x65],
- [0xE4, 0x4E, 0x64],
- [0xE5, 0x50, 0x63],
- [0xE6, 0x51, 0x62],
- [0xE7, 0x52, 0x62],
- [0xE8, 0x54, 0x61],
- [0xEA, 0x55, 0x60],
- [0xEB, 0x56, 0x60],
- [0xEC, 0x58, 0x5F],
- [0xED, 0x59, 0x5F],
- [0xEE, 0x5B, 0x5E],
- [0xEE, 0x5D, 0x5D],
- [0xEF, 0x5E, 0x5D],
- [0xF0, 0x60, 0x5D],
- [0xF1, 0x61, 0x5C],
- [0xF2, 0x63, 0x5C],
- [0xF3, 0x65, 0x5C],
- [0xF3, 0x67, 0x5B],
- [0xF4, 0x68, 0x5B],
- [0xF5, 0x6A, 0x5B],
- [0xF5, 0x6C, 0x5B],
- [0xF6, 0x6E, 0x5B],
- [0xF6, 0x70, 0x5B],
- [0xF7, 0x71, 0x5B],
- [0xF7, 0x73, 0x5C],
- [0xF8, 0x75, 0x5C],
- [0xF8, 0x77, 0x5C],
- [0xF9, 0x79, 0x5C],
- [0xF9, 0x7B, 0x5D],
- [0xF9, 0x7D, 0x5D],
- [0xFA, 0x7F, 0x5E],
- [0xFA, 0x80, 0x5E],
- [0xFA, 0x82, 0x5F],
- [0xFB, 0x84, 0x60],
- [0xFB, 0x86, 0x60],
- [0xFB, 0x88, 0x61],
- [0xFB, 0x8A, 0x62],
- [0xFC, 0x8C, 0x63],
- [0xFC, 0x8E, 0x63],
- [0xFC, 0x90, 0x64],
- [0xFC, 0x92, 0x65],
- [0xFC, 0x93, 0x66],
- [0xFD, 0x95, 0x67],
- [0xFD, 0x97, 0x68],
- [0xFD, 0x99, 0x69],
- [0xFD, 0x9B, 0x6A],
- [0xFD, 0x9D, 0x6B],
- [0xFD, 0x9F, 0x6C],
- [0xFD, 0xA1, 0x6E],
- [0xFD, 0xA2, 0x6F],
- [0xFD, 0xA4, 0x70],
- [0xFE, 0xA6, 0x71],
- [0xFE, 0xA8, 0x73],
- [0xFE, 0xAA, 0x74],
- [0xFE, 0xAC, 0x75],
- [0xFE, 0xAE, 0x76],
- [0xFE, 0xAF, 0x78],
- [0xFE, 0xB1, 0x79],
- [0xFE, 0xB3, 0x7B],
- [0xFE, 0xB5, 0x7C],
- [0xFE, 0xB7, 0x7D],
- [0xFE, 0xB9, 0x7F],
- [0xFE, 0xBB, 0x80],
- [0xFE, 0xBC, 0x82],
- [0xFE, 0xBE, 0x83],
- [0xFE, 0xC0, 0x85],
- [0xFE, 0xC2, 0x86],
- [0xFE, 0xC4, 0x88],
- [0xFE, 0xC6, 0x89],
- [0xFE, 0xC7, 0x8B],
- [0xFE, 0xC9, 0x8D],
- [0xFE, 0xCB, 0x8E],
- [0xFD, 0xCD, 0x90],
- [0xFD, 0xCF, 0x92],
- [0xFD, 0xD1, 0x93],
- [0xFD, 0xD2, 0x95],
- [0xFD, 0xD4, 0x97],
- [0xFD, 0xD6, 0x98],
- [0xFD, 0xD8, 0x9A],
- [0xFD, 0xDA, 0x9C],
- [0xFD, 0xDC, 0x9D],
- [0xFD, 0xDD, 0x9F],
- [0xFD, 0xDF, 0xA1],
- [0xFD, 0xE1, 0xA3],
- [0xFC, 0xE3, 0xA5],
- [0xFC, 0xE5, 0xA6],
- [0xFC, 0xE6, 0xA8],
- [0xFC, 0xE8, 0xAA],
- [0xFC, 0xEA, 0xAC],
- [0xFC, 0xEC, 0xAE],
- [0xFC, 0xEE, 0xB0],
- [0xFC, 0xF0, 0xB1],
- [0xFC, 0xF1, 0xB3],
- [0xFC, 0xF3, 0xB5],
- [0xFC, 0xF5, 0xB7],
- [0xFB, 0xF7, 0xB9],
- [0xFB, 0xF9, 0xBB],
- [0xFB, 0xFA, 0xBD],
- [0xFB, 0xFC, 0xBF],
- ],
- dtype="uint8",
-)
diff --git a/examples/pandas.html b/examples/pandas.html
deleted file mode 100644
index 778ae7c9..00000000
--- a/examples/pandas.html
+++ /dev/null
@@ -1,132 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
Data Source
-
- Load CSV
-
-
-
-
-
Python REPL
-
- # Hit SHIFT + ENTER to execute example code # Get all closed
- airports in Great Britain df2 = df.query("type == 'closed' &
- iso_country == 'GB'") df2
-
-
-
- plugins = [
- "https://pyscript.net/latest/plugins/python/py_tutor.py"
- ]
- packages = ["pandas"]
-
-
-
-
- import pandas as pd
- from pyodide.http import open_url
- import sys
-
- title = "Pandas (and basic DOM manipulation)"
- page_message = "This example loads a remote CSV file into a Pandas dataframe, displays it and lets you manipulate it through a Python REPL"
-
- url = "https://raw.githubusercontent.com/datasets/airport-codes/master/data/airport-codes.csv"
-
- Element("header-title").element.innerText = title
- Element("page-title").element.innerText = title
- Element("page-message").element.innerText = page_message
-
- Element("txt-url").element.value = url
-
- # Depending on the type of DOM element, there are several alternative methods to write to it
- # Element("id-of-dom-element").write("example")
- # Element("id-of-dom-element").innerText = "example"
- # Element("id-of-dom-element").value = "example"
- # Element("id-of-dom-element").element.innerText = "example"
- # Element("id-of-dom-element").element.value = "example"
- # js.document.getElementById("id-of-dom-element").innerText = "example"
- # js.document.getElementById("id-of-dom-element").value = "example"
-
- df = pd.DataFrame()
-
-
- def loadFromURL(*args, **kws):
- global df
-
- # clear dataframe & output
- df = pd.DataFrame()
- Element("pandas-output-inner").element.innerHTML = ""
-
- url = Element("txt-url").element.value
- log ("Trying to fetch CSV from " + url)
-
- df = pd.read_csv(open_url(url))
-
- Element("pandas-repl").element.style.display = "block"
- Element("pandas-output").element.style.display = "block"
- Element("pandas-dev-console").element.style.display = "block"
-
- display (df, target="pandas-output-inner", append="False")
-
- def log(message):
- # log to pyscript dev console
- print (message)
-
- # log to JS console
- js.console.log (message)
-
-
-
-
-
diff --git a/examples/panel.html b/examples/panel.html
deleted file mode 100644
index de134167..00000000
--- a/examples/panel.html
+++ /dev/null
@@ -1,57 +0,0 @@
-
-
- Panel Example
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- packages = [
- "https://cdn.holoviz.org/panel/0.14.3/dist/wheels/bokeh-2.4.3-py3-none-any.whl",
- "numpy",
- "panel==0.14.1"
- ]
- plugins = [
- "https://pyscript.net/latest/plugins/python/py_tutor.py"
- ]
-
-
-
- import panel as pn
-
- slider = pn.widgets.FloatSlider(start=0, end=10, name='Amplitude')
-
- def callback(new):
- return f'Amplitude is: {new}'
-
- pn.Row(slider, pn.bind(callback, slider)).servable(target='simple_app');
-
-
-
-
-
diff --git a/examples/panel_deckgl.html b/examples/panel_deckgl.html
deleted file mode 100644
index 06e5f710..00000000
--- a/examples/panel_deckgl.html
+++ /dev/null
@@ -1,284 +0,0 @@
-
-
-
- PyScript/Panel DeckGL Demo
-
-
-
-
-
-
-
-
- packages = [
- "https://cdn.holoviz.org/panel/0.14.3/dist/wheels/bokeh-2.4.3-py3-none-any.whl",
- "numpy",
- "pandas",
- "panel==0.13.1"
- ]
- plugins = [
- "https://pyscript.net/latest/plugins/python/py_tutor.py"
- ]
-
-
-
- import panel as pn
- import pandas as pd
- import param
-
- from pyodide.http import open_url
-
- MAPBOX_KEY = "pk.eyJ1IjoicGFuZWxvcmciLCJhIjoiY2s1enA3ejhyMWhmZjNobjM1NXhtbWRrMyJ9.B_frQsAVepGIe-HiOJeqvQ"
-
- class App(param.Parameterized):
-
- data = param.DataFrame(precedence=-1)
-
- view = param.DataFrame(precedence=-1)
-
- arc_view = param.DataFrame(precedence=-1)
-
- radius = param.Integer(default=50, bounds=(20, 1000))
-
- elevation = param.Integer(default=10, bounds=(0, 50))
-
- hour = param.Integer(default=0, bounds=(0, 23))
-
- speed = param.Integer(default=1, bounds=(0, 10), precedence=-1)
-
- play = param.Event(label='▷')
-
- def __init__(self, **params):
- self.deck_gl = None
- super().__init__(**params)
- self.deck_gl = pn.pane.DeckGL(
- dict(self.spec),
- mapbox_api_key=MAPBOX_KEY,
- throttle={'click': 10},
- sizing_mode='stretch_both',
- margin=0
- )
- self.deck_gl.param.watch(self._update_arc_view, 'click_state')
- self._playing = False
- self._cb = pn.state.add_periodic_callback(
- self._update_hour, 1000//self.speed, start=False
- )
-
- @property
- def spec(self):
- return {
- "initialViewState": {
- "bearing": 0,
- "latitude": 40.7,
- "longitude": -73.9,
- "maxZoom": 15,
- "minZoom": 5,
- "pitch": 40.5,
- "zoom": 11
- },
- "layers": [self.hex_layer, self.arc_layer],
- "mapStyle": "mapbox://styles/mapbox/dark-v9",
- "views": [
- {"@@type": "MapView", "controller": True}
- ]
- }
-
- @property
- def hex_layer(self):
- return {
- "@@type": "HexagonLayer",
- "autoHighlight": True,
- "coverage": 1,
- "data": self.data if self.view is None else self.view,
- "elevationRange": [0, 100],
- "elevationScale": self.elevation,
- "radius": self.radius,
- "extruded": True,
- "getPosition": "@@=[pickup_x, pickup_y]",
- "id": "8a553b25-ef3a-489c-bbe2-e102d18a3211"
- }
-
- @property
- def arc_layer(self):
- return {
- "@@type": "ArcLayer",
- "id": 'arc-layer',
- "data": self.arc_view,
- "pickable": True,
- "getWidth": 1,
- "getSourcePosition": "@@=[pickup_x, pickup_y]",
- "getTargetPosition": "@@=[dropoff_x, dropoff_y]",
- "getSourceColor": [0, 255, 0, 180],
- "getTargetColor": [240, 100, 0, 180]
- }
-
- def _update_hour(self):
- self.hour = (self.hour+1) % 24
-
- @param.depends('view', watch=True)
- def _update_arc_view(self, event=None):
- data = self.data if self.view is None else self.view
- if not self.deck_gl or not self.deck_gl.click_state:
- self.arc_view = data.iloc[:0]
- return
- lon, lat = self.deck_gl.click_state['coordinate']
- tol = 0.001
- self.arc_view = data[
- (df.pickup_x>=float(lon-tol)) &
- (df.pickup_x<=float(lon+tol)) &
- (df.pickup_y>=float(lat-tol)) &
- (df.pickup_y<=float(lat+tol))
- ]
-
- @param.depends('hour', watch=True, on_init=True)
- def _update_hourly_view(self):
- self.view = self.data[self.data.hour==self.hour]
-
- @param.depends('speed', watch=True)
- def _update_speed(self):
- self._cb.period = 1000//self.speed
-
- @param.depends('play', watch=True)
- def _play_pause(self):
- if self._playing:
- self._cb.stop()
- self.param.play.label = '▷'
- self.param.speed.precedence = -1
- else:
- self._cb.start()
- self.param.play.label = '❚❚'
- self.param.speed.precedence = 1
- self._playing = not self._playing
-
- @param.depends('view', 'radius', 'elevation', 'arc_view', watch=True)
- def update_spec(self):
- self.deck_gl.object = dict(self.spec)
-
- url = 'https://s3.eu-west-1.amazonaws.com/assets.holoviews.org/data/nyc_taxi_wide.csv'
- df = pd.read_csv(open_url(url))
- app = App(data=df)
- controls = pn.Param(app.param, sizing_mode='stretch_width', show_name=False)
-
- app.deck_gl.servable(target='plot')
- controls.servable(target='widgets');
-
-
-
-
-
diff --git a/examples/panel_kmeans.html b/examples/panel_kmeans.html
deleted file mode 100644
index b896e1db..00000000
--- a/examples/panel_kmeans.html
+++ /dev/null
@@ -1,230 +0,0 @@
-
-
-
- Pyscript/Panel KMeans Demo
-
-
-
-
-
-
-
- packages = [
- "https://cdn.holoviz.org/panel/0.14.3/dist/wheels/bokeh-2.4.3-py3-none-any.whl",
- "altair",
- "numpy",
- "pandas",
- "scikit-learn",
- "panel==0.13.1"
- ]
- plugins = [
- "https://pyscript.net/latest/plugins/python/py_tutor.py"
- ]
-
-
-
- import altair as alt
- import panel as pn
- import pandas as pd
- import param
-
- from sklearn.cluster import KMeans
- from pyodide.http import open_url
-
- pn.config.sizing_mode = 'stretch_width'
-
- url = 'https://raw.githubusercontent.com/rfordatascience/tidytuesday/master/data/2020/2020-07-28/penguins.csv'
- penguins = pd.read_csv(open_url(url)).dropna()
- cols = list(penguins.columns)[2:6]
-
- x = pn.widgets.Select(name='x', options=cols, value='bill_depth_mm').servable(target='x-widget')
- y = pn.widgets.Select(name='y', options=cols, value='bill_length_mm').servable(target='y-widget')
- n_clusters = pn.widgets.IntSlider(name='n_clusters', start=1, end=5, value=3).servable(target='n-widget')
-
- brush = alt.selection_interval(name='brush') # selection of type "interval"
-
- def get_clusters(n_clusters):
- kmeans = KMeans(n_clusters=n_clusters)
- est = kmeans.fit(penguins[cols].values)
- df = penguins.copy()
- df['labels'] = est.labels_.astype('str')
- return df
-
- def get_chart(x, y, df):
- centers = df.groupby('labels').mean()
- return (
- alt.Chart(df)
- .mark_point(size=100)
- .encode(
- x=alt.X(x, scale=alt.Scale(zero=False)),
- y=alt.Y(y, scale=alt.Scale(zero=False)),
- shape='labels',
- color='species'
- ).add_params(brush).properties(width=800) +
- alt.Chart(centers)
- .mark_point(size=250, shape='cross', color='black')
- .encode(x=x+':Q', y=y+':Q')
- )
-
- intro = pn.pane.Markdown("""
- This app provides an example of **building a simple dashboard using
- Panel**.\n\nIt demonstrates how to take the output of **k-means
- clustering on the Penguins dataset** using scikit-learn,
- parameterizing the number of clusters and the variables to
- plot.\n\nThe plot and the table are linked, i.e. selecting on the plot
- will filter the data in the table.\n\n The **`x` marks the center** of
- the cluster.
- """).servable(target='intro')
-
- chart = pn.pane.Vega().servable(target='cluster-plot')
- table = pn.widgets.Tabulator(pagination='remote', page_size=10).servable(target='table')
-
- def update_table(event=None):
- table.value = get_clusters(n_clusters.value)
-
- n_clusters.param.watch(update_table, 'value')
-
- @pn.depends(x, y, n_clusters, watch=True)
- def update_chart(*events):
- chart.object = get_chart(x.value, y.value, table.value)
-
- @param.depends('brush', watch=True)
- def update_filters(event=None):
- filters = []
- for k, v in (getattr(event, 'new') or {}).items():
- filters.append(dict(field=k, type='>=', value=v[0]))
- filters.append(dict(field=k, type='<=', value=v[1]))
- table.filters = filters
-
- update_table()
- update_chart()
-
-
-
-
-
-
diff --git a/examples/panel_stream.html b/examples/panel_stream.html
deleted file mode 100644
index fc678923..00000000
--- a/examples/panel_stream.html
+++ /dev/null
@@ -1,162 +0,0 @@
-
-
-
- PyScript/Panel Streaming Demo
-
-
-
-
-
-
-
-
- packages = [
- "https://cdn.holoviz.org/panel/0.14.3/dist/wheels/bokeh-2.4.3-py3-none-any.whl",
- "numpy",
- "pandas",
- "panel==0.13.1"
- ]
- plugins = [
- "https://pyscript.net/latest/plugins/python/py_tutor.py"
- ]
-
-
-
- import panel as pn
- import numpy as np
- import pandas as pd
-
- from bokeh.models import ColumnDataSource
- from bokeh.plotting import figure
-
- df = pd.DataFrame(np.random.randn(10, 4), columns=list('ABCD')).cumsum()
-
- rollover = pn.widgets.IntInput(name='Rollover', value=15)
- follow = pn.widgets.Checkbox(name='Follow', value=True, align='end')
-
- tabulator = pn.widgets.Tabulator(df, height=450, width=400).servable(target='table')
-
- def color_negative_red(val):
- """
- Takes a scalar and returns a string with
- the css property `'color: red'` for negative
- strings, black otherwise.
- """
- color = 'red' if val < 0 else 'green'
- return 'color: %s' % color
-
- tabulator.style.applymap(color_negative_red)
-
- p = figure(height=450, width=600)
-
- cds = ColumnDataSource(data=ColumnDataSource.from_df(df))
-
- p.line('index', 'A', source=cds, line_color='red')
- p.line('index', 'B', source=cds, line_color='green')
- p.line('index', 'C', source=cds, line_color='blue')
- p.line('index', 'D', source=cds, line_color='purple')
-
- def stream():
- data = df.iloc[-1] + np.random.randn(4)
- tabulator.stream(data, rollover=rollover.value, follow=follow.value)
- value = {k: [v] for k, v in tabulator.value.iloc[-1].to_dict().items()}
- value['index'] = [tabulator.value.index[-1]]
- cds.stream(value)
-
- cb = pn.state.add_periodic_callback(stream, 200)
-
- pn.pane.Bokeh(p).servable(target='plot')
- pn.Row(cb.param.period, rollover, follow, width=400).servable(target='controls')
-
-
-
-
-
diff --git a/examples/simple_clock.html b/examples/simple_clock.html
deleted file mode 100644
index 06b8d421..00000000
--- a/examples/simple_clock.html
+++ /dev/null
@@ -1,78 +0,0 @@
-
-
-
- Simple Clock Demo
-
-
-
-
-
-
- start time:
-
-
-
-
-
- plugins = [
- "https://pyscript.net/latest/plugins/python/py_tutor.py"
- ]
- [[fetch]]
- files = ["./utils.py"]
-
-
-
-
- from pyscript import display
- from utils import now
- import asyncio
-
- async def foo():
- while True:
- await asyncio.sleep(1)
- output = now()
- display(output, target="output2")
-
- if output[-1] in ["0", "4", "8"]:
- display("It's espresso time!", target="output3")
- else:
- display("", target="output3")
-
- foo()
-
-
-
-
-
diff --git a/examples/webgl/raycaster/index.html b/examples/webgl/raycaster/index.html
deleted file mode 100644
index a0feb0cb..00000000
--- a/examples/webgl/raycaster/index.html
+++ /dev/null
@@ -1,202 +0,0 @@
-
-
-
- Raycaster
-
- from pyodide.ffi import create_proxy, to_js
- from pyscript import window, document
- from js import Math
- from js import THREE
- from js import performance
- from js import Object
- import asyncio
-
- mouse = THREE.Vector2.new();
-
- renderer = THREE.WebGLRenderer.new({"antialias":True})
- renderer.setSize(1000, 1000)
- renderer.shadowMap.enabled = False
- renderer.shadowMap.type = THREE.PCFSoftShadowMap
- renderer.shadowMap.needsUpdate = True
-
- document.body.appendChild( renderer.domElement )
-
- import js, pyodide
- def onMouseMove(event):
- event.preventDefault();
- mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
- mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;
- js.document.addEventListener('mousemove', pyodide.ffi.create_proxy(onMouseMove))
-
- camera = THREE.PerspectiveCamera.new( 35, window.innerWidth / window.innerHeight, 1, 500 )
- scene = THREE.Scene.new()
- cameraRange = 3
-
- camera.aspect = window.innerWidth / window.innerHeight
- camera.updateProjectionMatrix()
- renderer.setSize( window.innerWidth, window.innerHeight )
-
- setcolor = "#000000"
-
- scene.background = THREE.Color.new(setcolor)
- scene.fog = THREE.Fog.new(setcolor, 2.5, 3.5);
-
- sceneGroup = THREE.Object3D.new();
- particularGroup = THREE.Object3D.new();
-
- def mathRandom(num = 1):
- setNumber = - Math.random() * num + Math.random() * num
- return setNumber
-
- particularGroup = THREE.Object3D.new();
- modularGroup = THREE.Object3D.new();
-
- perms = {"flatShading":True, "color":"#111111", "transparent":False, "opacity":1, "wireframe":False}
- perms = Object.fromEntries(to_js(perms))
-
- particle_perms = {"color":"#FFFFFF", "side":THREE.DoubleSide}
- particle_perms = Object.fromEntries(to_js(particle_perms))
-
- def create_cubes(mathRandom, modularGroup):
- i = 0
- while i < 30:
- geometry = THREE.IcosahedronGeometry.new();
- material = THREE.MeshStandardMaterial.new(perms);
- cube = THREE.Mesh.new(geometry, material);
- cube.speedRotation = Math.random() * 0.1;
- cube.positionX = mathRandom();
- cube.positionY = mathRandom();
- cube.positionZ = mathRandom();
- cube.castShadow = True;
- cube.receiveShadow = True;
- newScaleValue = mathRandom(0.3);
- cube.scale.set(newScaleValue,newScaleValue,newScaleValue);
- cube.rotation.x = mathRandom(180 * Math.PI / 180);
- cube.rotation.y = mathRandom(180 * Math.PI / 180);
- cube.rotation.z = mathRandom(180 * Math.PI / 180);
- cube.position.set(cube.positionX, cube.positionY, cube.positionZ);
- modularGroup.add(cube);
- i += 1
-
- create_cubes(mathRandom, modularGroup)
-
-
- def generateParticle(mathRandom, particularGroup, num, amp = 2):
- gmaterial = THREE.MeshPhysicalMaterial.new(particle_perms);
- gparticular = THREE.CircleGeometry.new(0.2,5);
- i = 0
- while i < num:
- pscale = 0.001+Math.abs(mathRandom(0.03));
- particular = THREE.Mesh.new(gparticular, gmaterial);
- particular.position.set(mathRandom(amp),mathRandom(amp),mathRandom(amp));
- particular.rotation.set(mathRandom(),mathRandom(),mathRandom());
- particular.scale.set(pscale,pscale,pscale);
- particular.speedValue = mathRandom(1);
- particularGroup.add(particular);
- i += 1
-
- generateParticle(mathRandom, particularGroup, 200, 2)
-
- sceneGroup.add(particularGroup);
- scene.add(modularGroup);
- scene.add(sceneGroup);
-
- camera.position.set(0, 0, cameraRange);
- cameraValue = False;
-
- ambientLight = THREE.AmbientLight.new(0xFFFFFF, 0.1);
-
- light = THREE.SpotLight.new(0xFFFFFF, 3);
- light.position.set(5, 5, 2);
- light.castShadow = True;
- light.shadow.mapSize.width = 10000;
- light.shadow.mapSize.height = light.shadow.mapSize.width;
- light.penumbra = 0.5;
-
- lightBack = THREE.PointLight.new(0x0FFFFF, 1);
- lightBack.position.set(0, -3, -1);
-
- scene.add(sceneGroup);
- scene.add(light);
- scene.add(lightBack);
-
- rectSize = 2
- intensity = 14
- rectLight = THREE.RectAreaLight.new( 0x0FFFFF, intensity, rectSize, rectSize )
- rectLight.position.set( 0, 0, 1 )
- rectLight.lookAt( 0, 0, 0 )
- scene.add( rectLight )
-
- raycaster = THREE.Raycaster.new();
- uSpeed = 0.1
-
- time = 0.0003;
- camera.lookAt(scene.position)
-
- async def main():
- while True:
- time = performance.now() * 0.0003;
- i = 0
- while i < particularGroup.children.length:
- newObject = particularGroup.children[i];
- newObject.rotation.x += newObject.speedValue/10;
- newObject.rotation.y += newObject.speedValue/10;
- newObject.rotation.z += newObject.speedValue/10;
- i += 1
-
- i = 0
- while i < modularGroup.children.length:
- newCubes = modularGroup.children[i];
- newCubes.rotation.x += 0.008;
- newCubes.rotation.y += 0.005;
- newCubes.rotation.z += 0.003;
-
- newCubes.position.x = Math.sin(time * newCubes.positionZ) * newCubes.positionY;
- newCubes.position.y = Math.cos(time * newCubes.positionX) * newCubes.positionZ;
- newCubes.position.z = Math.sin(time * newCubes.positionY) * newCubes.positionX;
- i += 1
-
- particularGroup.rotation.y += 0.005;
-
- modularGroup.rotation.y -= ((mouse.x * 4) + modularGroup.rotation.y) * uSpeed;
- modularGroup.rotation.x -= ((-mouse.y * 4) + modularGroup.rotation.x) * uSpeed;
-
- renderer.render( scene, camera )
- await asyncio.sleep(0.02)
-
- asyncio.ensure_future(main())
-
-
-
diff --git a/examples/webgl/raycaster/style.css b/examples/webgl/raycaster/style.css
deleted file mode 100644
index d70645cf..00000000
--- a/examples/webgl/raycaster/style.css
+++ /dev/null
@@ -1,55 +0,0 @@
-body {
- margin: 0;
- text-align: center;
- background-color: black;
- cursor: crosshair;
-}
-canvas {
- display: block;
- width: 100%;
- height: 100%;
-}
-.header {
- /*top:45%;*/
- top: 45%;
- color: #dddddd;
-}
-.footer {
- bottom: 3%;
-}
-.description {
- color: gray;
- padding-top: 50px;
-}
-.btn {
- border-radius: 30px;
- padding: 10px 30px;
-}
-a,
-a:hover,
-a:visited {
- color: red;
- text-decoration: none;
-}
-.disable-selection {
- -moz-user-select: none; /* Firefox */
- -ms-user-select: none; /* Internet Explorer */
- -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
- -webkit-user-select: none; /* Chrome, Safari, and Opera */
- -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
-}
-h1::after {
- content: " V 2.0";
- font-size: 12px;
- position: absolute;
- top: 3px;
- padding-left: 5px;
- font-weight: 400;
-}
-h2::after {
- content: "2";
- font-size: 12px;
- position: absolute;
- top: 14px;
- padding-left: 5px;
-}