GSoC'26_Week13 : Auto Layout

说明与用途

在 CircuitVerse 中，当缺少布局数据时，使用 ELK.js 进行自动布局，并为分支电路创建临时节点，同时使用 GitHub 的堆叠 PR 提升代码审查效率。

问题

Implement automatic layout for CircuitVerse circuits while preserving existing layout data and handling complex fan‑out nets.

结果

Auto Layout now generates clean, readable circuit arrangements when layout data is missing, handles fan‑out nets without leaking ELK specifics, and integrates smoothly into the editor. Stacked PRs improved code review clarity.

工作流

• 1. Detect missing layout data in the imported circuit.
• 2. Instantiate components to determine size, direction, and port positions.
• 3. Convert the circuit into an ELK graph and apply the layered layout algorithm.
• 4. Route wires orthogonally, creating temporary zero‑size junctions for fan‑out nets.
• 5. Convert ELK junctions and bend points back into CircuitVerse routing nodes.
• 6. Snap coordinates to the simulator grid and continue the normal import flow.
• 7. Preserve existing layout data when present, otherwise use the generated layout.

证据

I finished the Auto Layout feature.

来源

I used ELK.js with its layered layout algorithm.

来源