VibeCoderzVibeCoderz
Telegram
All Prompts
Futuristic HUD Radar SVG Hero preview
svgradarsci-figradientdecorativehud

Futuristic HUD Radar SVG Hero

SVG-графика футуристического HUD-радара. Идеально для лендингов, дашбордов и визуализации данных в стиле Sci-Fi.

Prompt

<svg class="hero" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1472 768" role="img" aria-labelledby="title desc">
  <title>Futuristic HUD Radar Semicircle Hero</title>
  <desc>Minimal sci-fi radar composed of concentric arcs, radial grid lines, glowing nodes, and a sweeping highlight sector on a deep navy space gradient.</desc>
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#0a0820"></stop>
      <stop offset="100%" stop-color="#09071a"></stop>
    </linearGradient>
    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="6" result="b"></feGaussianBlur>
      <feMerge><feMergeNode in="b"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge>
    </filter>
    <clipPath id="semiClip"><rect x="0" y="0" width="1472" height="708"></rect></clipPath>
    <radialGradient id="nodeGrad" cx="50%" cy="50%" r="50%">
      <stop offset="0%" stop-color="#cbb6ff"></stop>
      <stop offset="60%" stop-color="#9f8dff" stop-opacity="0.9"></stop>
      <stop offset="100%" stop-color="#9f8dff" stop-opacity="0"></stop>
    </radialGradient>
  </defs>

  <rect width="100%" height="100%" fill="url(#bg)"></rect>

  <g opacity="0.45">
    <circle cx="941.24" cy="14.71" r="0.75" fill="#bfb9ff" opacity="0.12"></circle><circle cx="1084.09" cy="397.90" r="1.30" fill="#bfb9ff" opacity="0.09"></circle><circle cx="621.07" cy="17.52" r="0.70" fill="#bfb9ff" opacity="0.17"></circle><circle cx="39.06" cy="116.92" r="1.08" fill="#bfb9ff" opacity="0.17"></circle><circle cx="324.49" cy="346.49" r="1.23" fill="#bfb9ff" opacity="0.08"></circle><circle cx="1186.17" cy="410.51" r="0.81" fill="#bfb9ff" opacity="0.11"></circle><circle cx="1409.02" cy="197.92" r="0.58" fill="#bfb9ff" opacity="0.10"></circle><circle cx="1247.51" cy="354.99" r="1.23" fill="#bfb9ff" opacity="0.20"></circle><circle cx="789.33" cy="572.19" r="0.84" fill="#bfb9ff" opacity="0.17"></circle><circle cx="1220.88" cy="363.69" r="1.28" fill="#bfb9ff" opacity="0.18"></circle><circle cx="1037.13" cy="26.94" r="0.71" fill="#bfb9ff" opacity="0.13"></circle><circle cx="117.45" cy="136.88" r="0.59" fill="#bfb9ff" opacity="0.13"></circle><circle cx="935.73" cy="214.52" r="0.83" fill="#bfb9ff" opacity="0.12"></circle><circle cx="392.99" cy="550.75" r="1.08" fill="#bfb9ff" opacity="0.18"></circle><circle cx="251.92" cy="428.73" r="0.65" fill="#bfb9ff" opacity="0.14"></circle><circle cx="1456.58" cy="376.32" r="1.00" fill="#bfb9ff" opacity="0.20"></circle><circle cx="1240.68" cy="456.29" r="0.71" fill="#bfb9ff" opacity="0.09"></circle><circle cx="464.35" cy="157.43" r="0.69" fill="#bfb9ff" opacity="0.24"></circle><circle cx="1290.01" cy="185.03" r="1.09" fill="#bfb9ff" opacity="0.15"></circle><circle cx="1346.21" cy="269.80" r="0.74" fill="#bfb9ff" opacity="0.12"></circle><circle cx="826.33" cy="154.49" r="1.03" fill="#bfb9ff" opacity="0.23"></circle><circle cx="587.92" cy="128.96" r="1.40" fill="#bfb9ff" opacity="0.17"></circle><circle cx="133.82" cy="27.70" r="0.60" fill="#bfb9ff" opacity="0.19"></circle><circle cx="1165.94" cy="248.23" r="0.56" fill="#bfb9ff" opacity="0.14"></circle><circle cx="1466.29" cy="311.12" r="1.37" fill="#bfb9ff" opacity="0.23"></circle><circle cx="16.90" cy="423.78" r="1.11" fill="#bfb9ff" opacity="0.17"></circle><circle cx="392.77" cy="376.89" r="0.60" fill="#bfb9ff" opacity="0.15"></circle><circle cx="667.88" cy="560.84" r="1.29" fill="#bfb9ff" opacity="0.12"></circle><circle cx="736.86" cy="105.05" r="1.32" fill="#bfb9ff" opacity="0.23"></circle><circle cx="439.31" cy="375.70" r="1.05" fill="#bfb9ff" opacity="0.11"></circle><circle cx="1122.42" cy="317.15" r="1.20" fill="#bfb9ff" opacity="0.17"></circle><circle cx="0.84" cy="190.60" r="0.52" fill="#bfb9ff" opacity="0.24"></circle><circle cx="1293.48" cy="489.02" r="0.78" fill="#bfb9ff" opacity="0.09"></circle><circle cx="1292.43" cy="556.81" r="0.58" fill="#bfb9ff" opacity="0.16"></circle><circle cx="101.88" cy="447.23" r="1.19" fill="#bfb9ff" opacity="0.10"></circle><circle cx="699.62" cy="323.28" r="0.74" fill="#bfb9ff" opacity="0.23"></circle><circle cx="622.86" cy="124.54" r="0.99" fill="#bfb9ff" opacity="0.20"></circle><circle cx="296.09" cy="183.29" r="1.40" fill="#bfb9ff" opacity="0.19"></circle><circle cx="644.88" cy="304.33" r="0.61" fill="#bfb9ff" opacity="0.12"></circle><circle cx="497.66" cy="345.93" r="0.71" fill="#bfb9ff" opacity="0.12"></circle><circle cx="104.50" cy="371.09" r="0.71" fill="#bfb9ff" opacity="0.23"></circle><circle cx="1265.38" cy="41.66" r="0.71" fill="#bfb9ff" opacity="0.19"></circle><circle cx="315.36" cy="77.80" r="1.34" fill="#bfb9ff" opacity="0.18"></circle><circle cx="695.77" cy="461.36" r="1.23" fill="#bfb9ff" opacity="0.11"></circle><circle cx="142.68" cy="253.46" r="0.88" fill="#bfb9ff" opacity="0.16"></circle><circle cx="1073.20" cy="395.94" r="1.39" fill="#bfb9ff" opacity="0.10"></circle><circle cx="592.66" cy="199.51" r="1.28" fill="#bfb9ff" opacity="0.12"></circle><circle cx="279.99" cy="263.78" r="0.88" fill="#bfb9ff" opacity="0.13"></circle><circle cx="367.72" cy="542.88" r="0.90" fill="#bfb9ff" opacity="0.23"></circle><circle cx="810.08" cy="29.75" r="1.40" fill="#bfb9ff" opacity="0.22"></circle><circle cx="1426.36" cy="544.70" r="1.26" fill="#bfb9ff" opacity="0.11"></circle><circle cx="714.86" cy="125.68" r="0.86" fill="#bfb9ff" opacity="0.09"></circle><circle cx="557.85" cy="579.36" r="0.74" fill="#bfb9ff" opacity="0.21"></circle><circle cx="669.77" cy="248.73" r="1.36" fill="#bfb9ff" opacity="0.25"></circle><circle cx="818.09" cy="422.42" r="0.64" fill="#bfb9ff" opacity="0.13"></circle><circle cx="1425.94" cy="340.56" r="0.99" fill="#bfb9ff" opacity="0.21"></circle><circle cx="84.15" cy="343.50" r="0.95" fill="#bfb9ff" opacity="0.22"></circle><circle cx="231.74" cy="564.94" r="0.57" fill="#bfb9ff" opacity="0.11"></circle><circle cx="875.89" cy="397.02" r="0.71" fill="#bfb9ff" opacity="0.10"></circle><circle cx="1310.50" cy="144.77" r="1.04" fill="#bfb9ff" opacity="0.19"></circle>
  </g>

  <g clip-path="url(#semiClip)">
    <g fill="none" stroke="#8d7bff" stroke-opacity="0.25">
      <path d="M 516.00,708.00 A 220.00,220.00 0 0 1 956.00,708.00" stroke-width="2"></path><path d="M 376.00,708.00 A 360.00,360.00 0 0 1 1096.00,708.00" stroke-width="2"></path><path d="M 236.00,708.00 A 500.00,500.00 0 0 1 1236.00,708.00" stroke-width="2"></path><path d="M 96.00,708.00 A 640.00,640.00 0 0 1 1376.00,708.00" stroke-width="2"></path>
    </g>
    <g stroke="#8d7bff" stroke-opacity="0.20" stroke-width="1.5">
      <line x1="736.00" y1="708.00" x2="115.80" y2="482.27"></line><line x1="736.00" y1="708.00" x2="311.76" y2="202.41"></line><line x1="736.00" y1="708.00" x2="736.00" y2="48.00"></line><line x1="736.00" y1="708.00" x2="1160.24" y2="202.41"></line><line x1="736.00" y1="708.00" x2="1356.20" y2="482.27"></line>
    </g>
    <path id="wedge" d="M 1290.26,388.00 A 640.00,640.00 0 0 1 1337.40,926.89 L 1093.08,837.97 A 380.00,380.00 0 0 0 1065.09,518.00 Z" fill="#8d7bff" fill-opacity="0.18" filter="url(#glow)"></path>
  </g>

  <line x1="0" y1="708" x2="1472" y2="708" stroke="#7a69ff" stroke-opacity="0.12"></line>

  <g>
    <g filter="url(#glow)"><circle cx="504.60" cy="432.22" r="5.5" fill="#cbb6ff"></circle><circle cx="504.60" cy="432.22" r="24" fill="url(#nodeGrad)" opacity="0.7"></circle></g><g filter="url(#glow)"><circle cx="1061.27" cy="382.73" r="5.5" fill="#cbb6ff"></circle><circle cx="1061.27" cy="382.73" r="24" fill="url(#nodeGrad)" opacity="0.7"></circle></g><g filter="url(#glow)"><circle cx="736.00" cy="188.00" r="5.5" fill="#cbb6ff"></circle><circle cx="736.00" cy="188.00" r="24" fill="url(#nodeGrad)" opacity="0.7"></circle></g>
  </g>

  <g filter="url(#glow)">
    <circle cx="736.0" cy="708" r="22" fill="none" stroke="#b6a6ff" stroke-width="2"></circle>
    <circle cx="736.0" cy="708" r="10" fill="#cbb6ff"></circle>
  </g>
</svg>
All Prompts