Tagging — what this page tells machines

Spirograph

Everything below is normally invisible. It is what search engines and LLMs read to decide whether to retrieve and cite this page.


About

Spirograph traces hypotrochoids — the looping curves a pen makes through a gear rolling inside a ring. Three sliders (ring R, gear r, pen offset d) reshape the figure live; randomize to stumble onto a nice one.

How it works

It plots the parametric hypotrochoid x=(R−r)cos t + d cos((R−r)/r·t), y=(R−r)sin t − d sin((R−r)/r·t) onto a canvas. The number of loops before the curve closes comes from r / gcd(R, r). No images, no backend.


Metadata
title
Spirograph
description
A browser spirograph — drag three sliders and watch hypotrochoid curves bloom on a canvas. Randomize for endless patterns.
canonical
https://kaspirius.com/spirograph
updated
Last updated

Heading outline

Structured data (JSON-LD)
TechArticle

Same as Article, flagged as technical/developer reference material.

{
  "@context": "https://schema.org",
  "@type": "TechArticle",
  "headline": "Spirograph — toy",
  "description": "A browser spirograph — drag three sliders and watch hypotrochoid curves bloom on a canvas. Randomize for endless patterns.",
  "url": "https://kaspirius.com/spirograph",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://kaspirius.com/spirograph"
  },
  "datePublished": "2026-06-18",
  "dateModified": "2026-06-18",
  "author": {
    "@type": "Person",
    "name": "kaspirius",
    "url": "https://kaspirius.com"
  },
  "publisher": {
    "@type": "Organization",
    "name": "kaspirius",
    "url": "https://kaspirius.com"
  }
}
↖ kaspirius