Back
Mosaic
Role: Product Designer, UX Researcher, Creative Coder
Tools: React 18, SheetJS (XLSX parsing), Recharts, Lucide React, Vite
Year: 2026
Real-Time Market Visualization
Mosaic is an experimental market interface that transforms live financial data into a tactile visual landscape. Instead of relying on traditional charts, tables, or dashboards, the project reimagines the stock market as a living mosaic—an arrangement of responsive tiles that shift, scale, and animate with real-time market movement.
At its core, Mosaic explores the convergence of interactive design, digital systems, and analog sensibility. The interface uses real-time data to give the experience immediacy and precision, while the tile-based composition introduces a more physical, crafted quality. Each element behaves like part of a dynamic board: structured enough to communicate information clearly, yet expressive enough to feel human, playful, and exploratory.
The project merges the logic of a digital dashboard with the warmth of analog design. Hover interactions, motion, color, and spatial hierarchy allow users to engage with financial information in a more intuitive way—turning abstract numbers into something visible, touchable, and emotionally engaging.
Mosaic is both a data tool and a design experiment: a study in how complex market behavior can be translated into an interface that feels alive.
What makes it notable:
01
End-to-end pipeline from raw spreadsheet data to a rendered mobile UI in under 60 seconds
02
Node-based visual editor with drag-and-drop canvas, bezier wire connections, and per-node config panels.
03
iOS 26 Liquid Glass–inspired phone frame with Dynamic Island, status bar, and bottom navigation.
04
Four interactive phone screens: Home (searchable list), Records (data table), Analytics (configurable bar chart), Settings.
05
One-click Figma SVG export with named, editable layers ready for design handoff.
06
Fully in-browser, no backend, no server, no sign-up.
How to use

Node Reference

Prototype
More coming soon
More Projects