Exploring people, places, and politics.
py`import sys
sys.version`
py`from js import document
document.body.children`
a = py`from random import sample
sample(range(0, 5), 5)`
b = py`from random import sample
sample(range(0, 5), 5)`
c = py`[x * y for x, y in zip(${a}, ${b})]`
np = py`import numpy as np
np`
x = np.linspace(0, 2.0 * np.pi, 100)
x.toJs()
y = np.sin(x)
y.toJs()
{
const div = html`<div id="plotly-div" />`;
const data = [{ y: y.toJs(), x: x.toJs() }];
Plotly.plot(div, data, { width });
return div;
}
plt = py`from matplotlib import pyplot as plt
import types
import io
import base64
from js import document
def show(self):
buf = io.BytesIO()
self.savefig(buf, format='png')
buf.seek(0)
img_str = 'data:image/png;base64,' + base64.b64encode(buf.read()).decode('UTF-8')
el = document.createElement('img')
el.src = img_str
return el
plt._show = types.MethodType(plt.show, plt)
plt.show = types.MethodType(show, plt)
plt`
{
plt.figure();
plt.plot(x, y);
return plt.show();
}
pd = py`import pandas as pd
pd`
df = pd.read_csv(
pyodide.pyodide_py.open_url(
"https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_time_series/time_series_covid19_confirmed_global.csv"
)
)
df.head().to_string()
table(
df
.to_dict('records')
.toJs()
.map(Object.fromEntries)
)
button({
label: 'import antigravity',
onClick: async () => {
await py`import antigravity`;
}
})
py`from js import fetch
resp = await fetch('https://jsonplaceholder.typicode.com/todos')
await resp.json()`
import { py, pyodide } from '@gnestor/pyodide'
Plotly = require('//cdn.plot.ly/plotly-latest.min.js')
import { table } from '@gnestor/table'
import { renderedButton as button } from '@gnestor/react-components'
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
