Back to Projects
Personal Project

Syngrid3D (HybridGrid)

Real-time 3D hybrid energy grid simulation and visualization built with Three.js. Models solar, wind, generators, batteries and grid interactions for interactive demos.

TypeScriptReactViteThree.jsWebGLParticle Systems
Syngrid3D (HybridGrid)

Live Demo

Interact with the 3D simulation directly in your browser.

Open in new tab

HybridGrid — Real-time 3D Hybrid Energy Grid Simulation

Syngrid3D (working name: HybridGrid) is a realtime 3D hybrid energy grid simulation and visualization demo built with Three.js. It models solar PV arrays, wind turbines, dispatchable generators, battery energy storage systems (BESS), and grid interconnect to visualize energy flows, telemetry, and control strategies in an interactive WebGL scene.

Core ideas

  • Deterministic simulation loop with simple, explainable component models.
  • Priority-based power balancing (renewables → battery → generator → grid).
  • GPU-accelerated visualization: emissive materials, particles for flow, and LODs.

Demo flows

  • Explore the scene, toggle day/night, inspect panel / turbine outputs.
  • Simulate cloud cover or wind changes and watch battery SoC respond.
  • Trigger islanding to show generator + battery sustaining local load.

Notes

See the project write-up at docs/project-info/project-info-syngrid3d.mdfor full design notes, suggested names, and run instructions.

Key Features

  • 1Solar PV, wind turbine, generator and BESS component models
  • 2Real-time lightweight simulation loop with deterministic ticks
  • 3Interactive controls and automation (priority-based dispatch)
  • 4Energy-flow visualization with particles and animated arrows
  • 5Dashboard overlays with telemetry and charts

Tech Stack

TypeScriptReactViteThree.jsWebGLParticle Systems