D3 Scale Time
visualizeTicks(
d3.scaleTime()
.domain([ Date.now(), Date.now() + 21 * 60 * 60 *1000])
.nice()
)
{
const scale = d3.scaleTime();
do {
const t = Date.now();
scale.domain([t - 1 * 1 * 5 * 1000, t + 1 * 1 * 5 * 1000]);
yield visualizeTicks(scale);
} while (!stop);
}
{
const scale = d3.scaleTime();
do {
const t = Date.now();
scale.domain([t - 1 * 1 * 1 * 1000, t + 1 * 1 * 1 * 1000]);
yield visualizeTicks(scale);
} while (!stop);
}
viewof stop = checkbox(["Stop if this gets too distracting"])
d3= require("d3@6")
import { visualizeTicks } from "@d3/continuous-scales"
import { checkbox } 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.
