Flags
The same neuron four ways. They stack.
Use it
One script, then a canvas. Height is the size; a wider canvas gives a net or a dish more room.
<script src="https://cdn.jsdelivr.net/gh/TonkaTuff/dendrite@v0.1.0/dist/dendrite.min.js"></script>
<canvas class="micro" width="300" height="200" data-micro-body="neuron"></canvas>| attribute | value | what it does |
|---|---|---|
| data-micro-body | name | any name above |
| data-micro-form | single · purkinje · net · colony · snowflake · frost · dendrite · drop · fork | one neuron, a Purkinje cell or a net of them; one cell or a dish; which crystal; a drop of ink instead of grains; a replication fork |
| data-micro-count | number | neurons in a net (7), cells in a colony (22) |
| data-micro-cycle | number | seconds for a cell to divide (10), a crystal to grow (24), an ink drop to spread (14) |
| data-micro-seeds / -arms | number | frost: seeds along the sill (9); a mineral dendrite's arms (7) |
| data-micro-n / -grains / -heat | number | brownian: the small particles at a 64px height (600), the big grains (5), how hard they jitter (1) |
| data-micro-reach / -pitch / -tilt | number | helix: half its width (0.11), one turn's length (0.2), both as fractions of the height; how far it leans (0.35) |
| data-micro-tempo | number | how fast it all happens (1) |
| data-micro-ink / -lite / -ground | 1 | monochrome dots that follow the page theme · half the dots · a dark slide behind |
| data-micro-glow | 0 | no soft glow, just the dots on a clear canvas |