Public
Edited
Aug 23, 2023
montanas = (await FileAttachment("MontanasColombia@2.csv").csv()).map(d => ({
...d,
lat: dmsToDecimal(d.Coordenadas)[0],
lon: dmsToDecimal(d.Coordenadas)[1]
}))
noise.noise(range, 0.01)
noise = new Noise(200);
viewof range = Inputs.range([0, 1], {label: "Amount", step: 0.0001})
function dmsToDecimal(dms) {
const parts = dms.split(/\s+/);
const coords = [];
for (let coordinate of parts) {
const regex = /(\d+)°(\d+)'(\d+)"([N|S|E|O])/;
const matches = coordinate.match(regex);
let decimalValue = parseInt(matches[1]) + parseInt(matches[2]) / 60 + parseInt(matches[3])/ 3600;
const direction = matches[4];
if (direction === 'S' || direction === 'O') {
decimalValue = -decimalValue;
}
coords.push(decimalValue);
}
return coords
}
dmsToDecimal(montanas[0].Coordenadas)
class Noise {
static lerp(t, a, b) {
return a + t * (b - a);
}
static grad2d(i, x, y) {
const v = (i & 1) === 0 ? x : y;
return (i & 2) === 0 ? -v : v;
}
constructor(octaves = 1) {
this.p = new Uint8Array(512);
this.octaves = octaves;
this.init();
}
init() {
for (let i = 0; i < 512; ++i) {
this.p[i] = Math.random() * 256;
}
}
noise2d(x2d, y2d) {
const X = Math.floor(x2d) & 255;
const Y = Math.floor(y2d) & 255;
const x = x2d - Math.floor(x2d);
const y = y2d - Math.floor(y2d);
const fx = (3 - 2 * x) * x * x;
const fy = (3 - 2 * y) * y * y;
const p0 = this.p[X] + Y;
const p1 = this.p[X + 1] + Y;
return Noise.lerp(
fy,
Noise.lerp(
fx,
Noise.grad2d(this.p[p0], x, y),
Noise.grad2d(this.p[p1], x - 1, y)
),
Noise.lerp(
fx,
Noise.grad2d(this.p[p0 + 1], x, y - 1),
Noise.grad2d(this.p[p1 + 1], x - 1, y - 1)
)
);
}
noise(x, y) {
let e = 1,
k = 1,
s = 0;
for (let i = 0; i < this.octaves; ++i) {
e *= 0.5;
s += e * (1 + this.noise2d(k * x, k * y)) / 2;
k *= 2;
}
return s;
}
}
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.
