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

41 lines
1.4 KiB
Markdown

---
title: A little REPL in every blog post
layout: post
excerpt: |
A JS library to run python snippets in the browser.
image: /assets/blog/REPL/repl.png
thumbnail: /assets/blog/REPL/thumbnail.png
image_class: invertable
alt: A screenshot of a small javascript widget that lets you evaluate python code. It's showing some numpy code and its evaluated output.
load_klipse: true
---
UPDATE: Since playing with klipse for a little while I'm not sure I would necessarily recommend it. I've run into quite a few issues getting it to work nicely.
On this excellent [personal site](http://lambdafunk.com/) I saw [Klipse](https://github.com/viebel/klipse), a little js library that lets you modify and execute code snippets in blogs. How cute!
```klipse-python
print("Hello, world!")
```
There's even a build of python (with the magic of WASM) that includes numpy and pandas!
```klipse-python
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.
```klipse-python
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!