A quick guide for anyone to draw with formulas in the browser. No canvas. No installs. Just x, y, and color.
What this is
Funebra is a browser plotter. It loops over steps and, for each step o, computes your formulas for x, y, and color. It then places a tiny HTML element at (x, y) with that color. Thousands of points become lines, waves, and shapes.
Mental model: treat o like a clock tick. Convert ticks to angles with division (e.g. o/60) and use sin/cos. Scale with * radius, then position using + center.
Controls you’ll see
Steps – start, end, and stride determine how many points are drawn and how fast o advances.
:x – formula for the horizontal position.
:y – formula for the vertical position.
:Color – any CSS color: "#22aa44", "red", or "rgb(r,g,b)". Can be dynamic.
:iText – optional label you can place or animate.
Variables you can use
o – current step (0,1,2,…).
cda – angle helper derived from o (if present in your build). Use like sin(cda/…).
iu, cz – time/cursor/zoom style numbers depending on version. They’re safe to use inside math.
width, height – stage size (when exposed).
If a name isn’t available in your build, substitute with o and adjust the scaling (divisors) until it looks right.