Producing open source analytics and vis @Kitware.
min = -5000;
max = 5000;
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) && Math.abs(gcd(a, b)) === 1) out.push({a, b, c});
}
}
return out;
}
frequency = arr.unique(triples, d => d.a).map(a => {
return {
a,
count: triples.filter(d => d.a === a).length
}
})
fy = d3.scaleLinear()
.domain([0, d3.max(frequency, d => d.count)])
.range([chartHeight, 0]);
function gcd(a, b) {
if (!b) {
return a;
}
return gcd(b, a % b);
}
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, 800);
chartWidth = size - margin.left - margin.right;
chartHeight = size - margin.top - margin.bottom;
arr = require("arraygeous");
d3 = require("d3@6");
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.
