61 lines
3.1 KiB
XML
61 lines
3.1 KiB
XML
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="webScrapingGrad" 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>
|
|
|
|
<!-- Browser window with data -->
|
|
<rect x="5" y="12" width="35" height="25" fill="none" stroke="url(#webScrapingGrad)" stroke-width="2" rx="3"/>
|
|
<rect x="5" y="12" width="35" height="6" fill="url(#webScrapingGrad)" rx="3"/>
|
|
|
|
<!-- Browser dots -->
|
|
<circle cx="9" cy="15" r="1" fill="white"/>
|
|
<circle cx="12" cy="15" r="1" fill="white"/>
|
|
<circle cx="15" cy="15" r="1" fill="white"/>
|
|
|
|
<!-- Data lines in browser -->
|
|
<line x1="8" y1="22" x2="25" y2="22" stroke="url(#webScrapingGrad)" stroke-width="1.5"/>
|
|
<line x1="8" y1="26" x2="32" y2="26" stroke="url(#webScrapingGrad)" stroke-width="1.5"/>
|
|
<line x1="8" y1="30" x2="20" y2="30" stroke="url(#webScrapingGrad)" stroke-width="1.5"/>
|
|
<line x1="8" y1="34" x2="28" y2="34" stroke="url(#webScrapingGrad)" stroke-width="1.5"/>
|
|
|
|
<!-- Extraction arrow -->
|
|
<path d="M 42 25 Q 48 20 52 25" stroke="url(#webScrapingGrad)" stroke-width="2" fill="none" marker-end="url(#extractArrow)"/>
|
|
|
|
<!-- Database/storage -->
|
|
<rect x="46" y="35" width="12" height="20" fill="none" stroke="url(#webScrapingGrad)" stroke-width="2" rx="2"/>
|
|
|
|
<!-- Data rows in storage -->
|
|
<line x1="48" y1="40" x2="56" y2="40" stroke="url(#webScrapingGrad)" stroke-width="1"/>
|
|
<line x1="48" y1="43" x2="54" y2="43" stroke="url(#webScrapingGrad)" stroke-width="1"/>
|
|
<line x1="48" y1="46" x2="56" y2="46" stroke="url(#webScrapingGrad)" stroke-width="1"/>
|
|
<line x1="48" y1="49" x2="52" y2="49" stroke="url(#webScrapingGrad)" stroke-width="1"/>
|
|
<line x1="48" y1="52" x2="55" y2="52" stroke="url(#webScrapingGrad)" stroke-width="1"/>
|
|
|
|
<!-- Web network nodes -->
|
|
<circle cx="15" cy="45" r="3" fill="url(#webScrapingGrad)" opacity="0.7"/>
|
|
<circle cx="25" cy="50" r="2.5" fill="url(#webScrapingGrad)" opacity="0.7"/>
|
|
<circle cx="35" cy="48" r="2" fill="url(#webScrapingGrad)" opacity="0.7"/>
|
|
|
|
<!-- Connection lines -->
|
|
<line x1="17" y1="46" x2="23" y2="49" stroke="url(#webScrapingGrad)" stroke-width="1.5" opacity="0.6"/>
|
|
<line x1="27" y1="50" x2="33" y2="48" stroke="url(#webScrapingGrad)" stroke-width="1.5" opacity="0.6"/>
|
|
|
|
<!-- Data extraction particles -->
|
|
<circle cx="44" cy="23" r="1" fill="url(#webScrapingGrad)">
|
|
<animate attributeName="cx" values="44;50;44" dur="2s" repeatCount="indefinite"/>
|
|
<animate attributeName="opacity" values="1;0.3;1" dur="2s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<circle cx="42" cy="27" r="0.8" fill="url(#webScrapingGrad)">
|
|
<animate attributeName="cx" values="42;48;42" dur="2.5s" repeatCount="indefinite"/>
|
|
<animate attributeName="opacity" values="1;0.3;1" dur="2.5s" repeatCount="indefinite"/>
|
|
</circle>
|
|
|
|
<defs>
|
|
<marker id="extractArrow" markerWidth="8" markerHeight="6" refX="7" refY="3" orient="auto">
|
|
<polygon points="0 0, 8 3, 0 6" fill="#667eea"/>
|
|
</marker>
|
|
</defs>
|
|
</svg> |