The avatar for @theojolliffe
Theo
Published
Edited
Oct 7, 2020
Fork of Untitled
Insert cell
Insert cell
Insert cell
legend=swatches({
color: d3.scaleOrdinal(["0","1", "2", "3 goals and assists"], colors)
})
Insert cell
colors = ["#2C3435", chroma('skyblue').darken(2).hex(), chroma('skyblue').darken(0.5).hex(),chroma('skyblue').brighten().hex()]
Insert cell
import {swatches} from "@d3/color-legend"
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
days("2017-08-13")
Insert cell
one = width/100
Insert cell
Insert cell
Insert cell
formatY = d3.timeFormat("%Y")
Insert cell
function days(date) {
return format(parseTime(date))
}
Insert cell
function year(date) {
return formatY(parseTime(date))
}
Insert cell
dataNew = data2.concat(data3);
Insert cell
dataDex = indexData(dataNew)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
chroma('hotpink').darken(2.6).hex()
Insert cell
Insert cell
Insert cell
heit = width/2
Insert cell
wid = width/1.2
Insert cell
Insert cell
Insert cell
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