Engineering @huggingface 🤗. Data visualization enthusiast. Creative technologist. Open for collaborations.
import {ramp} from "@mbostock/color-ramp"
ramp(t => `hsl(${t * 360}, 100%, 50%)`)
import {map} from "@d3/interrupted-sinu-mollweide"
map
import {chart as treemap}
with {treemap_data as data}
from "@d3/treemap"
treemap
treemap_data = FileAttachment("d3.json").json()
import {chart as histogram}
with {histogram_data as data}
from "@d3/histogram"
histogram
histogram_data = new Array(10000).fill().map(() => randb(...alphabeta))
import {interval} from "@mbostock/countdown"
interval
// i
import {i} from "@mbostock/generator-cells-functions-and-objects"
import {map as map2} from "@d3/interrupted-sinu-mollweide"
map === map2
import {hello} from "1b9f514e4db7af3a"
hello
url = "https://api.observablehq.com/@observablehq/introduction-to-imports.js?v=3"
orient = "LR"
import {graphic as graph} with {url, orient} from "@observablehq/notebook-import-visualizer"
function randb(alpha, beta) {
const u = randg(alpha);
return u / (u + randg(beta));
}
// Returns a gamma deviate by the method of Marsaglia and Tsang.
function randg(shape) {
let oalph = shape, a1, a2, u, v, x, mat;
if (!shape) shape = 1;
if (shape < 1) shape += 1;
a1 = shape - 1 / 3;
a2 = 1 / Math.sqrt(9 * a1);
do {
do {
x = randn();
v = 1 + a2 * x;
} while (v <= 0);
v = v * v * v;
u = Math.random();
} while (
u > 1 - 0.331 * Math.pow(x, 4) &&
Math.log(u) > 0.5 * x * x + a1 * (1 - v + Math.log(v))
);
if (shape === oalph) return a1 * v; // alpha > 1
do u = Math.random(); while (u === 0); // alpha < 1
return Math.pow(u, 1 / oalph) * a1 * v;
}
// Returns a normal deviate (mu=0, sigma=1).
function randn() {
let u, v, x, y, q;
do {
u = Math.random();
v = 1.7156 * (Math.random() - 0.5);
x = u - 0.449871;
y = Math.abs(v) + 0.386595;
q = x * x + y * (0.19600 * y - 0.25472 * x);
} while (q > 0.27597 && (q > 0.27846 || v * v > -4 * Math.log(u) * u * u));
return v / u;
}
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.
