ASCII Donut
A spinning 3-D donut rendered as ASCII art — drag the slider to compare canvas and HTML rendering side by side.
About ASCII Donut
This tool visualises the classic ASCII donut — a rotating 3-D torus where brightness levels are mapped to printable characters such as . , - ~ : ; = ! * # $ @. The result is a smoothly shaded spinning shape made entirely of text. Drag anywhere on the donut to move the reveal divider and compare two rendering approaches side by side.
The left side draws characters using the Canvas 2D API (ctx.fillText), while the right side renders the same characters as a DOM pre element. Both read from an identical animation frame so position and movement always match.