Compare three website screenshot services side by side

flowchart TD trig(("user submits target website")):::human s0["receive target url"]:::task s1[["capture screenshots"]]:::mi s2["combine results for comparison"]:::task trig --> s0 s1 --> s2 gx{"+ which screenshot service"}:::gate s0 --> gx p00["capture screenshot"]:::task gx -->|"service one"| p00 p10["capture screenshot"]:::task gx -->|"service two"| p10 p20["capture screenshot"]:::task gx -->|"service three"| p20 jn{"+ combine screenshots"}:::gate p00 --> jn p10 --> jn p20 --> jn jn --> s1 out[/"three screenshots ready to compare"/]:::out pay{{"picks the best screenshot tool faster"}}:::pay s2 --> out out --> pay classDef task fill:#e7f6fe,stroke:#34b8f0,color:#2c2a29 classDef svc fill:#f6f8fa,stroke:#7c8795,color:#2c2a29 classDef mi fill:#e7f6fe,stroke:#0079a8,color:#2c2a29,stroke-width:2px classDef human fill:#fff,stroke:#0079a8,color:#0079a8 classDef store fill:#f6f8fa,stroke:#0079a8,color:#2c2a29 classDef trig fill:#00a4eb,stroke:#0079a8,color:#fff,font-weight:bold classDef trigtime fill:#00a4eb,stroke:#0079a8,color:#fff,font-weight:bold classDef trigdata fill:#8ad4f5,stroke:#0079a8,color:#06314c,font-weight:bold classDef gate fill:#fff,stroke:#e8a23d,color:#6b4708,font-weight:bold classDef out fill:#1f9d6b,stroke:#167a53,color:#fff,font-weight:bold classDef pay fill:#06314c,stroke:#021f33,color:#fff