Startup 3D Data Visualization Homepage

I want to launch a visually striking home page for my new startup that replaces the usual hero banner with a WebGL scene showing real-time, 3D visualisations of our key metrics. The visitor should see animated bars, nodes and flowing connections that respond subtly to scroll or hover—enough interactivity to feel alive without becoming a full-blown game.

Here’s the experience I have in mind: the page loads quickly, reveals the interactive data scene, and then lets the user trigger camera shifts and colour changes as they move down the page. The rest of the layout (headline, tagline, CTA button) overlays the canvas and should remain crisp and responsive across desktop and modern mobile browsers. Framework-wise, I’m comfortable with Three.js, React + Vite or another performant stack you recommend, as long as the final bundle stays lean.

Deliverables
• Production-ready source code (HTML, CSS/SCSS, JS/TS, React components if used)
• Optimised 3D assets and textures, clearly organised
• Build/installation instructions and a short README
• A fallback/static image for unsupported devices

Acceptance criteria
– First contentful paint < 3 s on Chrome desktop over 4G
– Smooth 60 fps animation on a mid-range GPU
– Limited interactivity working on latest Chrome, Firefox, Safari, Edge
– Clean, commented code that I can extend later

If this sounds like your kind of challenge, let’s create a homepage that instantly sets our brand apart.