A True 3D Global Placement GUI demo that visualizes chip placement results in an interactive 3D environment. This viewer demonstrates the concept of 3D IC global placement, where standard cells and macros are distributed across two stacked dies connected by hybrid bonds.
- Dual-Die Visualization -- Bottom die (Die 0) and top die (Die 1) rendered as separate planes with configurable Z-separation
- Instanced Rendering -- Efficiently renders thousands of placement instances using Three.js
InstancedMesh - Hybrid Bond Layer -- Visualizes inter-die connections (Hybrid Bonds) at the mid-plane
- Density Map -- Optional heat-map overlay showing placement density distribution
- Bin Grid -- Configurable grid overlay for spatial bin analysis
- Force Vectors -- Visualize wirelength forces and density congestion gradients
- Interactive Net Selection -- Click any instance to see its connected nets (flylines) in 3D
- Real-time Controls -- Adjust instance count, toggle layers, and switch analysis modes on the fly
No build step required. Just open the HTML file in a browser:
# Option 1: Open directly
open index.html
# Option 2: Use a local server (recommended)
python3 -m http.server 8080
# Then visit http://localhost:8080- Three.js (r128) -- 3D rendering engine
- Tailwind CSS -- UI styling (via CDN)
- Vanilla JavaScript -- No framework dependencies