myData = FileAttachment("values-1.json").json()
import { chart as myHistogram } with { myData as data } from "@d3/histogram"
import { chart as myHistogram2 } with { myData as data } from "@d3/histogram@261"
myHistogram2
import { chart as pannableChart } with { temperatures as data } from "@d3/pannable-chart"
// ... import 'data_autoTyped' as 'temperatures_raw' from the 'Import and Parse Your Dataset' notebook.
import {Wrangler, op} from "@observablehq/data-wrangler"
temperature_raw = FileAttachment("temperature.csv").csv()
// To use copied code replace "data" with your own variable
temperatures = aq
.from(temperature_raw)
.derive({ temperature: (d) => +d.temperature })
.rename({ temperature: "value" })
.derive({ date: aq.escape((d) => new Date(d.date)) })
.objects()
// .. the column names shold be the same with the data that originally feeds to the imported chart
pannableChart
import {imageToDo} from "@clokman/student-blocks"
imageToDo
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.
