Student of math, d3, svg, etc. Prototyper of visualizations for electronics design and test.
Published
Edited
Apr 8, 2022
Importers
2 stars
// return offsets found by splitting an array length into sub-arrays with almost equal lengths
function getSampledOffsets(arrayLength, n) {
return d3.range(n).map((i) => Math.round((i / (n - 1)) * (arrayLength - 1)));
}
// return n samples from array
function getSampledValues(array, n){
return getSampledOffsets(array.length, n).map(o => array[o])
}
getSampledOffsets(256,12)
dotChart(getSampledValues(infernoColors,12))
function getPatchOffsets (width, height, n) {
let ggvalues = []
const xs = getSampledOffsets(width, n)
const ys = getSampledOffsets(height, n)
ys.forEach((row,i) => xs.forEach((col, j) => {
if(i !== 0 && j !== 0){
ggvalues.push({x0: xs[j-1], x1: col,
y0: ys[i-1], y1: row})
}
}))
return ggvalues
}
getPatchOffsets (100, 150, 4)
getSampledOffsets(100, 4)
function gridSamples (n) {
const tw = 1/n;
const gvalues = d3.range(n).map(i => i * tw + tw/2)
let ggvalues = []
gvalues.forEach(i => gvalues.forEach(j => ggvalues.push({x:i,y:j})))
return ggvalues
}
gridSamples(5)
function getRandomSubarray(arr, size) {
const shuffled = arr.slice(0)
let i = arr.length, min = i - size, temp, index;
while (i-- > min) {
index = Math.floor((i + 1) * Math.random());
temp = shuffled[index];
shuffled[index] = shuffled[i];
shuffled[i] = temp;
}
return shuffled.slice(min);
}
getRandomSubarray(d3.range(300), 10)
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.
