I'm a professor of mathematics at the University of North Carolina Asheville. I've also done a fair amount of consulting work over the years focusing on scientific and data visualization.
I'm happy to be part of the first Observable Ambassador's cohort.
IFS QuickstartIterated Function SystemsConstruction of the Serpinski triangleThe Sierpinski pedal triangleSimilarity and the Pedal TriangleDeterministic IFS algorithmsSelf-similar spiralsStochastic IFS algorithmsThe Z-CurvePoly-gasketsThe Koch snowflakeBarnsley's fernIteratedFunctionSystem ClassAffineFunction ClassSimilarity transformationsThe TwindragonBox-counting dimension examplesMcMullen carpetsThe Twindragon (with boundary)Self-affine tilesTutorial on self-affine tilesA self-affine tile with holesSelf-affine tiles via polygon mergeThe Eisenstein fractionsGolden rectangle fractalsDeterministic digraph IFS algorithmsA stochastic digraph IFS algorithmMixed self-similarityFractalized squareHilbert's coordinate functionsRauzy Fractals
Generalized Sierpinski triangles
{
replot;
let vertices = d3
.range(3)
.map(() => [d3.randomUniform()(), d3.randomUniform()()]);
let IFS = new IteratedFunctionSystem(vertices.map((vv) => scale(1 / 2, vv)));
let canvas = IFS.render_stochastic({ colors: true });
let context = canvas.getContext("2d");
let xScale = IFS.xScale;
let yScale = IFS.yScale;
vertices.forEach(add_vertex);
function add_vertex(v, i) {
context.fillStyle = "white";
context.lineWidth = 2;
context.strokeStyle = d3.schemeCategory10[i];
context.beginPath();
context.arc(xScale(v[0]), yScale(v[1]), 4, 0, 2 * Math.PI);
context.fill();
context.stroke();
}
return canvas;
}
import {
IteratedFunctionSystem,
scale
} from "@mcmcclur/iterated-function-systems"
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.
