▮ ABHINAV.APP
All work

Personal

2026

Genome Explorer

A 3D DNA helix you can orbit, where the pathogenic variant glows at 60 bpm.

Reactreact-three-fiberTypeScriptideogram.js

The story

An interactive reading of a synthetic genome screening report. Every finding is a node on a WebGL double helix built with react-three-fiber; a coordinate-accurate chromosome ideogram is linked to it through a shared selection store. Plain-English interpretations, an animated ECG for the LQT2 variant, a pharmacogenomic avoid-list, and a reduced-motion fallback that swaps the helix for a keyboard-navigable SVG.

Screens

  • 3D DNA helix with labelled finding nodes
    Every finding pinned on a WebGL double helix; the pathogenic node pulses red
  • Genome Explorer landing
    Landing: report summary and stat tiles
  • Detail drawer for KCNH2
    Focus-trapped detail drawer with ACMG evidence breakdown
  • Headline finding with animated ECG
    The LQT2 headline finding with an animated prolonged-QT ECG