Content is loading…
Share
Draw & export spirograph and harmonograph curves — PNG or SVG, fully tunable.
Spirograph & Harmonograph Studio draws tunable mathematical curves — hypotrochoid/epitrochoid spirographs and damped-sine harmonographs — with adjustable gears, frequencies, colors, and animation, exportable as PNG or SVG. It runs entirely in your browser.
Draw mesmerizing mathematical curves in your browser, just like the classic Spirograph toy — but infinitely tunable. In spirograph mode, adjust the fixed ring, rolling gear, and pen offset to trace endless hypotrochoid and epitrochoid patterns. Switch to harmonograph mode to blend damped sine waves into flowing, pendulum-drawn art. Tweak frequencies, colors, and line width, watch the curve draw itself with the animation toggle, and export your creation as a crisp PNG or as scalable SVG vector art. Pure math, pure canvas, entirely offline.
Spirograph & Harmonograph Studio allows users to create and customize complex mathematical curves directly in the browser without installing desktop software. It offers precise control over gear ratios, pendulum frequencies, and rendering styles, with support for exporting designs as high-quality PNG or scalable SVG vector art. Operating entirely offline in a client-side environment, it ensures complete data privacy and fast rendering.
Good to know: Users requiring advanced layer management, complex vector editing tools, or raster image manipulation outside of mathematical curves may need dedicated design software.
Create mesmerizing mathematical curves and export them as high-quality PNG or SVG art directly in your browser.
Select your drawing mode
Choose between spirograph mode to draw hypotrochoids and epitrochoids, or harmonograph mode to generate pendulum-drawn sine wave art.
Adjust your curve parameters
Tweak the fixed ring, rolling gear, and pen offset for spirographs, or adjust frequencies and damping for harmonographs.
Customize colors and line width
Personalize the visual style of your mathematical artwork by modifying line widths and color palettes to suit your design.
Animate the drawing process
Toggle the animation feature to watch your custom geometric pattern draw itself smoothly across the digital canvas.
Export your finished artwork
Save your creation instantly as a crisp PNG image or as scalable SVG vector art for your projects.
Estimated time: PT2M
Share this tool
p5.js creative-coding sandbox with live preview, starter templates, and screenshot export.
20 ready-to-tile SVG patterns for backgrounds.
Seamless tileable patterns: stripes, dots, hex, waves, plaid + more. SVG/PNG.
Remove whitespace and comments to minify CSS code.
Convert colors between HEX, RGB, and HSL formats.
Visually build CSS gradients and copy the CSS output.
Upload an image and get all favicon sizes + HTML link tags.
Generate custom placeholder images with any size, color, and text.
Extract dominant colors from any image and export as HEX, RGB, HSL, CSS, or JSON.
Convert text or Markdown to a Word .docx file with live preview, RTL, and page-setup options.
Convert images to video with the Ken Burns zoom/pan effect. Add music and export as WebM.
Load and compare multiple URLs side by side in resizable iframes.
See your public IP address plus full location, ISP, ASN, timezone, coordinates, and more.
Convert Markdown to a fully customized, RTL-ready PDF.
Play local or online videos with HLS stream support, subtitles, playlist, and bookmarks.
Convert Markdown to a formatted Word .docx — live preview, RTL, tables, page setup, all client-side.
Generate speech from text using local AI models. Download as WAV. Runs entirely in your browser — private and free.
