I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
htmlList = {
// Forces update to be executed first. Try commenting the following line and re-executing
update;
return html`
<h2>Current state</h2>
${viewof newItem}
<ul>
${listOfItems.map((i) => `<li>${i}</li>`)}
</ul>`;
}
listOfItems = []
viewof newItem = Inputs.text({ label: "Add a new item:", submit: true })
update = {
// only add a new item if it has value
if (newItem) listOfItems.push(newItem);
}
id = "@john-guerra/forcing-execution-order"
import { chart } with { id } from "@observablehq/notebook-visualizer"
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.
