Visualization toolmaker. Founder @observablehq. Creator @d3. Former @nytgraphics. Pronounced BOSS-tock.
Published
Edited
Oct 15, 2021
2 forks
Importers
18 stars
viewof file = localFileInput({accept: ".db"})
db = file.sqlite()
db.describe()
function localFileInput({
accept, // e.g., ".txt,.md"
value // set the initial value (typically to a FileAttachment)
} = {}) {
return Object.assign(htl.html`<form><input type=file ${{accept}} oninput=${(event) => {
const {currentTarget: input} = event;
const {form, files: [file]} = input;
form.value = new LocalFile(file);
}}>`, {value});
}
class LocalFile extends AbstractFile {
constructor(file) {
super(file.name);
Object.defineProperty(this, "_", {value: file});
Object.defineProperty(this, "_url", {writable: true});
}
async url() {
return this._url || (this._url = URL.createObjectURL(this._));
}
async blob() {
return this._;
}
async stream() {
return this._.stream();
}
}
AbstractFile = FileAttachment("empty@1").constructor.__proto__
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.
