News and graphics at @ClimateLab, a project of @PostGraphics.
Kaprekar's constantBayes’ TheoremDiscovering Pi With Monte CarloPaper FoldingHyperbolic & Inverse Hyperbolic FunctionsQuadratic FormulaSecant & Tangent Lines on a Power FunctionRoundHeron's FormulaCompleting The SquareCircles, Angles and Right TrianglesSin, Cosine, and Tangent of an AngleFactorialZ Score TableBinominal Probability FormulaStatsLog AnimationCircular Segment with Chart of h-k RelationshipVisualizing vector additionFactor FunctionsFunction iteratorApproaching Euler's NumberSine Wave
Pythagorean Triples
min = -2000;
max = 2000;
triples = {
const out = [];
for (let a = min; a <= max; a++){
for (let b = min; b <= max; b++){
const c = Math.sqrt(a ** 2 + b ** 2);
if (a && b && Number.isInteger(c)) out.push({ a, b, c });
}
}
return out;
}
frequency = d3
.groups(triples, d => d.a)
.map(([a, entries]) => ({ a, count: entries.length }))
fy = d3.scaleLinear()
.domain([0, d3.max(frequency, d => d.count)])
.range([chartHeight, 0]);
style = `
circle.triple {
fill: tomato;
}
.axis .domain {
display: none;
}
.grid .domain {
display: none;
}
.grid text {
display: none;
}
.grid line {
stroke: #ddd;
shape-rendering: crispEdges;
}
`
x = d3.scaleLinear()
.domain([min, max])
.range([0, chartWidth]);
y = d3.scaleLinear()
.domain([min, max])
.range([chartHeight, 0]);
margin = ({ left: 40, right: 10, top: 10, bottom: 40 });
size = Math.min(width, 500);
chartWidth = size - margin.left - margin.right;
chartHeight = size - margin.top - margin.bottom;
import { toc } from "@harrystevens/toc";
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.
