I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
viewof selected = TimeWidget(unemployment, {
showBrushesControls: true,
y: "unemployment",
x: (d) => d.date,
id: (d) => d.division,
// color: d=> d.division.split(",")[0]
})
Inputs.table(selected.asArray())
(viewof selected).brushesCoordinates
unemployment
selected.status
fmtY = d3.format(".2f")
fmtX = d3.timeFormat("%d/%m/%y")
Generators.observe(notify => {
viewof selected.ts.statusCallback((data) => notify(data))
})
(viewof selected.ts).statusCallback
{
selected;
return selected.brushes
}
selected.brushes
// viewof selected2 = TimeSearcher({
// data: stocks.filter(d => d.stock !== "NVR"),
// y: d => d.price,
// x: d => d.Date,
// id: d => d.stock
// })
Inputs.table(unemployment)
unemployment = FileAttachment("bls-metro-unemployment.csv").csv({typed: true})
// import {data as stocks} from "@ivelascog/timesearcher-npm"
TimeWidget = {
try {
console.log("Trying to load timesearcher local")
return await require(`http://localhost:8080/dist/TimeWidget.js?${Date.now()}`);
} catch (e) {
try {
console.log("Failed. Trying to load timesearcher from a File Attachment");
return await require(await FileAttachment("TimeWidget@2.js").url());
} catch (e2) {
console.log("Failed. Trying to load timesearcher from NPM");
return await require("time-widget");
}
}
}
TimeSearcher = TimeWidget
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.
