density = seriesDensity(width, 250).yDomain([-1, 1])
xAxis = d3.scaleTime().domain([d3.utcDay.offset(d3.utcDay(), -1), d3.utcDay()])
data = allData.slice(0, numSeries)
allData = {
let rand = d3.randomLcg(0);
return Array.from({ length: maxSeries }, () => {
let amplitude = rand();
let offset = 2.5 * rand();
let noiseAmplitude = 0.025;
return d3.quantize(
pc =>
amplitude * Math.sin(0.35 * (offset + pc * 100)) +
noiseAmplitude * rand(),
numPoints
);
});
}
numPoints = 500
maxSeries = 1000
comma = d3.format(',')
import {
densityPlot,
seriesDensity,
cacheInterpolator
} from '@twitter/density-plot@4159'
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.
