https://github.com/nylen/d3-spirograph
d3.js spirograph - https://nylen.io/d3-spirograph/
https://github.com/nylen/d3-spirograph
Last synced: about 1 year ago
JSON representation
d3.js spirograph - https://nylen.io/d3-spirograph/
- Host: GitHub
- URL: https://github.com/nylen/d3-spirograph
- Owner: nylen
- Created: 2016-01-23T06:02:29.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2018-10-03T01:28:39.000Z (over 7 years ago)
- Last Synced: 2025-03-30T22:41:01.066Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 141 KB
- Stars: 21
- Watchers: 1
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## d3-spirograph
This is a d3.js simulation of the classic
[Spirograph toy](https://en.wikipedia.org/wiki/Spirograph).

The application draws an SVG of a
[hypotrochoid curve](https://en.wikipedia.org/wiki/Hypotrochoid)
using multiple `path` elements rather than just one with a stroke and no fill.
It's designed this way so that the resulting SVGs can be converted to
3D-printable files using the
[`paths2openscad` Inkscape extension](https://github.com/l0b0/paths2openscad).
This works better with simpler curves and thicker lines: