(???) svg xmlns="http://www.w3.org/2000/svg" fill="white" width="640" height="500" font-family="Open Sans, DejaVu Sans, Liberation Sans, Arial, sans-serif" text-anchor="middle" dominant-baseline="middle">
 (???) <defs>
 (???)  <marker id="arrow" markerWidth="25" markerHeight="25" refX="6" refY="3" orient="auto-start-reverse">
 (???)   <path d="M0 0 L0 6 L9 3 z" fill="#7f7f7f" stroke="none"/>
 (???)  </marker>
 (???) </defs>
 (???) <!-- arrows -->
 (???) <g stroke-width="2" stroke="#7f7f7f">
 (???)  <line x1="320" y1="100" x2="320" y2="212" marker-start="url(#arrow)" marker-end="url(#arrow)"/>
 (???) 
 (???)  <line x1="190" y1="64"  x2="291" y2="212" marker-start="url(#arrow)" marker-end="url(#arrow)"/>
 (???)  <line x1="190" y1="142" x2="273" y2="212" marker-start="url(#arrow)" marker-end="url(#arrow)"/>
 (???)  <line x1="190" y1="218" x2="230" y2="229" marker-start="url(#arrow)" marker-end="url(#arrow)"/>
 (???)  <line x1="190" y1="293" x2="230" y2="282" marker-start="url(#arrow)" marker-end="url(#arrow)"/>
 (???)  <line x1="190" y1="369" x2="273" y2="300" marker-start="url(#arrow)" marker-end="url(#arrow)"/>
 (???)  <line x1="190" y1="447" x2="291" y2="300" marker-start="url(#arrow)" marker-end="url(#arrow)"/>
 (???)  <line x1="320" y1="300" x2="320" y2="412" marker-start="url(#arrow)" marker-end="url(#arrow)"/>
 (???) 
 (???)  <line x1="405" y1="256" x2="452" y2="256" marker-end="url(#arrow)"/>
 (???) </g>
 (???) <!-- components -->
 (???) <g font-weight="bold">
 (???)  <g transform="translate(240, 20)">
 (???)   <rect fill="#008ad7" width="164" height="72"/>
 (???)   <text x="82" y="36">Azure</text>
 (???)  </g>
 (???)  <g transform="translate(20, 20)">
 (???)   <rect fill="#3b5998" width="164" height="72"/>
 (???)   <text x="82" y="36">Facebook</text>
 (???)  </g>
 (???)  <g transform="translate(20, 100)">
 (???)   <rect fill="#211f1f" width="164" height="72"/>
 (???)   <text x="82" y="36">GitHub</text>
 (???)  </g>
 (???)  <g transform="translate(20, 180)">
 (???)   <rect fill="#db4437" width="164" height="72"/>
 (???)   <text x="82" y="36">Google</text>
 (???)  </g>
 (???)  <g transform="translate(20, 260)">
 (???)    <rect fill="#009900" width="164" height="72"/>
 (???)    <text x="82" y="36">KPN Grip</text>
 (???)  </g>
 (???)  <g transform="translate(20, 340)">
 (???)   <rect fill="#0073e7" width="164" height="72"/>
 (???)   <text x="82" y="36">NetIQ</text>
 (???)  </g>
 (???)  <g transform="translate(20, 420)">
 (???)   <rect fill="#f78c40" width="164" height="72"/>
 (???)   <text x="82" y="36">OpenID Connect</text>
 (???)  </g>
 (???)  <g transform="translate(240, 420)">
 (???)   <rect fill="#009EDB" width="164" height="72"/>
 (???)   <text x="82" y="36">Salesforce</text>
 (???)  </g>
 (???)  <g transform="translate(240, 220)">
 (???)   <rect fill="#ce5127" width="164" height="72"/>
 (???)   <text x="82" y="36">shakehands</text>
 (???)  </g>
 (???)  <g transform="translate(460, 220)">
 (???)   <rect fill="#f9b017" width="164" height="72"/>
 (???)   <text fill="#4b4b4b">
 (???)    <tspan x="82" y="26">legacy</tspan>
 (???)    <tspan x="82" y="48">application</tspan>
 (???)   </text>
 (???)  </g>
 (???) </g>
 (???) <!-- texts -->
 (???) <text fill="#4b4b4b" x="430" y="242" font-size="10">JWT</text>
 (???) /svg>