The avatar for @d3
D3
Bring your data to life.
Public
d3-array
Edited
Oct 24, 2023
4 forks
35 stars
d3-array
Image Sharpening
d3.blur
d3.rankd3.flatGroup, d3.flatRollupd3.moded3.groupSortSet Operationsd3.groups as a hierarchyd3.fsum, d3.AdderTime thresholds for d3.bind3.cumsumTidy Stacked Area ChartMerging Duplicate Valuesd3.zip, d3.transposed3.bind3.ticksd3.mean, d3.median, and friendsd3.quickselectd3.bisectd3.sumd3.group, d3.rollup, d3.indexd3.countd3.min, d3.max, d3.extentd3.least, d3.greatestd3.pairsd3.crossd3.ascending, d3.descendingd3.merged3.ranged3.permuted3.shuffled3-array 2.0
Insert cell
Insert cell
Insert cell
randomWalk = d3.cumsum({length: 401}, () => Math.random() - 0.5)
Insert cell
blurredWalk = d3.blur(randomWalk.slice(), 3)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3.blur2({
data: [
1, 0, 0,
0, 0, 0,
0, 0, 1
],
width: 3,
height: 3
}, 1)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
pixels = ({
width: 40,
data: Array.from({length: 40 * 20}, (_, i) => (i % 40) * Math.random())
})
Insert cell
blurred = d3.blur2({data: pixels.data.slice(), width: pixels.width}, 0.5)
Insert cell
Insert cell
Insert cell
Insert cell
d3.blur([27, 0, 0, 0, undefined, 0, 0, 0, 0, 0, 27], 1)
Insert cell
d3.blur([27, 0, 0, 0, undefined, 0, 0, 0, 0, 0, 27].map(d => isFinite(d = +d) ? d : 0), 1)
Insert cell
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