Scroll
Index / Work / 01 · Tape
2026 HNG Internship 14 · Stage 5a Solo · frontend Vue 3 · EChartsRealtime60 fps

Tape is a live markets terminal for retail traders who want pro-grade signal without the seven-monitor setup. Vue 3 on top, ECharts on the canvas, a synthetic feed pushing tens of messages a second, and a render budget that never blinks past 60 fps.

Client
HNG Internship 14 · Stage 5a
Role
Solo · frontend
Duration
04 / 2026 — 05 / 2026
Stack
Vue 3 · Vite · TypeScript · ECharts · Tailwind
Tape — cover
TAPE · 2026 · COVER PLATE
01 / 11
60
fps target
0
third-party state libs
66
msg/s · synthetic feed
Tape · marketing surface
Tape · marketing surface
§ 03 · Chapter

Built for the trader who actually looks at the chart

Tape is a dashboard with a watchlist, a live price chart, a one-minute volume series, and a streaming activity log. It is designed to be sat on one monitor for a long time — every animation, every repaint, every scroll has to land inside a 16ms budget or it is too expensive to ship.

Tape · dashboard
Tape · dashboard
§ 05 · Chapter

Why no state library

Vue 3 reactivity is the state library. Every panel reads from a small set of refs and computeds wired straight to the feed; ECharts gets fed deltas, not full datasets. The result is a fast, debuggable graph where you can trace any number on screen back to one composable in roughly two clicks.

§99 · Continue

Have a brief?
Let's talk.

© 2026 · Moluno · Powered by sapa
v2.04.026 · 60Hz · 6.5244 N · 3.3792 E