Public
Edited
Jan 14, 2024
Fork of Drawing
Importers
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
parseInt(Math.cos(-Math.PI/2));
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
viewof dataOfPerson = Inputs.select(people, { label: "Person" })
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
temp = d3.group(dataset, (d) => d.temperature)
Insert cell
vess = d3.group(dataset, (d) => d.vessel)
Insert cell
tempscale = d3
.scaleOrdinal()
.domain([...temp.keys()])
.range([9, 5, 13, 0, 0, 0, 0])
Insert cell
vesspscale = d3
.scaleOrdinal()
.domain([...vess.keys()])
.range([0, 0, 0, 10, 10, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0])
Insert cell
Insert cell
OkonogiChart(dataOfPerson)
Insert cell
okonogiLegend()
Insert cell
Insert cell
import { getDataOfDatesTimes } from "@sugi2000lab/d3-js-introdunction-part-4-d3-js-4"
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