# Solar Installation Visualizer

> Interactive 3D tool that maps out a real residential solar system so homeowners can see exactly what each component does.

Most homeowners who get solar installed end up with panels on the roof, a box on the garage wall, a Powerwall in the corner, and no clear understanding of how any of it connects. The installer leaves. The system works. But ask someone what the grey inverter box actually does, or why the battery and the smart meter are two separate things, and most people can't answer.

Solar Installation Visualizer is a browser-based 3D scene built with React, Three.js, and React Three Fiber. It shows an isometric house with a full residential solar install: 12 monocrystalline panels (4.8 kW total) on the roof, an SMA Sunny Boy 5.0 inverter on the wall, a Tesla Powerwall 2 (13.5 kWh) in the garage, a bidirectional smart meter, and a utility grid connection. Users can rotate the house 360 degrees by dragging, then click any component to open a panel showing real datasheet specs - model number, capacity, efficiency, warranty, input/output ranges.

Animated dashed lines trace the power flow in real time using the standard color coding: amber for DC current from the panels, blue for AC current after the inverter, green for grid export through the smart meter. Light and dark mode are both supported.

The tool is free, open source, and runs entirely in the browser. No account required.

## Key pages

- /: Landing page with overview and link to the app

## Contact

ibrahim@whhite.com

## Source

https://github.com/ibrahimokdadov/solarvisual