duhanbalci/dreport
1
0
Fork 0
mirror of https://github.com/duhanbalci/dreport.git synced 2026-07-01 18:39:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
Files
aa27228d08f5ea8c4d1657cfe0978e4d59e93903
dreport/layout-engine/tests/snapshots/chart_test_svg.html
Duhan BALCI aa27228d08 refactor
2026-04-09 00:36:23 +03:00

1 line
11 KiB
HTML
Raw Blame History

<!DOCTYPE html><html><head><style>body{margin:20px;font-family:sans-serif;background:#f5f5f5}.chart-box{margin:10px 0;background:white;box-shadow:0 1px 3px rgba(0,0,0,.1)}</style></head><body><h2>Chart SVG Preview (HTML render)</h2><div class='chart-box' style='width:179.99999491373697mm;height:79.99999953375921mm'><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 179.99999491373697 79.99999953375921" width="100%" height="100%"><rect width="179.99999491373697" height="79.99999953375921" fill="#FFFFFF"/><text x="90.00" y="4.60" font-size="4.0" fill="#1a1a1a" text-anchor="middle" font-weight="bold">Aylik Satis Geliri</text><text x="16.50" y="63.00" font-size="2.3" fill="#666" text-anchor="end">0</text><line x1="18.00" y1="62.20" x2="176.00" y2="62.20" stroke="#E5E7EB" stroke-width="0.15"/><text x="16.50" y="51.68" font-size="2.3" fill="#666" text-anchor="end">4.6K</text><line x1="18.00" y1="50.88" x2="176.00" y2="50.88" stroke="#E5E7EB" stroke-width="0.15"/><text x="16.50" y="40.36" font-size="2.3" fill="#666" text-anchor="end">9.2K</text><line x1="18.00" y1="39.56" x2="176.00" y2="39.56" stroke="#E5E7EB" stroke-width="0.15"/><text x="16.50" y="29.04" font-size="2.3" fill="#666" text-anchor="end">13.9K</text><line x1="18.00" y1="28.24" x2="176.00" y2="28.24" stroke="#E5E7EB" stroke-width="0.15"/><text x="16.50" y="17.72" font-size="2.3" fill="#666" text-anchor="end">18.5K</text><line x1="18.00" y1="16.92" x2="176.00" y2="16.92" stroke="#E5E7EB" stroke-width="0.15"/><text x="16.50" y="6.40" font-size="2.3" fill="#666" text-anchor="end">23.1K</text><line x1="18.00" y1="5.60" x2="176.00" y2="5.60" stroke="#E5E7EB" stroke-width="0.15"/><line x1="18.00" y1="5.60" x2="18.00" y2="62.20" stroke="#9CA3AF" stroke-width="0.3"/><rect x="21.95" y="25.45" width="10.53" height="36.75" fill="#4F46E5" rx="0.5"/><text x="27.22" y="24.65" font-size="2.2" fill="#333333" text-anchor="middle">15.0K</text><rect x="32.48" y="42.60" width="10.53" height="19.60" fill="#10B981" rx="0.5"/><text x="37.75" y="41.80" font-size="2.2" fill="#333333" text-anchor="middle">8.0K</text><rect x="43.02" y="54.85" width="10.53" height="7.35" fill="#F59E0B" rx="0.5"/><text x="48.28" y="54.05" font-size="2.2" fill="#333333" text-anchor="middle">3.0K</text><rect x="61.45" y="18.10" width="10.53" height="44.10" fill="#4F46E5" rx="0.5"/><text x="66.72" y="17.30" font-size="2.2" fill="#333333" text-anchor="middle">18.0K</text><rect x="71.98" y="38.92" width="10.53" height="23.28" fill="#10B981" rx="0.5"/><text x="77.25" y="38.12" font-size="2.2" fill="#333333" text-anchor="middle">9.5K</text><rect x="82.52" y="51.91" width="10.53" height="10.29" fill="#F59E0B" rx="0.5"/><text x="87.78" y="51.11" font-size="2.2" fill="#333333" text-anchor="middle">4.2K</text><rect x="100.95" y="8.30" width="10.53" height="53.90" fill="#4F46E5" rx="0.5"/><text x="106.22" y="7.50" font-size="2.2" fill="#333333" text-anchor="middle">22.0K</text><rect x="111.48" y="35.25" width="10.53" height="26.95" fill="#10B981" rx="0.5"/><text x="116.75" y="34.45" font-size="2.2" fill="#333333" text-anchor="middle">11.0K</text><rect x="122.02" y="49.70" width="10.53" height="12.50" fill="#F59E0B" rx="0.5"/><text x="127.28" y="48.90" font-size="2.2" fill="#333333" text-anchor="middle">5.1K</text><rect x="140.45" y="14.42" width="10.53" height="47.78" fill="#4F46E5" rx="0.5"/><text x="145.72" y="13.62" font-size="2.2" fill="#333333" text-anchor="middle">19.5K</text><rect x="150.98" y="37.21" width="10.53" height="24.99" fill="#10B981" rx="0.5"/><text x="156.25" y="36.41" font-size="2.2" fill="#333333" text-anchor="middle">10.2K</text><rect x="161.52" y="50.44" width="10.53" height="11.76" fill="#F59E0B" rx="0.5"/><text x="166.78" y="49.64" font-size="2.2" fill="#333333" text-anchor="middle">4.8K</text><text x="37.75" y="64.70" font-size="2.5" fill="#666" text-anchor="middle">Ocak</text><text x="77.25" y="64.70" font-size="2.5" fill="#666" text-anchor="middle">Subat</text><text x="116.75" y="64.70" font-size="2.5" fill="#666" text-anchor="middle">Mart</text><text x="156.25" y="64.70" font-size="2.5" fill="#666" text-anchor="middle">Nisan</text><line x1="18.00" y1="62.20" x2="176.00" y2="62.20" stroke="#9CA3AF" stroke-width="0.3"/><rect x="67.22" y="76.16" width="2.5" height="2.5" fill="#4F46E5" rx="0.3"/><text x="71.34" y="77.84" font-size="2.8" fill="#666" text-anchor="start">Online</text><rect x="83.74" y="76.16" width="2.5" height="2.5" fill="#10B981" rx="0.3"/><text x="87.86" y="77.84" font-size="2.8" fill="#666" text-anchor="start">Magaza</text><rect x="100.26" y="76.16" width="2.5" height="2.5" fill="#F59E0B" rx="0.3"/><text x="104.38" y="77.84" font-size="2.8" fill="#666" text-anchor="start">Toptan</text><text x="97.00" y="78.00" font-size="2.8" fill="#666" text-anchor="middle">Aylar</text><text x="3.00" y="33.90" font-size="2.8" fill="#666" text-anchor="middle" transform="rotate(-90,3.00,33.90)">Gelir (TL)</text></svg></div><div class='chart-box' style='width:179.99999491373697mm;height:79.99999953375921mm'><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 179.99999491373697 79.99999953375921" width="100%" height="100%"><rect width="179.99999491373697" height="79.99999953375921" fill="#FFFFFF"/><text x="90.00" y="4.60" font-size="4.0" fill="#1a1a1a" text-anchor="middle" font-weight="bold">Haftalik Ziyaretci Trendi</text><text x="12.50" y="67.00" font-size="2.3" fill="#666" text-anchor="end">0</text><line x1="14.00" y1="66.20" x2="176.00" y2="66.20" stroke="#E5E7EB" stroke-width="0.15"/><text x="12.50" y="54.88" font-size="2.3" fill="#666" text-anchor="end">378</text><line x1="14.00" y1="54.08" x2="176.00" y2="54.08" stroke="#E5E7EB" stroke-width="0.15"/><text x="12.50" y="42.76" font-size="2.3" fill="#666" text-anchor="end">756</text><line x1="14.00" y1="41.96" x2="176.00" y2="41.96" stroke="#E5E7EB" stroke-width="0.15"/><text x="12.50" y="30.64" font-size="2.3" fill="#666" text-anchor="end">1.1K</text><line x1="14.00" y1="29.84" x2="176.00" y2="29.84" stroke="#E5E7EB" stroke-width="0.15"/><text x="12.50" y="18.52" font-size="2.3" fill="#666" text-anchor="end">1.5K</text><line x1="14.00" y1="17.72" x2="176.00" y2="17.72" stroke="#E5E7EB" stroke-width="0.15"/><text x="12.50" y="6.40" font-size="2.3" fill="#666" text-anchor="end">1.9K</text><line x1="14.00" y1="5.60" x2="176.00" y2="5.60" stroke="#E5E7EB" stroke-width="0.15"/><line x1="14.00" y1="5.60" x2="14.00" y2="66.20" stroke="#9CA3AF" stroke-width="0.3"/><polyline points="14.00,27.72 68.00,18.10 122.00,22.91 176.00,8.49" fill="none" stroke="#EF4444" stroke-width="0.50" stroke-linejoin="round" stroke-linecap="round"/><circle cx="14.00" cy="27.72" r="0.8" fill="#EF4444" stroke="white" stroke-width="0.3"/><circle cx="68.00" cy="18.10" r="0.8" fill="#EF4444" stroke="white" stroke-width="0.3"/><circle cx="122.00" cy="22.91" r="0.8" fill="#EF4444" stroke="white" stroke-width="0.3"/><circle cx="176.00" cy="8.49" r="0.8" fill="#EF4444" stroke="white" stroke-width="0.3"/><polyline points="14.00,40.55 68.00,35.74 122.00,30.93 176.00,26.12" fill="none" stroke="#8B5CF6" stroke-width="0.50" stroke-linejoin="round" stroke-linecap="round"/><circle cx="14.00" cy="40.55" r="0.8" fill="#8B5CF6" stroke="white" stroke-width="0.3"/><circle cx="68.00" cy="35.74" r="0.8" fill="#8B5CF6" stroke="white" stroke-width="0.3"/><circle cx="122.00" cy="30.93" r="0.8" fill="#8B5CF6" stroke="white" stroke-width="0.3"/><circle cx="176.00" cy="26.12" r="0.8" fill="#8B5CF6" stroke="white" stroke-width="0.3"/><text x="14.00" y="68.70" font-size="2.5" fill="#666" text-anchor="middle">H1</text><text x="68.00" y="68.70" font-size="2.5" fill="#666" text-anchor="middle">H2</text><text x="122.00" y="68.70" font-size="2.5" fill="#666" text-anchor="middle">H3</text><text x="176.00" y="68.70" font-size="2.5" fill="#666" text-anchor="middle">H4</text><line x1="14.00" y1="66.20" x2="176.00" y2="66.20" stroke="#9CA3AF" stroke-width="0.3"/><rect x="74.78" y="76.16" width="2.5" height="2.5" fill="#EF4444" rx="0.3"/><text x="78.90" y="77.84" font-size="2.8" fill="#666" text-anchor="start">Organik</text><rect x="92.70" y="76.16" width="2.5" height="2.5" fill="#8B5CF6" rx="0.3"/><text x="96.82" y="77.84" font-size="2.8" fill="#666" text-anchor="start">Reklam</text></svg></div><div class='chart-box' style='width:179.99999491373697mm;height:79.99999953375921mm'><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 179.99999491373697 79.99999953375921" width="100%" height="100%"><rect width="179.99999491373697" height="79.99999953375921" fill="#FFFFFF"/><text x="90.00" y="4.60" font-size="4.0" fill="#1a1a1a" text-anchor="middle" font-weight="bold">Kategori Dagilimi</text><path d="M 92.00 40.80 L 92.00 17.92 A 22.88 22.88 0 0 1 110.51 54.25 Z" fill="#4F46E5" stroke="white" stroke-width="0.3"/><text x="105.25" y="34.05" font-size="2.5" fill="#FFFFFF" text-anchor="middle" dominant-baseline="central">35%</text><line x1="112.39" y1="30.41" x2="115.06" y2="29.05" stroke="#999" stroke-width="0.2"/><text x="115.95" y="28.60" font-size="2.5" fill="#555" text-anchor="start" dominant-baseline="central">Elektronik</text><path d="M 92.00 40.80 L 110.51 54.25 A 22.88 22.88 0 0 1 78.55 59.31 Z" fill="#10B981" stroke="white" stroke-width="0.3"/><text x="94.33" y="55.49" font-size="2.5" fill="#FFFFFF" text-anchor="middle" dominant-baseline="central">25%</text><line x1="95.58" y1="63.40" x2="96.05" y2="66.36" stroke="#999" stroke-width="0.2"/><text x="96.20" y="67.35" font-size="2.5" fill="#555" text-anchor="start" dominant-baseline="central">Giyim</text><path d="M 92.00 40.80 L 78.55 59.31 A 22.88 22.88 0 0 1 70.24 33.73 Z" fill="#F59E0B" stroke="white" stroke-width="0.3"/><text x="77.86" y="45.40" font-size="2.5" fill="#FFFFFF" text-anchor="middle" dominant-baseline="central">20%</text><line x1="70.24" y1="47.87" x2="67.39" y2="48.80" stroke="#999" stroke-width="0.2"/><text x="66.44" y="49.11" font-size="2.5" fill="#555" text-anchor="end" dominant-baseline="central">Gida</text><path d="M 92.00 40.80 L 70.24 33.73 A 22.88 22.88 0 0 1 80.98 20.75 Z" fill="#EF4444" stroke="white" stroke-width="0.3"/><text x="80.54" y="31.32" font-size="2.5" fill="#FFFFFF" text-anchor="middle" dominant-baseline="central">12%</text><line x1="74.37" y1="26.22" x2="72.06" y2="24.30" stroke="#999" stroke-width="0.2"/><text x="71.29" y="23.67" font-size="2.5" fill="#555" text-anchor="end" dominant-baseline="central">Kozmetik</text><path d="M 92.00 40.80 L 80.98 20.75 A 22.88 22.88 0 0 1 92.00 17.92 Z" fill="#8B5CF6" stroke="white" stroke-width="0.3"/><text x="88.30" y="26.40" font-size="2.5" fill="#FFFFFF" text-anchor="middle" dominant-baseline="central">8%</text><line x1="86.31" y1="18.64" x2="85.56" y2="15.73" stroke="#999" stroke-width="0.2"/><text x="85.32" y="14.76" font-size="2.5" fill="#555" text-anchor="end" dominant-baseline="central">Diger</text><rect x="180.00" y="7.60" width="2.5" height="2.5" fill="#4F46E5" rx="0.3"/><text x="184.12" y="9.56" font-size="2.8" fill="#666" text-anchor="start">Elektronik</text><rect x="180.00" y="12.40" width="2.5" height="2.5" fill="#10B981" rx="0.3"/><text x="184.12" y="14.36" font-size="2.8" fill="#666" text-anchor="start">Giyim</text><rect x="180.00" y="17.20" width="2.5" height="2.5" fill="#F59E0B" rx="0.3"/><text x="184.12" y="19.16" font-size="2.8" fill="#666" text-anchor="start">Gida</text><rect x="180.00" y="22.00" width="2.5" height="2.5" fill="#EF4444" rx="0.3"/><text x="184.12" y="23.96" font-size="2.8" fill="#666" text-anchor="start">Kozmetik</text><rect x="180.00" y="26.80" width="2.5" height="2.5" fill="#8B5CF6" rx="0.3"/><text x="184.12" y="28.76" font-size="2.8" fill="#666" text-anchor="start">Diger</text></svg></div></body></html>
Reference in New Issue View Git Blame Copy Permalink