The avatar for @john-guerra
John Alexis Guerra Gómez
I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
Published
Observable Tricks
Edited
May 29, 2021
9 stars
1
Observable Tricks
Scented CheckboxVega crossfilterFaceted SearchHow to add a tooltip in D3ColorAreaRanged3.stack with d3.groupPersist InputConditional ShowExport a cell valueMulti Auto SelectSearch Checkbox 🔎☑Data InputSave Modified SQLite file
Require npm module from local file
Insert cell
Insert cell
Insert cell
localUrl = "http://127.0.0.1:8080/dist/navio.js"
Insert cell
// The Date.now() is there to avoid the browser caching your file
require(`${localUrl}?${Date.now()}`)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof file = Object.defineProperty(html`<div><input type=file>`, 'value', {
get() {
const [f] = this.firstChild.files;
return f ? URL.createObjectURL(f) : undefined;
}
})
Insert cell
your_local_module = require(file)
Insert cell
Insert cell
Insert cell
d3 = require("d3@4")
Insert cell

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.
Learn more