132 lines
7.6 KiB
XML
132 lines
7.6 KiB
XML
|
<svg width="800" height="500" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="finGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- Dashboard Background -->
|
||
|
|
<rect width="800" height="500" fill="#f8f9fa" rx="12"/>
|
||
|
|
|
||
|
|
<!-- Header -->
|
||
|
|
<rect x="0" y="0" width="800" height="60" fill="url(#finGrad)" rx="12"/>
|
||
|
|
<text x="30" y="35" font-family="Inter, Arial, sans-serif" font-size="18" font-weight="600" fill="white">Financial Market Intelligence Dashboard</text>
|
||
|
|
<text x="650" y="35" font-family="Arial" font-size="12" fill="white" opacity="0.8">Real-time Analytics</text>
|
||
|
|
|
||
|
|
<!-- Market Sentiment -->
|
||
|
|
<rect x="30" y="90" width="200" height="120" fill="white" stroke="#e1e5e9" stroke-width="1" rx="8"/>
|
||
|
|
<text x="50" y="115" font-family="Arial" font-size="14" font-weight="600" fill="#333">Market Sentiment</text>
|
||
|
|
|
||
|
|
<!-- Sentiment gauge -->
|
||
|
|
<circle cx="130" cy="160" r="35" fill="none" stroke="#e1e5e9" stroke-width="8"/>
|
||
|
|
<circle cx="130" cy="160" r="35" fill="none" stroke="#28a745" stroke-width="8"
|
||
|
|
stroke-dasharray="110 220" stroke-dashoffset="55" transform="rotate(-90 130 160)"/>
|
||
|
|
<text x="130" y="167" font-family="Arial" font-size="16" font-weight="700" fill="#28a745" text-anchor="middle">72%</text>
|
||
|
|
<text x="130" y="185" font-family="Arial" font-size="10" fill="#666" text-anchor="middle">Bullish</text>
|
||
|
|
|
||
|
|
<!-- News Analytics -->
|
||
|
|
<rect x="250" y="90" width="260" height="120" fill="white" stroke="#e1e5e9" stroke-width="1" rx="8"/>
|
||
|
|
<text x="270" y="115" font-family="Arial" font-size="14" font-weight="600" fill="#333">News Analytics - Last 24h</text>
|
||
|
|
|
||
|
|
<!-- News bars -->
|
||
|
|
<rect x="280" y="130" width="60" height="30" fill="#28a745" rx="2"/>
|
||
|
|
<text x="310" y="150" font-family="Arial" font-size="10" fill="white" text-anchor="middle">142</text>
|
||
|
|
<text x="310" y="175" font-family="Arial" font-size="9" fill="#666" text-anchor="middle">Positive</text>
|
||
|
|
|
||
|
|
<rect x="350" y="135" width="60" height="25" fill="#ffc107" rx="2"/>
|
||
|
|
<text x="380" y="152" font-family="Arial" font-size="10" fill="white" text-anchor="middle">89</text>
|
||
|
|
<text x="380" y="175" font-family="Arial" font-size="9" fill="#666" text-anchor="middle">Neutral</text>
|
||
|
|
|
||
|
|
<rect x="420" y="145" width="60" height="15" fill="#e74c3c" rx="2"/>
|
||
|
|
<text x="450" y="156" font-family="Arial" font-size="10" fill="white" text-anchor="middle">34</text>
|
||
|
|
<text x="450" y="175" font-family="Arial" font-size="9" fill="#666" text-anchor="middle">Negative</text>
|
||
|
|
|
||
|
|
<!-- Social Media Trends -->
|
||
|
|
<rect x="530" y="90" width="240" height="120" fill="white" stroke="#e1e5e9" stroke-width="1" rx="8"/>
|
||
|
|
<text x="550" y="115" font-family="Arial" font-size="14" font-weight="600" fill="#333">Social Media Trends</text>
|
||
|
|
|
||
|
|
<text x="550" y="140" font-family="Arial" font-size="11" fill="#333">#1 Trending: $NVDA</text>
|
||
|
|
<text x="700" y="140" font-family="Arial" font-size="10" fill="#28a745">+15.2K mentions</text>
|
||
|
|
|
||
|
|
<text x="550" y="160" font-family="Arial" font-size="11" fill="#333">#2 Trending: $TSLA</text>
|
||
|
|
<text x="700" y="160" font-family="Arial" font-size="10" fill="#e74c3c">-8.7K mentions</text>
|
||
|
|
|
||
|
|
<text x="550" y="180" font-family="Arial" font-size="11" fill="#333">#3 Trending: $AAPL</text>
|
||
|
|
<text x="700" y="180" font-family="Arial" font-size="10" fill="#28a745">+12.1K mentions</text>
|
||
|
|
|
||
|
|
<!-- Price Movement Predictions -->
|
||
|
|
<rect x="30" y="230" width="370" height="240" fill="white" stroke="#e1e5e9" stroke-width="1" rx="8"/>
|
||
|
|
<text x="50" y="255" font-family="Arial" font-size="14" font-weight="600" fill="#333">Price Movement Predictions</text>
|
||
|
|
|
||
|
|
<!-- Stock prediction chart -->
|
||
|
|
<text x="50" y="280" font-family="Arial" font-size="12" font-weight="600" fill="#667eea">FTSE 100 - Next 5 Days</text>
|
||
|
|
|
||
|
|
<!-- Chart area -->
|
||
|
|
<line x1="60" y1="430" x2="380" y2="430" stroke="#e1e5e9" stroke-width="1"/>
|
||
|
|
<line x1="60" y1="300" x2="60" y2="430" stroke="#e1e5e9" stroke-width="1"/>
|
||
|
|
|
||
|
|
<!-- Prediction line -->
|
||
|
|
<polyline points="60,420 120,410 180,405 240,400 300,395 360,390"
|
||
|
|
stroke="#667eea" stroke-width="3" fill="none"/>
|
||
|
|
|
||
|
|
<!-- Confidence band -->
|
||
|
|
<polyline points="60,425 120,415 180,410 240,408 300,405 360,400"
|
||
|
|
stroke="#667eea" stroke-width="1" fill="none" opacity="0.5" stroke-dasharray="2,2"/>
|
||
|
|
<polyline points="60,415 120,405 180,400 240,392 300,385 360,380"
|
||
|
|
stroke="#667eea" stroke-width="1" fill="none" opacity="0.5" stroke-dasharray="2,2"/>
|
||
|
|
|
||
|
|
<!-- Axis labels -->
|
||
|
|
<text x="40" y="425" font-family="Arial" font-size="8" fill="#666">7800</text>
|
||
|
|
<text x="40" y="395" font-family="Arial" font-size="8" fill="#666">7900</text>
|
||
|
|
<text x="40" y="365" font-family="Arial" font-size="8" fill="#666">8000</text>
|
||
|
|
|
||
|
|
<text x="60" y="445" font-family="Arial" font-size="8" fill="#666">Mon</text>
|
||
|
|
<text x="180" y="445" font-family="Arial" font-size="8" fill="#666">Wed</text>
|
||
|
|
<text x="300" y="445" font-family="Arial" font-size="8" fill="#666">Fri</text>
|
||
|
|
|
||
|
|
<!-- Model accuracy -->
|
||
|
|
<text x="50" y="385" font-family="Arial" font-size="10" fill="#28a745">Accuracy: 84.7% | Confidence: High</text>
|
||
|
|
|
||
|
|
<!-- Alternative Data Sources -->
|
||
|
|
<rect x="420" y="230" width="350" height="240" fill="white" stroke="#e1e5e9" stroke-width="1" rx="8"/>
|
||
|
|
<text x="440" y="255" font-family="Arial" font-size="14" font-weight="600" fill="#333">Alternative Data Sources</text>
|
||
|
|
|
||
|
|
<!-- Data source status -->
|
||
|
|
<text x="440" y="280" font-family="Arial" font-size="12" font-weight="600" fill="#333">Real-time Feeds</text>
|
||
|
|
|
||
|
|
<circle cx="450" cy="300" r="3" fill="#28a745"/>
|
||
|
|
<text x="460" y="305" font-family="Arial" font-size="11" fill="#333">Reuters News API</text>
|
||
|
|
<text x="680" y="305" font-family="Arial" font-size="10" fill="#28a745">Active</text>
|
||
|
|
|
||
|
|
<circle cx="450" cy="320" r="3" fill="#28a745"/>
|
||
|
|
<text x="460" y="325" font-family="Arial" font-size="11" fill="#333">Twitter Financial</text>
|
||
|
|
<text x="680" y="325" font-family="Arial" font-size="10" fill="#28a745">Active</text>
|
||
|
|
|
||
|
|
<circle cx="450" cy="340" r="3" fill="#28a745"/>
|
||
|
|
<text x="460" y="345" font-family="Arial" font-size="11" fill="#333">Reddit WSB</text>
|
||
|
|
<text x="680" y="345" font-family="Arial" font-size="10" fill="#28a745">Active</text>
|
||
|
|
|
||
|
|
<circle cx="450" cy="360" r="3" fill="#ffc107"/>
|
||
|
|
<text x="460" y="365" font-family="Arial" font-size="11" fill="#333">Google Trends</text>
|
||
|
|
<text x="680" y="365" font-family="Arial" font-size="10" fill="#ffc107">Delayed</text>
|
||
|
|
|
||
|
|
<circle cx="450" cy="380" r="3" fill="#28a745"/>
|
||
|
|
<text x="460" y="385" font-family="Arial" font-size="11" fill="#333">Economic Calendar</text>
|
||
|
|
<text x="680" y="385" font-family="Arial" font-size="10" fill="#28a745">Active</text>
|
||
|
|
|
||
|
|
<!-- Performance metrics -->
|
||
|
|
<text x="440" y="415" font-family="Arial" font-size="12" font-weight="600" fill="#333">Today's Performance</text>
|
||
|
|
|
||
|
|
<text x="440" y="435" font-family="Arial" font-size="10" fill="#666">Data Points Processed:</text>
|
||
|
|
<text x="680" y="435" font-family="Arial" font-size="10" font-weight="600" fill="#667eea">1.2M</text>
|
||
|
|
|
||
|
|
<text x="440" y="450" font-family="Arial" font-size="10" fill="#666">Signals Generated:</text>
|
||
|
|
<text x="680" y="450" font-family="Arial" font-size="10" font-weight="600" fill="#28a745">47</text>
|
||
|
|
|
||
|
|
<!-- Status indicator -->
|
||
|
|
<circle cx="760" cy="30" r="5" fill="#28a745"/>
|
||
|
|
|
||
|
|
<!-- Timestamp -->
|
||
|
|
<text x="30" y="490" font-family="Arial" font-size="10" fill="#999">Last updated: Today 15:42 GMT | Data latency: <2ms | Model accuracy: 84.7% | Sources: 12 active</text>
|
||
|
|
</svg>
|