ywkang/kernbench2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cube-view: angle HBM lines, offset M_CPU/SRAM blocks

Browse Source 
- HBM connection lines angled 30% toward HBM center (not vertical)
  to distinguish from mesh links
- M_CPU/SRAM blocks placed to the left of their router
  with horizontal connector lines (avoid mesh overlap)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Yangwook Kang
2026-04-04 22:30:56 -07:00
parent 7cd30e106e
commit 24faf2e1d4
2 changed files with 57 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/diagrams/cube_view.svg
+38 -38
View File
@@ -190,9 +190,9 @@
<text x="849" y="276" font-family="monospace" font-size="6" fill="#10b98188">256GB/s</text>
<circle cx="135" cy="335" r="8" fill="#475569" stroke="#64748b" stroke-width="1"/>
<text x="135" y="338" text-anchor="middle" font-family="monospace" font-size="6" fill="white">r2c0</text>
<rect x="119" y="307" width="32" height="16" rx="3" fill="#451a03" stroke="#f59e0b" stroke-width="1"/>
<text x="135" y="318" text-anchor="middle" font-family="monospace" font-size="7" font-weight="bold" fill="#f59e0b">M_CPU</text>
<line x1="135" y1="323" x2="135" y2="327" stroke="#f59e0b" stroke-width="1" opacity="0.6"/>
<rect x="89" y="327" width="32" height="16" rx="3" fill="#451a03" stroke="#f59e0b" stroke-width="1"/>
<text x="105" y="338" text-anchor="middle" font-family="monospace" font-size="7" font-weight="bold" fill="#f59e0b">M_CPU</text>
<line x1="121" y1="335" x2="127" y2="335" stroke="#f59e0b" stroke-width="1" opacity="0.6"/>
<circle cx="285" cy="335" r="8" fill="#334155" stroke="#475569" stroke-width="1"/>
<text x="285" y="338" text-anchor="middle" font-family="monospace" font-size="6" fill="white">r2c1</text>
<circle cx="685" cy="335" r="8" fill="#334155" stroke="#475569" stroke-width="1"/>
@@ -201,9 +201,9 @@
<text x="835" y="338" text-anchor="middle" font-family="monospace" font-size="6" fill="white">r2c5</text>
<circle cx="135" cy="485" r="8" fill="#475569" stroke="#64748b" stroke-width="1"/>
<text x="135" y="488" text-anchor="middle" font-family="monospace" font-size="6" fill="white">r3c0</text>
<rect x="119" y="497" width="32" height="16" rx="3" fill="#1c1917" stroke="#d97706" stroke-width="1"/>
<text x="135" y="508" text-anchor="middle" font-family="monospace" font-size="7" font-weight="bold" fill="#d97706">SRAM</text>
<line x1="135" y1="497" x2="135" y2="493" stroke="#d97706" stroke-width="1" opacity="0.6"/>
<rect x="89" y="477" width="32" height="16" rx="3" fill="#1c1917" stroke="#d97706" stroke-width="1"/>
<text x="105" y="488" text-anchor="middle" font-family="monospace" font-size="7" font-weight="bold" fill="#d97706">SRAM</text>
<line x1="121" y1="485" x2="127" y2="485" stroke="#d97706" stroke-width="1" opacity="0.6"/>
<circle cx="285" cy="485" r="8" fill="#334155" stroke="#475569" stroke-width="1"/>
<text x="285" y="488" text-anchor="middle" font-family="monospace" font-size="6" fill="white">r3c1</text>
<circle cx="685" cy="485" r="8" fill="#334155" stroke="#475569" stroke-width="1"/>
@@ -274,38 +274,38 @@
<text x="871" y="775" text-anchor="middle" font-family="monospace" font-size="6" font-weight="bold" fill="#8b5cf6">UCIe-S.c3</text>
<line x1="871" y1="764" x2="835" y2="693" stroke="#8b5cf6" stroke-width="1" opacity="0.6"/>
<text x="849" y="606" font-family="monospace" font-size="6" fill="#10b98188">256GB/s</text>
<line x1="135" y1="143" x2="135" y2="285" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="285" y1="143" x2="285" y2="285" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="435" y1="143" x2="435" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="585" y1="143" x2="585" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="685" y1="143" x2="685" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="835" y1="143" x2="835" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="135" y1="268" x2="135" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="285" y1="268" x2="285" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="435" y1="268" x2="435" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="585" y1="268" x2="585" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="685" y1="268" x2="685" y2="285" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="835" y1="268" x2="835" y2="285" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="135" y1="327" x2="135" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="285" y1="327" x2="285" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="685" y1="327" x2="685" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="835" y1="327" x2="835" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="135" y1="477" x2="135" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="285" y1="477" x2="285" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="685" y1="477" x2="685" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="835" y1="477" x2="835" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="135" y1="552" x2="135" y2="535" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="285" y1="552" x2="285" y2="535" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="435" y1="552" x2="435" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="585" y1="552" x2="585" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="685" y1="552" x2="685" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="835" y1="552" x2="835" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="135" y1="677" x2="135" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="285" y1="677" x2="285" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="435" y1="677" x2="435" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="585" y1="677" x2="585" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.2" stroke-dasharray="4,3"/>
<line x1="685" y1="677" x2="685" y2="535" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="835" y1="677" x2="835" y2="535" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="135" y1="143" x2="240" y2="285" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="285" y1="143" x2="345" y2="285" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="435" y1="143" x2="450" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="585" y1="143" x2="555" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="685" y1="143" x2="625" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="835" y1="143" x2="730" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="135" y1="268" x2="240" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="285" y1="268" x2="345" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="435" y1="268" x2="450" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="585" y1="268" x2="555" y2="285" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="685" y1="268" x2="625" y2="285" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="835" y1="268" x2="730" y2="285" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="135" y1="327" x2="240" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="285" y1="327" x2="345" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="685" y1="327" x2="625" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="835" y1="327" x2="730" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="135" y1="477" x2="240" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="285" y1="477" x2="345" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="685" y1="477" x2="625" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="835" y1="477" x2="730" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="135" y1="552" x2="240" y2="535" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="285" y1="552" x2="345" y2="535" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="435" y1="552" x2="450" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="585" y1="552" x2="555" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="685" y1="552" x2="625" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="835" y1="552" x2="730" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="135" y1="677" x2="240" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="285" y1="677" x2="345" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="435" y1="677" x2="450" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="585" y1="677" x2="555" y2="535" stroke="#10b981" stroke-width="0.7" opacity="0.15" stroke-dasharray="4,3"/>
<line x1="685" y1="677" x2="625" y2="535" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<line x1="835" y1="677" x2="730" y2="535" stroke="#10b981" stroke-width="1.5" opacity="0.6" stroke-dasharray="4,3"/>
<rect x="60" y="865" width="10" height="10" rx="2" fill="#3b82f6" stroke="#475569" stroke-width="0.5"/>
<text x="74" y="874" font-family="monospace" font-size="8" fill="#94a3b8">PE Router</text>
<rect x="147" y="865" width="10" height="10" rx="2" fill="#f59e0b" stroke="#475569" stroke-width="0.5"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB