mirror of
https://github.com/chaoming/hugo-saasify-theme.git
synced 2025-04-20 19:41:52 +02:00
29 lines
1.2 KiB
XML
29 lines
1.2 KiB
XML
|
<svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<rect width="600" height="400" fill="#f3f4f6"/>
|
||
|
|
<rect x="20" y="20" width="560" height="360" rx="8" fill="#ffffff" stroke="#e5e7eb" stroke-width="2"/>
|
||
|
|
|
||
|
|
<!-- Header -->
|
||
|
|
<rect x="40" y="40" width="200" height="24" rx="4" fill="#e5e7eb"/>
|
||
|
|
<rect x="40" y="72" width="160" height="16" rx="4" fill="#f3f4f6"/>
|
||
|
|
|
||
|
|
<!-- Analytics Graph -->
|
||
|
|
<rect x="40" y="120" width="520" height="220" rx="4" fill="#f9fafb"/>
|
||
|
|
|
||
|
|
<!-- Graph Lines -->
|
||
|
|
<path d="M60 300 C 140 200, 220 280, 300 180 S 460 220, 540 120"
|
||
|
|
stroke="#60a5fa" stroke-width="3" fill="none"/>
|
||
|
|
<path d="M60 320 C 140 280, 220 300, 300 240 S 460 260, 540 200"
|
||
|
|
stroke="#818cf8" stroke-width="3" fill="none" opacity="0.6"/>
|
||
|
|
|
||
|
|
<!-- Data Points -->
|
||
|
|
<circle cx="140" cy="200" r="6" fill="#60a5fa"/>
|
||
|
|
<circle cx="220" cy="280" r="6" fill="#60a5fa"/>
|
||
|
|
<circle cx="300" cy="180" r="6" fill="#60a5fa"/>
|
||
|
|
<circle cx="380" cy="220" r="6" fill="#60a5fa"/>
|
||
|
|
<circle cx="460" cy="220" r="6" fill="#60a5fa"/>
|
||
|
|
|
||
|
|
<!-- Legend -->
|
||
|
|
<rect x="40" y="360" width="80" height="8" rx="4" fill="#60a5fa"/>
|
||
|
|
<rect x="140" y="360" width="80" height="8" rx="4" fill="#818cf8"/>
|
||
|
|
</svg>
|