personal_site/_posts/2023-07-25-interactive-code-snippets.md

title, layout, excerpt, image, thumbnail, image_class, alt, load_klipse

title	layout	excerpt	image	thumbnail	image_class	alt	load_klipse
A little REPL in every blog post	post	A JS library to run python snippets in the browser.	/assets/blog/REPL/repl.png	/assets/blog/REPL/thumbnail.png	invertable	A screenshot of a small javascript widget that lets you evaluate python code. It's showing some numpy code and its evaluated output.	true

On this excellent personal site I saw Klipse, a little js library that lets you modify and execute code snippets in blogs. How cute!

print("Hello, world!")

There's even a build of python (with the magic of WASM) that includes numpy and pandas!

import numpy as np
import pandas as pd

np.arange(12).reshape(3,-1)

The cells (of a single language) all use the same interpreter so you can share variables across. However this doesn't seem to work when the page first loads.

import numpy as np
import pandas as pd

a = np.arange(12).reshape(3,-1)
df = pd.DataFrame({"zero" : a[0], "one" : a[2], "twp" : a[2]})
df

Hopefully in future this could also hook into the nice html output that many libraries like pandas can produce!