Design a roof. Make it solar.
Roof layout, equipment, and power flow in one interactive system.
A single-storey home with a private rooftop array and a household meter. Preset dimensions and demand are illustrative and editable.
From roof to power
Inspect the complete system.
Inverter casing
The inverter is the conversion stage between the DC panel array and AC power for the building and grid.
- Input
- DC from the array
- Output
- AC into the building distribution
The casing and cutaway show functional stages, not a manufacturer’s circuit. This scenario uses an explicit 96% conversion-efficiency assumption.
Illustrative power balance
Site demand: 2.00 kW · Conversion loss: 0.15 kW. Presets change the scenario, not actual weather.
Component roles: DOE inverter overview · Metering overview. Generic equipment in the scene; no brand or device model is claimed.
Next.js · React · TypeScript · Three.js. Procedural architecture, illustrative load presets and synthetic panel data; not a construction drawing or installation quote.
Inspect the sizing and model logic
Roof dimensions drive the house geometry. The solver checks both panel orientations after edge clearance, then recommends a demand-based count. Manual panel controls update the layout, capacity, and illustrative cost. Orbit, zoom, and roof-plan views change the camera. The equipment inspector shows conversion, distribution, and metering roles; day/night scenarios update an explicit power balance.
- Synthetic panel catalogue and illustrative INR pricing; no client or vendor quote.
- Energy estimate uses 4.5 peak sun hours/day, 30 days, and a 0.78 performance ratio.
- Rectangular roof with 0.5 m edge clearance; checks one uniform panel orientation at a time.
- Apart from the explicit service strip, shading, other obstructions, structural loads, tariffs, subsidies and installation engineering are not modeled.
- Module tilt is visual; energy estimates use the declared generic performance ratio.


