The workspace is for a data visualization class at the Tokyo Metropolitan University.
Instructor: @sugi2000lab @sugi2000
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
parseInt(Math.cos(-Math.PI/2));
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
viewof dataOfPerson = Inputs.select(people, { label: "Person" })
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
temp = d3.group(dataset, (d) => d.temperature)
vess = d3.group(dataset, (d) => d.vessel)
tempscale = d3
.scaleOrdinal()
.domain([...temp.keys()])
.range([9, 5, 13, 0, 0, 0, 0])
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])
OkonogiChart(dataOfPerson)
okonogiLegend()
import { getDataOfDatesTimes } from "@sugi2000lab/d3-js-introdunction-part-4-d3-js-4"
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.
