I love building things that make people's life easier
Public
Edited
Dec 8, 2023
{
let target = html`<div><div style='display:flex;gap:1.5em'><label> Custom Data </label>${viewof customData}</div></div>`;
let summary = html`<details style="max-width: 1200px; background: #fffced; box-sizing: border-box; padding: 10px 20px;"><summary style="font-weight: bold; cursor: pointer; outline: none;">Data Summary</summary>${SummaryTable(
customData,
{ label: "" }
)}<div>`;
if (customData.length > 0) {
target.appendChild(summary);
}
return target;
}
viewof customData = {
let target = dataInput({ delimiter: "," });
target.addEventListener("input", () => {
datasetsAccessor.addCustomDataset(target.value);
});
return target;
}
datasetsAccessor = await getDatasets()
import { SummaryTable } from "@observablehq/summary-table"
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.
