Visualizing the Invisible

Blockchain transactions happen in the blink of an eye. NEON Protocol was designed to slow time down.

Data Viz

The Stack

Frontend: React + Three.js
Data: WebSocket Feed via Ethers.js
Styling: Tailwind CSS with custom neon plugin

Performance Challenges

Rendering 10,000 particles representing pending transactions required instanced mesh optimization.


javascript
// InstancedMesh is key for performance
<instancedMesh ref={mesh} args={[null, null, 10000]}>
  <boxGeometry />
  <meshBasicMaterial color="#00ff41" />
</instancedMesh>

The result is a fluid, organic representation of digital currency flow.