Published
Edited
Aug 12, 2021
1 fork
Importers
6 stars
Insert cell
Insert cell
viewof file = fileInput({
initialValue: FileAttachment("hello.json").blob(),
accept: ".json"
})
Insert cell
file
Insert cell
data = JSON.parse(await Files.text(file))
Insert cell
function fileInput({initialValue, accept = ""} = {}) {
const form = html`<form><input name=i type="file" accept="${accept}">`;
form.i.onchange = () => {
form.value = form.i.multiple ? form.i.files : form.i.files[0];
form.dispatchEvent(new CustomEvent("input"));
};
form.value = initialValue;
return form;
}
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