Wise Fool.
Visioneer.
Public
Edited
Jan 6, 2023
1 fork
4 stars
Lambdoma table of ratiosGeometric construction of square rootsDieter RamsAudio FiltersHarmony MapTexture—Generative SnacksE series of preferred numbersWavesRingsSol Lewitt – Wall Drawing 273Test CardRadar Screen GlowStrategy CanvasSun LogoCOVID-19 Netherlands Reproduction Number TutorialRun PlotCOVID-19-NL daily reported per MHSBlock QuoteTesla « Hoshin KanriSimultaanlimietSVG PatternsTartanBillboardFlowerElectronic color codeDonutCOVID-19 ReproductiegetalSTER & CultuurE series of preferred numbers and their colorsMoon PhasesX-MatrixMagic Balls Factory
45 degree grid
Also listed in…
Grid
series = d3.range(settings.wide + settings.tall)
grid = (
({wide, tall, dash, showH, showV, showUps, showDowns}) => // from Settings
(series) =>
R.map(scale(width / wide))(
R.unnest(
[
show(R.map(v(tall))(d3.range(wide + 1)))(showH),
show(R.map(h(wide))(d3.range(tall + 1)))(showV),
show(R.map(line(up({wide, tall})))(series))(showUps),
show(R.map(line(down({wide, tall})))(series))(showDowns),
]
)
)
)
(settings)(series)
up = ({wide, tall}) => ({
top: {
x: i => [i, wide][+(i > wide - 1)],
y: i => [0,i - wide][+(i > wide)]
},
bot: {
x: i => [0,i - tall][+(i > tall)],
y: i => [i, tall][+(i > tall)]
}
})
down = ({wide, tall}) => ({
top: {
x: i => [0,i-tall][+(i > tall)],
y: i => [tall-i,0][+(i > tall)]
},
bot: {
x: i => [i,wide][+(i > wide)],
y: i => [tall,tall-i+wide][+(i > wide)]
}
})
dots = ({wide, tall, step = width / wide}) =>
R.chain
(scale(step)) // scale all entries
(
R.map // of rows x columns matrix of points
(rows(d3.range(tall + 1)))
(d3.range(wide + 1))
)
rows = (cols) => (row) => R.map(point(row))(cols)
point = row => col => [row, col]
scale = (s) => R.map(resize(s)); // each square’s size
resize = (step) => (p) => R.map(k => k * step)(p); // resize all coords
v = (tall) => i => [[i, 0], [i, tall]]; // vertical line at x = i
h = (wide) => i => [[0, i], [wide, i]]; // horizontal line at y = i
line = ({top, bot}) => (i) => [coord(i)(top), coord(i)(bot)]
coord = (i) => ({x, y}) => [x(i), y(i)]
show = (list) => (visibility) => [[], list][+visibility]
R = require("ramda")
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.
