The avatar for @mimicastle
Mias Castle
Public
Worksheets: Learn Observable Mia Schuettler
Edited
Apr 22, 2023
4
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {chart} from "@d3/histogram@261"
Insert cell
Insert cell
chart
Insert cell
Insert cell
Insert cell
Insert cell
myData = FileAttachment("values-1.json").json()
Insert cell
Insert cell
Insert cell
Insert cell
// Import the `histogram` variable from the notebook you want to (partly) reuse.
// Rename the `histogram` as `myHistogram` during import using the `as` keyword.
// Also, replace the `data` variable that the visualization will use with your own `myHistogram` variable (using `with` and `as keywords`)

import {chart as hackedChart} with {myData as data} from "@d3/histogram@261"
Insert cell
Insert cell
// Rerefence 'myHistogram' to draw it

hackedChart
Insert cell
Insert cell
Insert cell
Insert cell
temperature.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
Insert cell
import {Wrangler, op} from "@observablehq/data-wrangler"
Insert cell
temperaturesPreprocessed_data = aq.from( temperaturesRaw_data )
.rename({ temperature: "value" })
.objects()
Insert cell
Insert cell
import {chart as chart2} from "@d3/pannable-chart"
Insert cell
import {chart as pannableChart} with {temperaturesPreprocessed_data as data} from "@d3/pannable-chart"
Insert cell
Insert cell
// Reference the chart, so that it is drawn
pannableChart
Insert cell
Insert cell
Insert cell
import {imageToDo} from "@clokman/student-blocks"
Insert cell
imageToDo
Insert cell
Insert cell
import {openAllLinksInNewTab} from "@clokman/open-all-links-in-new-tab"
Insert cell
openAllLinksInNewTab
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