Environmental signal dashboard
SIGNAL ROOM
Turning dense environmental fixtures into clear, explorable dynamic signals.
- Astro
- Data Viz
- Realtime
Project archive
From fast prototypes to durable products, each project records the problem, trade-offs, and outcome.
Project archive
A calm focus rhythm
FOCUS FIELD
A quiet timer using subtle feedback to help people stay with one task.
- Product
- Motion
- PWA
A visual regression experiment
FRAME / COMPARE
Comparing interface versions side by side so every visual change becomes visible.
- Tooling
- Images
- UX
Local JSON inspector
JSON / ATLAS
Paste raw JSON, locate syntax errors, and move between clean text and an explorable tree—all without sending data away.
- Tooling
- JSON
- Vanilla JS
Local image gallery
PHOTO / SWIPE
Organising, viewing, and zooming images in the browser without uploading a file.
- Product
- Images
- Vanilla JS
Accessibility color checker
CONTRAST / CHECK
Test text and background pairs instantly for body copy, large type, and interface controls.
- Tooling
- Accessibility
- CSS
Global collaboration map
COBE / WORLD
A draggable globe for showing project locations, collaboration nodes, and cross-region connections.
- Data Viz
- WebGL
- Interaction
CSS Grid generator
GRID / GENERATOR
Tune rows, columns, and gaps to generate a CSS Grid rule you can copy into a real project.
- Tooling
- CSS
- Layout
Live telemetry curve
UPLOT / SIGNAL
A changing live curve that demonstrates how a monitoring panel can expose trend and anomaly first.
- Data Viz
- Realtime
- Canvas
3D pointer card
ATROPOS / CARD
Let the pointer drive independent layers and see how a flat component gains depth and feedback.
- Interaction
- 3D
- CSS
Text-to-diagram editor
MERMAID / EDITOR
Use a few lines of diagram syntax to express dependencies, review paths, and system structure.
- Tooling
- Diagram
- SVG
Operating metrics panel
ECHARTS / PULSE
A business panel that combines metrics, time windows, and system snapshots into a story you can keep questioning.
- Data Viz
- Product
- Canvas
AI equity research desk
FINROBOT / RESEARCH ROOM
A traceable research flow that connects data, valuation, viewpoints, and risk checks.
- AI
- Quant
- Research
Quant research loop
RD-AGENT / FACTOR LOOP
Move from a research hypothesis to a factor backtest, then feed the result into the next experiment.
- AI
- Quant
- Data Viz