Published
Edited
May 3, 2021
dataLine = {
const x0 = startAtCrossing ? mutantCrossing : random()
const y0 = randInArea(x0)
const data = [[x0, 0], [x0, y0]]
for (let i = 1; i < numSteps; ++i) {
const x = data[i * 2 - 1][1] // last y is next x
const y = randInArea(x)
data.push([x, x])
data.push([x, y])
}
return data
}
dataArea = [
{ x: 0, y0: 0, y1: y1(0) },
{ x: 1, y0: 1, y1: y1(1) },
]
function y1(x) {
return mutantSlope * x + m
}
isConvergenceStable = mutantSlope < 1
// y = kx + m
// 0.5 = k*0.5 + m => m = 0.5 (1 - k)
m = mutantCrossing * (1 - mutantSlope)
mutantCrossing = 0.5
dataBackground = [
{ x: 0, y0: 0, y1: 1 },
{ x: 1, y0: 0, y1: 1 },
]
function randInArea(x) {
const y = y1(x)
const [_y0, _y1] = x <= y ? [x, y] : [y, x]
if (isEvolutionaryStable) {
return randBetween(_y0, _y1)
}
while (true) {
const r = random()
// Pick random value outside the area between the lines
if (!isBetween(r, _y0, _y1)) {
return r
}
}
}
function isBetween(v, vmin, vmax) {
return v >= vmin && v < vmax
}
random = {
const seed = 0.5; // any number in [0, 1)
return d3.randomUniform.source(d3.randomLcg(seed))(0, 1);
}
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.
