Sleep Vis Template - CircleSleep Vis Template - RadialSleep Vis Template - Spiral
Sleep Vis Template - Vertical
x = d3.scaleTime()
.domain([date, d3.timeHour.offset(date, hoursInBed)])
.range([margin.left, width - margin.right])
yAxis = svg => svg
.attr("transform", `translate(${margin.left},0)`)
.call(d3.axisLeft(y)
.ticks(ticks)
.tickSize(-width)
.tickFormat(d3.timeFormat("%-I:%M%p")))
margin = ({top: 20, right: 30, bottom: 30, left: 50})
width = 360
date = new Date(2019,6,1,hourToBed,0,0)
d3 = require("d3@5")
import {serialize} from "@mbostock/saving-svg"
import {slider, checkbox, color} from "@jashkenas/inputs"
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.
