SVG
Viewer
A3XUnZ1y
N/A
Send feedback
Terms & Conditions
Privacy Policy
Invalid SVG
Line undefined:undefined
Clear
<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#f4f7f6;stop-opacity:1"></stop> <stop offset="100%" style="stop-color:#eef2f3;stop-opacity:1"></stop> </linearGradient> <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> <fedropshadow dx="2" dy="4" stdDeviation="4" flood-color="#000000" flood-opacity="0.15"></fedropshadow> </filter> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#888"></path> </marker> </defs> <rect width="800" height="600" fill="url(#bgGradient)"></rect> <g filter="url(#shadow)"> <g transform="translate(330, 60)"> <rect x="0" y="0" width="140" height="140" rx="12" ry="12" fill="#FFFFFF" stroke="#4A90E2" stroke-width="3"></rect> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333">ORCHESTRATION</text> <g transform="translate(35, 60) scale(0.8)"> <circle cx="35" cy="35" r="25" fill="#E1F0FF" stroke="#4A90E2" stroke-width="2"></circle> <path d="M25,25 L45,45 M45,25 L25,45" stroke="#4A90E2" stroke-width="3" stroke-linecap="round"></path> <path d="M35,5 L35,15 M5,35 L15,35 M35,55 L35,65 M55,35 L65,35" stroke="#4A90E2" stroke-width="2"></path> </g> </g> <g transform="translate(60, 230)"> <rect x="0" y="0" width="140" height="140" rx="12" ry="12" fill="#FFFFFF" stroke="#50E3C2" stroke-width="3"></rect> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333">SESSION</text> <g transform="translate(35, 60) scale(0.8)"> <rect x="0" y="0" width="60" height="20" rx="2" fill="#E0FBF6" stroke="#50E3C2" stroke-width="2"></rect> <rect x="0" y="25" width="40" height="20" rx="2" fill="#FFFFFF" stroke="#50E3C2" stroke-width="2"></rect> <rect x="0" y="50" width="50" height="20" rx="2" fill="#E0FBF6" stroke="#50E3C2" stroke-width="2"></rect> <path d="M10,10 h10 M10,35 h10 M10,60 h10" stroke="#50E3C2" stroke-width="2"></path> </g> </g> <g transform="translate(330, 400)"> <rect x="0" y="0" width="140" height="140" rx="12" ry="12" fill="#FFFFFF" stroke="#FF6B6B" stroke-width="3"></rect> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333">LLM CORE</text> <g transform="translate(35, 55) scale(0.8)"> <circle cx="10" cy="30" r="10" fill="#FFE5E5" stroke="#FF6B6B" stroke-width="2"></circle> <circle cx="50" cy="10" r="12" fill="#FFE5E5" stroke="#FF6B6B" stroke-width="2"></circle> <circle cx="50" cy="50" r="12" fill="#FFE5E5" stroke="#FF6B6B" stroke-width="2"></circle> <circle cx="10" cy="50" r="10" fill="#FFE5E5" stroke="#FF6B6B" stroke-width="2"></circle> <path d="M20,30 L38,14 M20,30 L38,46 M38,14 L40,38 M40,38 L40,46" stroke="#FF6B6B" stroke-width="2"></path> </g> </g> <g transform="translate(540, 230)"> <rect x="0" y="0" width="140" height="140" rx="12" ry="12" fill="#FFFFFF" stroke="#FFD93D" stroke-width="3"></rect> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333">TOOLS / RESOURCES</text> <g transform="translate(35, 60) scale(0.8)"> <path d="M10,10 L30,10 L30,30 L10,30 Z" fill="#FFF9DB" stroke="#FFD93D" stroke-width="2"></path> <path d="M35,10 L55,10 L55,30 L35,30 Z" fill="#FFF9DB" stroke="#FFD93D" stroke-width="2"></path> <path d="M10,35 L30,35 L30,55 L10,55 Z" fill="#FFF9DB" stroke="#FFD93D" stroke-width="2"></path> <path d="M35,35 L55,35 L55,55 L35,55 Z" fill="#FFF9DB" stroke="#FFD93D" stroke-width="2"></path> </g> </g> <g transform="translate(330, 230)"> <rect x="0" y="0" width="140" height="140" rx="12" ry="12" fill="#FFFFFF" stroke="#845EC2" stroke-width="4"></rect> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333">HARNESS</text> <g transform="translate(35, 55) scale(0.8)"> <circle cx="30" cy="30" r="20" fill="#F0EBF8" stroke="#845EC2" stroke-width="2"></circle> <circle cx="30" cy="30" r="10" fill="#845EC2"></circle> <rect x="30" y="5" width="2" height="10" fill="#845EC2" transform="rotate(45 30 30)"></rect> <rect x="30" y="5" width="2" height="10" fill="#845EC2" transform="rotate(135 30 30)"></rect> </g> </g> </g> <g stroke="#888" stroke-width="2" fill="none" stroke-dasharray="5,5"> <line x1="400" y1="200" x2="400" y2="230"></line> <line x1="200" y1="300" x2="230" y2="300"></line> <line x1="540" y1="300" x2="470" y2="300"></line> <line x1="400" y1="400" x2="400" y2="370"></line> </g> <g stroke="#888" stroke-width="2" marker-end="url(#arrow)"> <line x1="400" y1="200" x2="400" y2="230"></line> </g> <text x="400" y="40" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#333">Agent Architecture Overview</text> </svg> ```
Upload
Copy
Share
ORCHESTRATION
SESSION
LLM CORE
TOOLS / RESOURCES
HARNESS
Agent Architecture Overview
```
Preview
React
React Native
PNG
Data URI
ORCHESTRATION
SESSION
LLM CORE
TOOLS / RESOURCES
HARNESS
Agent Architecture Overview
```
100%
Download
SVG
Viewer
Edit
Export
Invalid SVG
Line undefined:undefined
Clear
<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#f4f7f6;stop-opacity:1"></stop> <stop offset="100%" style="stop-color:#eef2f3;stop-opacity:1"></stop> </linearGradient> <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> <fedropshadow dx="2" dy="4" stdDeviation="4" flood-color="#000000" flood-opacity="0.15"></fedropshadow> </filter> <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth"> <path d="M0,0 L0,6 L9,3 z" fill="#888"></path> </marker> </defs> <rect width="800" height="600" fill="url(#bgGradient)"></rect> <g filter="url(#shadow)"> <g transform="translate(330, 60)"> <rect x="0" y="0" width="140" height="140" rx="12" ry="12" fill="#FFFFFF" stroke="#4A90E2" stroke-width="3"></rect> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333">ORCHESTRATION</text> <g transform="translate(35, 60) scale(0.8)"> <circle cx="35" cy="35" r="25" fill="#E1F0FF" stroke="#4A90E2" stroke-width="2"></circle> <path d="M25,25 L45,45 M45,25 L25,45" stroke="#4A90E2" stroke-width="3" stroke-linecap="round"></path> <path d="M35,5 L35,15 M5,35 L15,35 M35,55 L35,65 M55,35 L65,35" stroke="#4A90E2" stroke-width="2"></path> </g> </g> <g transform="translate(60, 230)"> <rect x="0" y="0" width="140" height="140" rx="12" ry="12" fill="#FFFFFF" stroke="#50E3C2" stroke-width="3"></rect> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333">SESSION</text> <g transform="translate(35, 60) scale(0.8)"> <rect x="0" y="0" width="60" height="20" rx="2" fill="#E0FBF6" stroke="#50E3C2" stroke-width="2"></rect> <rect x="0" y="25" width="40" height="20" rx="2" fill="#FFFFFF" stroke="#50E3C2" stroke-width="2"></rect> <rect x="0" y="50" width="50" height="20" rx="2" fill="#E0FBF6" stroke="#50E3C2" stroke-width="2"></rect> <path d="M10,10 h10 M10,35 h10 M10,60 h10" stroke="#50E3C2" stroke-width="2"></path> </g> </g> <g transform="translate(330, 400)"> <rect x="0" y="0" width="140" height="140" rx="12" ry="12" fill="#FFFFFF" stroke="#FF6B6B" stroke-width="3"></rect> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333">LLM CORE</text> <g transform="translate(35, 55) scale(0.8)"> <circle cx="10" cy="30" r="10" fill="#FFE5E5" stroke="#FF6B6B" stroke-width="2"></circle> <circle cx="50" cy="10" r="12" fill="#FFE5E5" stroke="#FF6B6B" stroke-width="2"></circle> <circle cx="50" cy="50" r="12" fill="#FFE5E5" stroke="#FF6B6B" stroke-width="2"></circle> <circle cx="10" cy="50" r="10" fill="#FFE5E5" stroke="#FF6B6B" stroke-width="2"></circle> <path d="M20,30 L38,14 M20,30 L38,46 M38,14 L40,38 M40,38 L40,46" stroke="#FF6B6B" stroke-width="2"></path> </g> </g> <g transform="translate(540, 230)"> <rect x="0" y="0" width="140" height="140" rx="12" ry="12" fill="#FFFFFF" stroke="#FFD93D" stroke-width="3"></rect> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333">TOOLS / RESOURCES</text> <g transform="translate(35, 60) scale(0.8)"> <path d="M10,10 L30,10 L30,30 L10,30 Z" fill="#FFF9DB" stroke="#FFD93D" stroke-width="2"></path> <path d="M35,10 L55,10 L55,30 L35,30 Z" fill="#FFF9DB" stroke="#FFD93D" stroke-width="2"></path> <path d="M10,35 L30,35 L30,55 L10,55 Z" fill="#FFF9DB" stroke="#FFD93D" stroke-width="2"></path> <path d="M35,35 L55,35 L55,55 L35,55 Z" fill="#FFF9DB" stroke="#FFD93D" stroke-width="2"></path> </g> </g> <g transform="translate(330, 230)"> <rect x="0" y="0" width="140" height="140" rx="12" ry="12" fill="#FFFFFF" stroke="#845EC2" stroke-width="4"></rect> <text x="70" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#333">HARNESS</text> <g transform="translate(35, 55) scale(0.8)"> <circle cx="30" cy="30" r="20" fill="#F0EBF8" stroke="#845EC2" stroke-width="2"></circle> <circle cx="30" cy="30" r="10" fill="#845EC2"></circle> <rect x="30" y="5" width="2" height="10" fill="#845EC2" transform="rotate(45 30 30)"></rect> <rect x="30" y="5" width="2" height="10" fill="#845EC2" transform="rotate(135 30 30)"></rect> </g> </g> </g> <g stroke="#888" stroke-width="2" fill="none" stroke-dasharray="5,5"> <line x1="400" y1="200" x2="400" y2="230"></line> <line x1="200" y1="300" x2="230" y2="300"></line> <line x1="540" y1="300" x2="470" y2="300"></line> <line x1="400" y1="400" x2="400" y2="370"></line> </g> <g stroke="#888" stroke-width="2" marker-end="url(#arrow)"> <line x1="400" y1="200" x2="400" y2="230"></line> </g> <text x="400" y="40" text-anchor="middle" font-family="Arial, sans-serif" font-size="24" font-weight="bold" fill="#333">Agent Architecture Overview</text> </svg> ```
Upload
Copy
Share
ORCHESTRATION
SESSION
LLM CORE
TOOLS / RESOURCES
HARNESS
Agent Architecture Overview
```
Preview
React
React Native
PNG
Data URI
ORCHESTRATION
SESSION
LLM CORE
TOOLS / RESOURCES
HARNESS
Agent Architecture Overview
```
100%
Download