function executor(code) {
window.CanvasKit = CanvasKit;
var self = document.getElementById('execution');
var parent = self.parentElement;
var removed = parent.removeChild(self);
var canvas = html`<canvas id="execution" width="500" height="500"></canvas>`;
parent.appendChild(canvas);
eval(`${code}`);
}
function setupToolbar() {
const initial = foxFontCode;
const toolbarLoadCode = document.querySelector("#toolbar_load_code");
const toolbarRunCode = document.querySelector("#toolbar_run_code");
toolbarLoadCode.disabled = false;
// Toolbar onclick Handles
toolbarLoadCode.onclick = () => {
if (window.editor) {
window.editor.setValue(initial);
}
};
toolbarRunCode.onclick = () => {
if (window.editor) {
executor(window.editor.getValue());
}
};
}
initialize()
paint = new CanvasKit.Paint()
import { createCodeMirrorWidget } from '@fengyfei/blockly-widgets'
import { loadCanvasKit } from '@yhyddr/canvaskit-library'
CanvasKit = loadCanvasKit("0.19.0")
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.
