docs/source/examples/images/state_sync.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="529px" height="413px" version="1.1" content="&lt;mxfile userAgent=&quot;Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.130 Safari/537.36&quot; type=&quot;browser&quot;&gt;&lt;diagram&gt;7Vhdb+I6EP01eVyUjwLNI+0t7cteXakPu/voxibx1omRYxrYX98Zx04cKLettlSACkhkju2xPT7jMxAk1+X6VpFl8V1SJoI4pOsg+SeI4yhKL+ALkU2LTFOwEMgVp7ZTD9zzP8yCoUVXnLJ60FFLKTRfDsFMVhXL9ABbSDGcYkly574H7jMidtEfnOqiRS/jSY/fMZ4XbppokrYttd44H5QtyErobwayey2J82V2ldxAxJSU4Aaf5MNvXHkcrktR2V0VWi+DZBbEc/g0TTNqkpFUORhRmsKk83WhS4g0ehfkAYJuhrWAC2w/Wbm+ZgK6z1sTHuykh12AiedgARBDxSobv/aID76mTJalJYkgdc0XPCOay6ptfRAye3QMlCuYwGOC24jZ13Aj3pHDsIoy7BoFyVVTcM3ulyTD1gayAjCzrrZ5ISs9JyUXmBB3TDwxDesBh/+yFQtiiEPooWjOFCcw2oy0CRInYNcFobIBKwQjx63Z5yemcLSYCZ7jLktOKa71ilgggyNgyrq8lkLCM2wkmZsXutZKPnY5gD4XXAivZ5ROp+m46+laKlnhPG3wcBnMXQQug/rT98lxy2TJtNrgebetE5v/9tqIxtZu+ryMo2mLFV5OTsYtRixn8s7zgGr2GI+feckX8z6Zecn0HKi3n3Y1g1gQDVF7hXpGufdST3ATcMoVLLl1XssVBuhUOEdDfO9wDpc95Jbfl5K66BIOjf+IBu84TzQdAVPCeAxfH8NEq5COiekuEV2Z5PPwwoHHTkQIcpXbwg3RV/ho0msvHxmFUs6aUulC5rIi4qZHr/rLEs/HIylbc/3Te/6FXUZ4x8BBqQ024Qhj+G10ppShpL18AJnDZeXurSOm/tYl6qhvJtumfte3o35Pbwz6/5MbzkiulFEkV0dBBU9UzmwvX+C8FFBMAFWeht6PgtAQLFz8O2V9qzI2vyg+RtZf1MHz0PowxfdBCsrk8hRVveWe/ZX9VwQ0O/0i4CcScLuuPE0G7qddw8jj28X88tBibkXayrlp6cS813Yj5+cp5lAFvknNdwvZcASHFSZeGftenTeiPtR5/8I5CZ3/KKabvwi/mH6mTH+hovVru8MxHcz+L2TT1fsHPrl5Bg==&lt;/diagram&gt;&lt;/mxfile&gt;">
  <style>
    g {
        font-weight: lighter !important;
    }
    rect {
        rx: 8px !important;
        ry: 8px !important;
    }
    path {
        stroke-linecap: round !important;
    }
  </style><defs/><g transform="translate(0.5,0.5)"><rect x="1" y="61" width="217" height="65" rx="9.75" ry="9.75" fill="#197795" stroke="none" pointer-events="none"/><g transform="translate(72,81)"><switch><foreignObject pointer-events="all" width="75" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 75px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">comm</div></div></foreignObject><text x="38" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><rect x="311" y="61" width="217" height="65" rx="9.75" ry="9.75" fill="#197795" stroke="none" pointer-events="none"/><g transform="translate(382,81)"><switch><foreignObject pointer-events="all" width="75" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 75px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">comm</div></div></foreignObject><text x="38" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><path d="M 61 206 L 471 206" fill="none" stroke="#d0d0d0" stroke-miterlimit="10" stroke-dasharray="17 25" transform="rotate(90,266,206)" pointer-events="none"/><path d="M 218 94 L 311 94" fill="none" stroke="#197795" stroke-width="3" stroke-miterlimit="10" pointer-events="none"/><rect x="1" y="291" width="217" height="65" rx="9.75" ry="9.75" fill="#090909" stroke="none" pointer-events="none"/><g transform="translate(68,311)"><switch><foreignObject pointer-events="all" width="83" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 83px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Widget</div></div></foreignObject><text x="42" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><rect x="311" y="291" width="217" height="65" rx="9.75" ry="9.75" fill="#090909" stroke="none" pointer-events="none"/><g transform="translate(346,311)"><switch><foreignObject pointer-events="all" width="147" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 23px; font-family: 'Helvetica Neue', Helvetica, Arial; color: rgb(255, 255, 255); line-height: 1.2; vertical-align: top; width: 147px; white-space: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">WidgetModel</div></div></foreignObject><text x="74" y="26" fill="#FFFFFF" text-anchor="middle" font-size="23px" font-family="Helvetica Neue, Helvetica, Arial">[Not supported by viewer]</text></switch></g><path d="M 420 126 L 420 291" fill="none" stroke="#197795" stroke-width="10" stroke-miterlimit="10" stroke-dasharray="1 30" pointer-events="none"/><path d="M 110 126 L 110 291" fill="none" stroke="#197795" stroke-width="10" stroke-miterlimit="10" stroke-dasharray="1 30" pointer-events="none"/></g></svg>