Published
Edited
Jun 3, 2020
height = 600
margin = ({ top: 20, right: 70, bottom: 30, left: 60 })
y = d3
.scaleLinear()
.domain([-15, d3.max(data.series, d => d3.max(d.values))])
.nice()
.range([height - margin.bottom, margin.top])
xAxis = g =>
g.attr("transform", `translate(0,${height - margin.bottom})`).call(
d3
.axisBottom(x)
.ticks(width / 80)
.tickSizeOuter(0)
.tickFormat(d3.timeFormat("%b"))
)
d3 = require("d3@5", "d3-array@2")
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.
