Owner of Hammies, former Jupyter core developer and co-lead of Jupyter Notebook and JupyterLab teams
r = require.alias({
react: 'react@16/umd/react.development.js',
'react-dom': 'react-dom@16/umd/react-dom.development.js'
})
React = r('react')
ReactDOM = r('react-dom')
count = 1
{
window.React = React
window.ReactDOM = ReactDOM
window.count = count
}
html`<div id="counter" />`
pyodide.runPython(`from js import document, React, ReactDOM, count
def handle_click(event):
global count
count += 1
ReactDOM.render(
counter(),
document.getElementById('counter')
)
def counter():
return React.createElement(
'button',
{'onClick': handle_click},
str(int(count))
)
ReactDOM.render(
counter(),
document.getElementById('counter')
)`)
import { py, pyodide } from '@gnestor/pyodide'
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.
