here to learn
mathjax-editing.jshighlightjs for LeanConnect Observable notebooks to Lean on your computer with websocketdCindyJS import exampleTOCD3 ScatterplotD3 Log-Scaled HistogramLean exercise boxStepping through currying in LeanHello, Lean prover!MathJaxPolygon inputHello, cubic-spline!Hello, Bokeh.js!commentOnLabeling connected componentsDrag to re-arrange (vertical edition)Dynamic import polyfillHello, R on OpenCPU!Hello, noUiSlider!Hello, CindyJS!Hello, chess!Grid inputs
Brython in observable
brython = require('brython').catch(() => window.brython)
//or brython = require('brython@3.7.1/brython.js').catch(() => window.brython)
__BRYTHON__ = {
brython;
return window.__BRYTHON__;
}
// https://github.com/brython-dev/brython/issues/1055#issuecomment-472862271
function runBrython(code) {
// https://talk.observablehq.com/t/execute-code-in-non-strict-mode/1728
return (1,eval)(__BRYTHON__.python_to_js(code));
}
div = {
const div = html`<p>Your name is : <input id="zone" autocomplete="off" value="Test 0">
<button id="test">click !</button> <span id="echo2"><span>
`;
return div;
}
{
// wait for div cell to be evaluated
div;
// python code won't work until the referenced elements are appended to the DOM
runBrython(`print('\\n PRINT: ok') # '\\n - inside html cell
print('\\n __BRYTHON__.__MAGIC__ ',__BRYTHON__.__MAGIC__,'\\n------\\n')
from browser import document #, alert() - doesn't work - unimportant.
def echo(ev):
s = document["zone"].value
document["echo2"].text = f'Hello {s} !'
print(f'Hello {s} !')
document["test"].unbind("click") # unbind other click events so re-evaluating this cell will be OK
document["test"].bind("click", echo)`);
}
// Here's another Brython cell
// check your console!
runBrython('x=5; print(x)')
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.