The avatar for @alancmclean
Alan McLean
Published
Sleep Visualization Templates
Edited
Jun 3, 2019
Fork of Sleep Vis Template - Radial
Sleep Visualization Templates
Sleep Vis Template - CircleSleep Vis Template - Radial
Sleep Vis Template - Spiral
Sleep Vis Template - Vertical
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
x = d3.scaleTime()
.domain([date, d3.timeHour.offset(date, hoursInBed)])
.range([margin.left, width - margin.right])
Insert cell
spiralAxis = radialAxis.axisRadialInner(angleScale)
.startRadius(innerRadius)
.endRadius(radius)
.tickFormat(d3.timeFormat("%-I:%M%p"))
Insert cell
Insert cell
Insert cell
margin = ({top: 20, right: 30, bottom: 30, left: 55})
Insert cell
Insert cell
width = 360
Insert cell
date = new Date(2019,6,1,hourToBed,0,0)
Insert cell
d3 = require("d3@5")
Insert cell
import {serialize} from "@mbostock/saving-svg"
Insert cell
import {slider, checkbox, color} from "@jashkenas/inputs"
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