Skip to main content

Numerals

Giant figures that roll like an odometer between a series of values, each with its own caption. Click to advance.

  • 5.6 KB .bexode
  • 7 live inputs
  • Responsive fit Layout
Live runtime

Use it

The code follows your customizations. Install with npm i exodeui.

import { ExodeUICanvas } from 'exodeui';

// numerals.bexode goes in /public (download it below)
export function Numerals() {
  return (
    <ExodeUICanvas
      src="/numerals.bexode"
      fit="Layout"   // responsive: redraws at any container size
      autoPlay
      interactive
      style={{ width: '100%', height: 560 }}
    />
  );
}

Inputs

InputTypeDefaultRange
valuesText2026,0144,9840,0007—
labelsTextThe year we stopped exporting video,Frames rendered every second,Requests a second at peak,Kilobytes for the whole runtime—
holdNumber2.60.5 – 8
speedNumber10.1 – 3
accentText#d4ff3fhex colour
bgText#0c0c0bhex colour
textText#f2f0eahex colour