Published
Edited
May 12, 2022
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
myData = FileAttachment("values-1.json").json()
Insert cell
Insert cell
import { chart as myHistogram } with { myData as data } from "@d3/histogram@261"
Insert cell
Insert cell
myHistogram
Insert cell
Insert cell
Insert cell
Insert cell
import { chart as pannableChart } from "@d3/pannable-chart"
Insert cell
// ... import 'pannableChart' from Observable as 'pannableAreaChart' and pass our 'temperatures' cell to it as 'data':
Insert cell
Insert cell
// ... import 'data_autoTyped' as 'temperatures_raw' from the 'Import and Parse Your Dataset' notebook.
Insert cell
import { data_autoTyped } from "@fff999/import-and-parse-your-dataset/2"
Insert cell
Insert cell
import { Wrangler, op } from "@observablehq/data-wrangler"
Insert cell
temperatures = aq
.from(data_autoTyped)
.rename({ temperature: "value" })
.objects() // Uncomment to return an array of objects
Insert cell
Insert cell
temperatures
Insert cell
Insert cell
pannableChart
Insert cell
Insert cell
Insert cell
import {imageToDo} from "@clokman/student-blocks"
Insert cell
imageToDo
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