On-grid system
A grid-connected system with solar generation, conversion, protection and bidirectional metering.
Solar panelsDC protectionOn-grid inverterAC protectionBidirectional meterGrid and loads
Editor Solar
User guide and diagram examples
Learn how to assemble, label, save and present a conceptual solar diagram. The examples below show common sequences that you can adapt to your project.
How to create a diagram
- Choose a starting pointUse a template on the start screen or open a blank diagram.
- Add equipmentClick or drag components from the library onto the canvas.
- Make connectionsDrag from one connection point to the next equipment point.
- Label the systemSelect items to edit their name, tag, description and other fields.
- Arrange the drawingMove components, labels and line points to keep the flow readable.
- Save or presentSave as JSON to continue later; export SVG, PNG or PDF to share.
Diagram examples
Off-grid system
An isolated system where batteries store energy to supply loads without the utility grid.
Solar panelsCharge controllerBattery bankInverterDistribution boardLoads
Hybrid system
Panels, grid and battery meet at a hybrid inverter to serve loads and provide backup power.
Panels, grid and batteryHybrid inverterProtectionDistribution boardHome
Good practices
- Use short, consistent tags such as INV-01 and BAT-01.
- Show voltage or purpose in connection labels.
- Keep the main flow left to right or top to bottom.
- Visually separate DC, AC, communication and grounding circuits.
- Save the JSON before clearing browser data or changing devices.
- Export SVG when you need to enlarge the drawing without losing sharpness.