Menu

Elegant by math, Simple by design.

You don't need to know math to have good looking curves. It's as simple as choosing a shape and picking a color.

Two lines of HTML
<script src="https://unpkg.com/@sarmal/core/dist/auto-init.js"></script>
<canvas
  data-sarmal="lissajous43"
  data-trail-color="#a78bfa"></canvas>
Live demo

Macrodata Refinement

Scouting numbers
Sorting into bins
Completing the file
Summarise this macrodata report
Refining…
Uploading…
📄 quarterly-report.pdf
🖼️ hero-banner.png
Refinement Accuracy
Tempers Balanced
Bundle size

Only the code you
import makes it to your bundle.

5.69 KB
Canvas renderer With one curve, tree-shaken
1.47 KB
Engine only Math without rendering
~300 B
Per curve 14 built-in, all tree-shakeable
0
Runtime dependencies None required, ever
Renderers
createEngine() 1.47 KB
createSarmal() +4.22 KB
createSarmalSVG() +4.65 KB
createSarmalDotMatrix() +4.25 KB

Base includes one curve. Renderers are additive on top.

14 Curves
artemis2 +309 B
astroid +315 B
deltoid +308 B
epicycloid3 +303 B
epitrochoid7 +378 B
lame +386 B
lissajous32 +337 B
lissajous43 +340 B
rose3 +300 B
rose5 +297 B
rose52 +358 B
star +312 B
star4 +368 B
star7 +374 B