Hello, I'm Uba

AI Automation Builder

All systems

3 of 24AI systems / 3 of 24

Product

Live

Chalkline

A handwritten digit recognizer that shows its reasoning: your chalk stroke becomes the 28×28 pixels the model sees, then ten probabilities, then an answer.

Made withCNNMNISTIn-browser inferenceint8 quantization

Facts

Status
Live
Platform
Web app + mobile
Flows
Draw · History · Model
Model
Small CNN, 28×28 input, runs in the browser
Year
2026

FIG. 01 / PRODUCT FILM

Muted preview · play with sound for the full cut

Who it's for

Anyone who relies on a digit recognizer and needs to check it, not just use it: the person who reviews its answers, fixes the wrong ones and follows how each model version scores on the test set.

The problem

Most handwriting recognizers are black boxes: draw something, get a number back. You can't see what the model looked at, how sure it was, or what it keeps getting wrong — and when you correct it, the correction disappears instead of teaching the next model.

The product

Chalkline makes every step visible. You draw a digit on a chalkboard pad; the stroke is cropped, centred and scaled into the 28×28 grayscale grid the model reads, a small convolutional network returns ten probabilities in the browser, and the answer resolves with its confidence and runner-up. Every drawing is kept: when the model is wrong you correct it, and the correction is queued as training data for the next version. The Model page runs the test set in front of you, fills a confusion matrix and circles the pair of digits it confuses most.

FIG. 02 / HOW IT WORKS

How it works

  1. Step 1: Draw

    Draw one digit in chalk. The stroke is cropped to its bounding box, centred and scaled into the 28×28 grid the model actually reads; then ten probability bars rise together and pour into the winner. The answer is written with its confidence and runner-up, and one tap confirms it or corrects it.

  2. Step 2: History

    Every saved drawing in one place: what the model said, how sure it was and whether you agreed. Drawings per day, one line of confirmed, corrected and unreviewed, and the list of corrections — the wrong digit struck through, your fix beside it — ready to train the next model.

  3. Step 3: Model

    An evaluation you can watch: the test set runs and a confusion matrix fills cell by cell while the accuracy settles, and the worst mix-up gets a chalk circle. Beside it, the model card — architecture, size, speed — and the next version training on your corrections.

FIG. 03 / SCREENS

The product, screen by screen

Chalkline — Draw
Chalkline Draw page: a chalk 7 on the drawing pad, the predicted digit in large type with its confidence, probability bars for 0 to 9, the 28×28 preview of what the model sees and a strip of recent drawings.
Chalkline — History
History page: a grid of saved chalk drawings with their predictions, drawings per day as chalk bars, a feedback line and a list of corrected digits.
Chalkline — Model
Model page: a 10×10 confusion matrix with one cell circled, the test accuracy, per-class accuracy bars and a model card with the network's layers.
Chalkline on a phone: the drawing pad with a chalk 7, the predicted digit and confidence, a strip of ten probability bars and the Predict button.
Chalkline History on a phone: filter counts, drawings per day and a grid of the newest drawings.
Chalkline Model on a phone: the accuracy, a compact confusion matrix and the next model's training progress.

FIG. 04 / DESIGN DIRECTION

Design direction

A dark chalkboard lab, calm and hand-made. DM Mono runs the whole interface — labels, numbers, controls — and Instrument Serif is kept for the moments that matter: the wordmark, the predicted digit, the accuracy. Chalk-white strokes on a deep green board, with one chalk-yellow accent reserved for the answer and for anything you corrected. Thin 1px rules and small radii, no shadows or gradients: it feels like a lab bench, not a dashboard.

Palette

  • Board#18221D
  • Chalk#EDEBE3
  • Chalk yellow#F2C94C
  • Muted#9FA69B
  • Rule#33413A

Type

Instrument Serif
The wordmark, the predicted digit, big numbers
DM Mono
The whole interface: labels, controls, data

FIG. 05 / MOTION LANGUAGE

Motion language

“Chalk to tensor”: the motion shows exactly what the product does, one gesture at a time. The stroke writes itself in chalk, rasterizes into 28×28 cells in stroke order, and ten probability bars rise together before the mass pours into the winner; then a chalk-yellow trace writes the answer and the typeset digit rises beneath it. A correction is a teacher's strike. Calm and precise — no springs, no glow — and once it settles, only a chalk tip pulses where the next mark lands.

Have a project like this?

Tell me what you want to build. We map it on a 30-minute call.

Message me onWhatsAppTelegram