docs/assets/images/diagrams/parser_pipeline.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 300">
    <defs>
        <!-- Refined gradients -->
        <linearGradient id="docGradient" x1="0%" y1="0%" x2="100%" y2="100%">
            <stop offset="0%" style="stop-color:#4A90E2;stop-opacity:1" />
            <stop offset="100%" style="stop-color:#2980B9;stop-opacity:1" />
        </linearGradient>

        <!-- Stage gradients -->
        <linearGradient id="parseGradient" x1="0%" y1="0%" x2="0%" y2="100%">
            <stop offset="0%" style="stop-color:#2ECC71;stop-opacity:1" />
            <stop offset="100%" style="stop-color:#27AE60;stop-opacity:1" />
        </linearGradient>
        <linearGradient id="embedGradient" x1="0%" y1="0%" x2="0%" y2="100%">
            <stop offset="0%" style="stop-color:#9B59B6;stop-opacity:1" />
            <stop offset="100%" style="stop-color:#8E44AD;stop-opacity:1" />
        </linearGradient>
        <linearGradient id="thumbGradient" x1="0%" y1="0%" x2="0%" y2="100%">
            <stop offset="0%" style="stop-color:#E74C3C;stop-opacity:1" />
            <stop offset="100%" style="stop-color:#C0392B;stop-opacity:1" />
        </linearGradient>

        <!-- Elegant shadows -->
        <filter id="dropShadow" x="-20%" y="-20%" width="140%" height="140%">
            <feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
            <feOffset dx="1" dy="1"/>
            <feComponentTransfer>
                <feFuncA type="linear" slope="0.2"/>
            </feComponentTransfer>
            <feMerge>
                <feMergeNode/>
                <feMergeNode in="SourceGraphic"/>
            </feMerge>
        </filter>

        <!-- Subtle glow for document node -->
        <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
            <feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur"/>
            <feFlood flood-color="#4A90E2" flood-opacity="0.3" result="color"/>
            <feComposite in="color" in2="blur" operator="in" result="shadow"/>
            <feMerge>
                <feMergeNode in="shadow"/>
                <feMergeNode in="SourceGraphic"/>
            </feMerge>
        </filter>

        <!-- Flow arrow -->
        <marker id="flowArrow" markerWidth="10" markerHeight="8" refX="9" refY="4" orient="auto">
            <path d="M0,0 L10,4 L0,8 L2,4 Z" fill="#34495E"/>
        </marker>
    </defs>

    <!-- Clean background -->
    <rect width="1200" height="300" fill="#F8F9FA"/>

    <!-- Main flow line -->
    <path d="M120,150 L1080,150" stroke="#34495E" stroke-width="2"
          stroke-dasharray="6,4" marker-end="url(#flowArrow)"/>

    <!-- Document Input -->
    <g transform="translate(120,150)">
        <circle r="35" fill="url(#docGradient)" filter="url(#glow)"/>
        <text x="0" y="-5" fill="white" text-anchor="middle"
              font-family="Arial" font-size="13" font-weight="500">Document</text>
        <text x="0" y="12" fill="white" text-anchor="middle"
              font-family="Arial" font-size="13" font-weight="500">Input</text>
    </g>

    <!-- Stage labels -->
    <g font-family="Arial" font-size="11" fill="#34495E">
        <text x="300" y="125" text-anchor="middle">Parsed Document →</text>
        <text x="600" y="125" text-anchor="middle">Embedded Document →</text>
        <text x="900" y="125" text-anchor="middle">Processed Document →</text>
    </g>

    <!-- Parser Stage -->
    <g transform="translate(300,150)">
        <!-- Stage container -->
        <rect x="-100" y="-120" width="200" height="240" rx="12"
              fill="white" stroke="#2ECC71" stroke-width="2" filter="url(#dropShadow)"/>

        <!-- Header -->
        <rect x="-100" y="-120" width="200" height="40" rx="12"
              fill="url(#parseGradient)" stroke="none"/>
        <text x="0" y="-95" fill="white" text-anchor="middle"
              font-family="Arial" font-size="14" font-weight="600">Parser Stage</text>

        <!-- Available processors -->
        <text x="0" y="-65" fill="#34495E" text-anchor="middle"
              font-family="Arial" font-size="12">Available Parsers</text>

        <!-- Processor options -->
        <g transform="translate(0,-35)">
            <rect x="-80" y="-12" width="160" height="24" rx="4"
                  fill="white" stroke="#2ECC71"/>
            <text x="0" y="4" text-anchor="middle" font-family="Arial" font-size="11">Docling Parser</text>
        </g>

        <g transform="translate(0,0)">
            <rect x="-80" y="-12" width="160" height="24" rx="4"
                  fill="white" stroke="#2ECC71"/>
            <text x="0" y="4" text-anchor="middle" font-family="Arial" font-size="11">NLM Parser</text>
        </g>

        <g transform="translate(0,35)">
            <rect x="-80" y="-12" width="160" height="24" rx="4"
                  fill="white" stroke="#2ECC71"/>
            <text x="0" y="4" text-anchor="middle" font-family="Arial" font-size="11">Text Parser</text>
        </g>

        <g transform="translate(0,70)">
            <rect x="-80" y="-12" width="160" height="24" rx="4"
                  fill="white" stroke="#2ECC71" stroke-dasharray="4"/>
            <text x="0" y="4" text-anchor="middle" font-family="Arial" font-size="11">Custom Parser</text>
        </g>
    </g>

    <!-- Embedder Stage -->
    <g transform="translate(600,150)">
        <!-- Stage container -->
        <rect x="-100" y="-120" width="200" height="240" rx="12"
              fill="white" stroke="#9B59B6" stroke-width="2" filter="url(#dropShadow)"/>

        <!-- Header -->
        <rect x="-100" y="-120" width="200" height="40" rx="12"
              fill="url(#embedGradient)" stroke="none"/>
        <text x="0" y="-95" fill="white" text-anchor="middle"
              font-family="Arial" font-size="14" font-weight="600">Embedder Stage</text>

        <!-- Available processors -->
        <text x="0" y="-65" fill="#34495E" text-anchor="middle"
              font-family="Arial" font-size="12">Available Embedders</text>

        <!-- Processor options -->
        <g transform="translate(0,-35)">
            <rect x="-80" y="-12" width="160" height="24" rx="4"
                  fill="white" stroke="#9B59B6"/>
            <text x="0" y="4" text-anchor="middle" font-family="Arial" font-size="11">Microservice</text>
        </g>

        <g transform="translate(0,0)">
            <rect x="-80" y="-12" width="160" height="24" rx="4"
                  fill="white" stroke="#9B59B6" stroke-dasharray="4"/>
            <text x="0" y="4" text-anchor="middle" font-family="Arial" font-size="11">Custom Embedder</text>
        </g>
    </g>

    <!-- Thumbnailer Stage -->
    <g transform="translate(900,150)">
        <!-- Stage container -->
        <rect x="-100" y="-120" width="200" height="240" rx="12"
              fill="white" stroke="#E74C3C" stroke-width="2" filter="url(#dropShadow)"/>

        <!-- Header -->
        <rect x="-100" y="-120" width="200" height="40" rx="12"
              fill="url(#thumbGradient)" stroke="none"/>
        <text x="0" y="-95" fill="white" text-anchor="middle"
              font-family="Arial" font-size="14" font-weight="600">Thumbnailer Stage</text>

        <!-- Available processors -->
        <text x="0" y="-65" fill="#34495E" text-anchor="middle"
              font-family="Arial" font-size="12">Available Thumbnailers</text>

        <!-- Processor options -->
        <g transform="translate(0,-35)">
            <rect x="-80" y="-12" width="160" height="24" rx="4"
                  fill="white" stroke="#E74C3C"/>
            <text x="0" y="4" text-anchor="middle" font-family="Arial" font-size="11">PDF Thumbnailer</text>
        </g>

        <g transform="translate(0,0)">
            <rect x="-80" y="-12" width="160" height="24" rx="4"
                  fill="white" stroke="#E74C3C"/>
            <text x="0" y="4" text-anchor="middle" font-family="Arial" font-size="11">Text Thumbnailer</text>
        </g>
    </g>
</svg>