attachment = FileAttachment("example.json")
json = FileAttachment("example.json").json()
json.hello.world
data = FileAttachment("example.csv").csv()
data.columns // in case you’re curious
typed = FileAttachment("example.csv").csv({typed: true})
array = FileAttachment("example.csv").csv({array: true})
image = FileAttachment("example.png").image()
html`<figure>
${await FileAttachment("the-persistence-of-memory.jpg").image()}
<figcaption>Image: <a href="https://en.wikipedia.org/wiki/The_Persistence_of_Memory">Salvador Dali</a></figcaption>
</figure>`
shapefile = require("shapefile@0.6")
collection = shapefile.read(await FileAttachment("example.shp").arrayBuffer())
chunk = {
const stream = await FileAttachment("example.shp").stream();
const reader = stream.getReader();
let done, value;
while (({done, value} = await reader.read()), !done) {
yield value;
}
}
html`<a href="${await FileAttachment("example.pdf").url()}" download>Click here to download a PDF.</a>`
blob = FileAttachment("example.csv").blob()
FileAttachment("exemple.txt") // Oops!
keys = s => html`<span style="font-family:var(--sans-serif);font-size:90%;">${keysText(s)}`
import {keys as keysText, mac} from "@mbostock/keys"
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.
