The avatar for @d3
D3
Bring your data to life.
Public
d3-array
Edited
Oct 24, 2023
17 stars
d3-array
Image Sharpeningd3.blurd3.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.descending
d3.merge
d3.ranged3.permuted3.shuffled3-array 2.0
Insert cell
Insert cell
d3.merge([[1], [2, 3]])
Insert cell
[1].concat([2, 3])
Insert cell
[[1], [2, 3]].flat()
Insert cell
Insert cell
US = new Set("qwertyuiop")
Insert cell
FR = new Set("azertyuiop")
Insert cell
d3.merge([US, FR])
Insert cell
new Set(d3.merge([US, FR])).size
Insert cell
Insert cell
[...US, ...FR]
Insert cell
new Set([...US, ...FR]).size
Insert cell
Insert cell
d3.merge(d3.cross(d3.range(10), d3.range(10), d3.range(10)))
Insert cell
Insert cell
d3.merge([[{name: "sally"}], [1, 2, 3], [function f() {}, `String`]])
Insert cell
Insert cell
d3.merge([
Float32Array.from({length: 128}, Math.random),
Float32Array.from({length: 128}, Math.random)
])
Insert cell
Insert cell
{
const input = [[1], [2, 3]];
d3.merge(input);
return input; // unchanged
}
Insert cell
Insert cell
d3.merge([[1], [2, [3]]]) // 🕷 [3] is not flattened
Insert cell
Insert cell
d3.merge([1, [2, 3]]) // 🕷 the number 1 is not iterable
Insert cell
Insert cell
Insert cell
[
0,
[1],
[2, 3],
[[4], [5]],
[[[6, 7]], [[[8]]]],
[[[[[[[[["into the abyss"]]]]]]]]]
].flat(+depth)
Insert cell
Insert cell
lyrics = [
"If my words did glow with the gold of sunshine",
"And my tunes were played on the harp unstrung",
"Would you hear my voice come through the music",
"Would you hold it near as it were your own?"
]
Insert cell
Insert cell
lyrics.flatMap(d => d.split(/\s+/))
Insert cell
Insert cell
a = Float32Array.from({length: 10}, (_, i) => -i * i)
Insert cell
b = Float32Array.from({length: 10}, (_, i) => i * i)
Insert cell
d3.merge([a, b]) // flattens typed arrays
Insert cell
[a, b].flat() // 🕷 doesn’t flatten typed arrays
Insert cell
[a, b].flatMap(d => Array.from(d)) // explicit type conversion
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