Cathode is an MIT-licensed Vue 3 component library (@hetalhouse/cathode on npm) that renders
trading UI the way a 1980s terminal would have wanted to: phosphor glow, scanlines, and true
barrel curvature.
The three.js core: the candlestick chart is a WebGL scene run through a custom
barrel-distortion lens shader — the same curvature applied across the whole workspace — with
indicator overlays (Bollinger bands, EMAs), volume bars, and trade markers. A three.js loader
animation covers panel hydration.
Around it: a curved datagrid, a syntax-colored log feed, and a playable fake terminal
(cowsay included) — canvas/CSS components sharing the CRT theme. Everything is tunable live
in the demo: a curvature slider (0 = flat, crank it for full fishbowl), scanline/glow toggles,
and phosphor-green / amber / paper themes.
Live demo: cathode — a CRT trading workspace (curved grid · three.js candles · phosphor)
npm: https://www.npmjs.com/package/@hetalhouse/cathode
Source: GitHub - hetalhouse/cathode: A curved-screen datagrid for the web. Barrel-distorted columns, CRT aesthetics, more data per viewport. · GitHub
(video below — the curve slider is the fun part)
