| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <filter id="cardShadow" x="-15%" y="-15%" width="140%" height="140%"> |
| 4 | <feGaussianBlur in="SourceAlpha" stdDeviation="10"/> |
| 5 | <feOffset dx="0" dy="4" result="offsetBlur"/> |
| 6 | <feFlood flood-color="#000000" flood-opacity="0.12" result="shadowColor"/> |
| 7 | <feComposite in="shadowColor" in2="offsetBlur" operator="in" result="shadow"/> |
| 8 | <feMerge> |
| 9 | <feMergeNode in="shadow"/> |
| 10 | <feMergeNode in="SourceGraphic"/> |
| 11 | </feMerge> |
| 12 | </filter> |
| 13 | </defs> |
| 14 | |
| 15 | <!-- Background --> |
| 16 | <rect width="1280" height="720" fill="#0F1117"/> |
| 17 | |
| 18 | <!-- Page header --> |
| 19 | <g id="header"> |
| 20 | <rect x="60" y="40" width="4" height="32" rx="2" fill="#5B9BD5"/> |
| 21 | <text x="78" y="66" font-family="'Helvetica Neue', Arial, sans-serif" font-size="28" font-weight="bold" fill="#E8E8EC">Workflow: Parallelization</text> |
| 22 | </g> |
| 23 | |
| 24 | <!-- Diagram image — top area --> |
| 25 | <g id="diagram"> |
| 26 | <image href="../images/image_3.png" x="80" y="88" width="1120" height="280" preserveAspectRatio="xMidYMid meet"/> |
| 27 | </g> |
| 28 | |
| 29 | <!-- Two-column below: Sectioning | Voting --> |
| 30 | <g id="sectioning-card"> |
| 31 | <rect x="60" y="385" width="570" height="275" rx="12" fill="#1A1D27" stroke="#2D3348" stroke-width="1" filter="url(#cardShadow)"/> |
| 32 | <rect x="60" y="385" width="570" height="6" rx="3" fill="#5B9BD5"/> |
| 33 | <use data-icon="chunk/grid" x="84" y="412" width="24" height="24" fill="#5B9BD5"/> |
| 34 | <text x="118" y="432" font-family="'Helvetica Neue', Arial, sans-serif" font-size="20" font-weight="bold" fill="#5B9BD5">Sectioning</text> |
| 35 | <text x="84" y="460" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" fill="#E8E8EC">Break task into independent subtasks</text> |
| 36 | <text x="84" y="482" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" fill="#E8E8EC">and run them in parallel.</text> |
| 37 | |
| 38 | <rect x="84" y="500" width="522" height="1" fill="#2D3348" fill-opacity="0.4"/> |
| 39 | |
| 40 | <use data-icon="chunk/shield-check" x="84" y="520" width="18" height="18" fill="#9CA3AF"/> |
| 41 | <text x="112" y="535" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#9CA3AF">Guardrails: one instance processes queries,</text> |
| 42 | <text x="112" y="553" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#9CA3AF">another screens for inappropriate content</text> |
| 43 | |
| 44 | <use data-icon="chunk/target" x="84" y="572" width="18" height="18" fill="#9CA3AF"/> |
| 45 | <text x="112" y="587" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#9CA3AF">Automated evals: each LLM evaluates a</text> |
| 46 | <text x="112" y="605" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#9CA3AF">different aspect of model performance</text> |
| 47 | |
| 48 | <text x="84" y="640" font-family="'Helvetica Neue', Arial, sans-serif" font-size="13" fill="#6B7280">Tends to perform better than single-call handling</text> |
| 49 | </g> |
| 50 | |
| 51 | <g id="voting-card"> |
| 52 | <rect x="660" y="385" width="560" height="275" rx="12" fill="#1A1D27" stroke="#2D3348" stroke-width="1" filter="url(#cardShadow)"/> |
| 53 | <rect x="660" y="385" width="560" height="6" rx="3" fill="#D4845A"/> |
| 54 | <use data-icon="chunk/layers" x="684" y="412" width="24" height="24" fill="#D4845A"/> |
| 55 | <text x="718" y="432" font-family="'Helvetica Neue', Arial, sans-serif" font-size="20" font-weight="bold" fill="#D4845A">Voting</text> |
| 56 | <text x="684" y="460" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" fill="#E8E8EC">Run the same task multiple times</text> |
| 57 | <text x="684" y="482" font-family="'Helvetica Neue', Arial, sans-serif" font-size="16" fill="#E8E8EC">to get diverse outputs.</text> |
| 58 | |
| 59 | <rect x="684" y="500" width="512" height="1" fill="#2D3348" fill-opacity="0.4"/> |
| 60 | |
| 61 | <use data-icon="chunk/code" x="684" y="520" width="18" height="18" fill="#9CA3AF"/> |
| 62 | <text x="712" y="535" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#9CA3AF">Code vulnerability review with multiple</text> |
| 63 | <text x="712" y="553" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#9CA3AF">prompts flagging issues independently</text> |
| 64 | |
| 65 | <use data-icon="chunk/eye" x="684" y="572" width="18" height="18" fill="#9CA3AF"/> |
| 66 | <text x="712" y="587" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#9CA3AF">Content moderation with different vote</text> |
| 67 | <text x="712" y="605" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#9CA3AF">thresholds balancing FP/FN rates</text> |
| 68 | |
| 69 | <text x="684" y="640" font-family="'Helvetica Neue', Arial, sans-serif" font-size="13" fill="#6B7280">Higher confidence through multiple perspectives</text> |
| 70 | </g> |
| 71 | |
| 72 | <!-- Footer --> |
| 73 | <g id="footer"> |
| 74 | <text x="1220" y="700" text-anchor="end" font-family="'Helvetica Neue', Arial, sans-serif" font-size="10" fill="#6B7280">07</text> |
| 75 | </g> |
| 76 | </svg> |
| 77 |