src/architecture.svg

<svg id="SvgjsSvg1306" width="1028" height="961.703125" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><defs id="SvgjsDefs1307"><marker id="SvgjsMarker1382" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1383" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1396" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1397" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1400" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1401" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1410" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1411" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1418" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1419" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1426" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1427" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1430" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1431" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1438" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1439" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker><marker id="SvgjsMarker1446" markerWidth="16" markerHeight="12" refX="16" refY="6" viewBox="0 0 16 12" orient="auto" markerUnits="userSpaceOnUse"><path id="SvgjsPath1447" d="M0,2 L14,6 L0,11 L0,2" fill="#323232" stroke="#323232" stroke-width="2"></path></marker></defs><g id="SvgjsG1308" transform="translate(34.305555555555316,587.9166666666662)"><path id="SvgjsPath1309" d="M 0 4Q 0 0 4 0L 696 0Q 700 0 700 4L 700 246Q 700 250 696 250L 4 250Q 0 250 0 246Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#737373"></path><g id="SvgjsG1310"><text id="SvgjsText1311" font-family="Arial" text-anchor="middle" font-size="13px" width="0" fill="#323232" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="115.05" transform="rotate(0)"></text></g></g><g id="SvgjsG1312" transform="translate(25,25)"><path id="SvgjsPath1313" d="M 0 4Q 0 0 4 0L 696 0Q 700 0 700 4L 700 246Q 700 250 696 250L 4 250Q 0 250 0 246Z" stroke="#454545" stroke-width="2" fill-opacity="1" fill="#737373"></path><g id="SvgjsG1314"><text id="SvgjsText1315" font-family="Arial" text-anchor="middle" font-size="13px" width="0" fill="#323232" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="115.05" transform="rotate(0)"></text></g></g><g id="SvgjsG1316" transform="translate(67.5,111)"><path id="SvgjsPath1317" d="M 0 0L 141 0L 141 60L 0 60Z" stroke="#ffff33" stroke-width="2" fill-opacity="1" fill="#ffff33"></path><g id="SvgjsG1318"><text id="SvgjsText1319" font-family="Arial" text-anchor="middle" font-size="13px" width="80" fill="#000000" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="20.05" transform="rotate(0)"><tspan id="SvgjsTspan1320" dy="16" x="70.5"><tspan id="SvgjsTspan1321" style="text-decoration:;">Android-client</tspan></tspan></text></g></g><g id="SvgjsG1322" transform="translate(317.3055555555553,111)"><path id="SvgjsPath1323" d="M 0 0L 141 0L 141 60L 0 60Z" stroke="#ffff33" stroke-width="2" fill-opacity="1" fill="#ffff33"></path><g id="SvgjsG1324"><text id="SvgjsText1325" font-family="Arial" text-anchor="middle" font-size="13px" width="75" fill="#323232" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="20.05" transform="rotate(0)"><tspan id="SvgjsTspan1326" dy="16" x="70.5"><tspan id="SvgjsTspan1327" style="text-decoration:;">Python-client</tspan></tspan></text></g></g><g id="SvgjsG1328" transform="translate(547.5,111)"><path id="SvgjsPath1329" d="M 0 0L 141 0L 141 60L 0 60Z" stroke="#ffff33" stroke-width="2" fill-opacity="1" fill="#ffff33"></path><g id="SvgjsG1330"><text id="SvgjsText1331" font-family="Arial" text-anchor="middle" font-size="13px" width="87" fill="#323232" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="20.05" transform="rotate(0)"><tspan id="SvgjsTspan1332" dy="16" x="70.5"><tspan id="SvgjsTspan1333" style="text-decoration:;">HomeAssistant</tspan></tspan></text></g></g><g id="SvgjsG1334" transform="translate(283.8055555555553,44.85714285714283)"><path id="SvgjsPath1335" d="M 0 0L 208 0L 208 30L 0 30Z" stroke="none" fill="none"></path><g id="SvgjsG1336"><text id="SvgjsText1337" font-family="Arial" text-anchor="middle" font-size="13px" width="69" fill="#ffffff" font-weight="700" align="middle" anchor="middle" family="Arial" size="13px" weight="700" font-style="" y="5.05" transform="rotate(0)"><tspan id="SvgjsTspan1338" dy="16" x="104"><tspan id="SvgjsTspan1339" style="text-decoration:;">User Client</tspan></tspan></text></g></g><g id="SvgjsG1340" transform="translate(293.3055555555553,610.1666666666662)"><path id="SvgjsPath1341" d="M 0 0L 183 0L 183 30L 0 30Z" stroke="none" fill="none"></path><g id="SvgjsG1342"><text id="SvgjsText1343" font-family="Arial" text-anchor="middle" font-size="13px" width="55" fill="#ffffff" font-weight="700" align="middle" anchor="middle" family="Arial" size="13px" weight="700" font-style="" y="5.05" transform="rotate(0)"><tspan id="SvgjsTspan1344" dy="16" x="91.5"><tspan id="SvgjsTspan1345" style="text-decoration:;">ESP8266</tspan></tspan></text></g></g><g id="SvgjsG1346" transform="translate(67.50000000000001,645)"><path id="SvgjsPath1347" d="M 0 0L 141 0L 141 60L 0 60Z" stroke="#3399ff" stroke-width="2" fill-opacity="1" fill="#3399ff"></path><g id="SvgjsG1348"><text id="SvgjsText1349" font-family="Arial" text-anchor="middle" font-size="13px" width="51" fill="#000000" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="20.05" transform="rotate(0)"><tspan id="SvgjsTspan1350" dy="16" x="70.5"><tspan id="SvgjsTspan1351" style="text-decoration:;">UDP API</tspan></tspan></text></g></g><g id="SvgjsG1352" transform="translate(719.7222222222226,304.9999999999999)"><path id="SvgjsPath1353" d="M 0 4Q 0 0 4 0L 279.27777777777715 0Q 283.27777777777715 0 283.27777777777715 4L 283.27777777777715 246Q 283.27777777777715 250 279.27777777777715 250L 4 250Q 0 250 0 246Z" stroke="#323232" stroke-width="2" fill-opacity="1" fill="#737373"></path><g id="SvgjsG1354"><text id="SvgjsText1355" font-family="Arial" text-anchor="middle" font-size="13px" width="0" fill="#323232" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="115.05" transform="rotate(0)"></text></g></g><g id="SvgjsG1356" transform="translate(861.9999999999998,411.8749999999999)"><path id="SvgjsPath1357" d="M 0 0L 141 0L 141 36.25L 0 36.25Z" stroke="none" fill="none"></path><g id="SvgjsG1358"><text id="SvgjsText1359" font-family="Arial" text-anchor="middle" font-size="13px" width="72" fill="#ffffff" font-weight="700" align="middle" anchor="middle" family="Arial" size="13px" weight="700" font-style="" y="8.175" transform="rotate(0)"><tspan id="SvgjsTspan1360" dy="16" x="70.5"><tspan id="SvgjsTspan1361" style="text-decoration:;">IRext Could</tspan></tspan></text></g></g><g id="SvgjsG1362" transform="translate(758.5,340.31172839506087)"><path id="SvgjsPath1363" d="M 0 0L 141 0L 141 60L 0 60Z" stroke="#ccff99" stroke-width="2" fill-opacity="1" fill="#ccff99"></path><g id="SvgjsG1364"><text id="SvgjsText1365" font-family="Arial" text-anchor="middle" font-size="13px" width="55" fill="#323232" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="20.05" transform="rotate(0)"><tspan id="SvgjsTspan1366" dy="16" x="70.5"><tspan id="SvgjsTspan1367" style="text-decoration:;">index API</tspan></tspan></text></g></g><g id="SvgjsG1368" transform="translate(758.5,453.75)"><path id="SvgjsPath1369" d="M 0 4Q 0 0 4 0L 137 0Q 141 0 141 4L 141 56Q 141 60 137 60L 4 60Q 0 60 0 56Z" stroke="#ccff99" stroke-width="2" fill-opacity="1" fill="#ccff99"></path><g id="SvgjsG1370"><text id="SvgjsText1371" font-family="Arial" text-anchor="middle" font-size="13px" width="20" fill="#323232" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="20.05" transform="rotate(0)"><tspan id="SvgjsTspan1372" dy="16" x="70.5"><tspan id="SvgjsTspan1373" style="text-decoration:;">oss</tspan></tspan></text></g></g><g id="SvgjsG1374" transform="translate(547.5,645)"><path id="SvgjsPath1375" d="M 0 0L 141 0L 141 60L 0 60Z" stroke="#3399ff" stroke-width="2" fill-opacity="1" fill="#3399ff"></path><g id="SvgjsG1376"><text id="SvgjsText1377" font-family="Arial" text-anchor="middle" font-size="13px" width="60" fill="#323232" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="20.05" transform="rotate(0)"><tspan id="SvgjsTspan1378" dy="16" x="70.5"><tspan id="SvgjsTspan1379" style="text-decoration:;">MQTT API</tspan></tspan></text></g></g><g id="SvgjsG1380"><path id="SvgjsPath1381" d="M618 171L618 407.08333333333303L618 407.08333333333303L618 645" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1382)"></path><rect id="SvgjsRect1384" width="37" height="16" x="599.5" y="400" fill="#ffffff"></rect><text id="SvgjsText1385" font-family="Arial" text-anchor="middle" font-size="13px" width="37" fill="#323232" font-weight="400" align="top" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="398.05" transform="rotate(0)"><tspan id="SvgjsTspan1386" dy="16" x="618"><tspan id="SvgjsTspan1387" style="text-decoration:;">MQTT</tspan></tspan></text></g><g id="SvgjsG1388" transform="translate(314.3055555555553,733.25)"><path id="SvgjsPath1389" d="M 0 0L 141 0L 141 60L 0 60Z" stroke="#3399ff" stroke-width="2" fill-opacity="1" fill="#3399ff"></path><g id="SvgjsG1390"><text id="SvgjsText1391" font-family="Arial" text-anchor="middle" font-size="13px" width="81" fill="#323232" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="20.05" transform="rotate(0)"><tspan id="SvgjsTspan1392" dy="16" x="70.5"><tspan id="SvgjsTspan1393" style="text-decoration:;">IR Emit Driver</tspan></tspan></text></g></g><g id="SvgjsG1394"><path id="SvgjsPath1395" d="M138 705L138 763.25L314.3055555555553 763.25" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1396)"></path></g><g id="SvgjsG1398"><path id="SvgjsPath1399" d="M618 705L618 763.25L455.3055555555553 763.25" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1400)"></path></g><g id="SvgjsG1402" transform="translate(314.3055555555553,876.7142857142856)"><path id="SvgjsPath1403" d="M 0 4Q 0 0 4 0L 137 0Q 141 0 141 4L 141 56Q 141 60 137 60L 4 60Q 0 60 0 56Z" stroke="#ccff99" stroke-width="2" fill-opacity="1" fill="#ccff99"></path><g id="SvgjsG1404"><text id="SvgjsText1405" font-family="Arial" text-anchor="middle" font-size="13px" width="76" fill="#323232" font-weight="400" align="middle" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="20.05" transform="rotate(0)"><tspan id="SvgjsTspan1406" dy="16" x="70.5"><tspan id="SvgjsTspan1407" style="text-decoration:;">IR Peripheral</tspan></tspan></text></g></g><g id="SvgjsG1408"><path id="SvgjsPath1409" d="M67.5 141L45 141L45 675L67.50000000000001 675" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1410)"></path><rect id="SvgjsRect1412" width="27" height="16" x="31.5" y="400" fill="#ffffff"></rect><text id="SvgjsText1413" font-family="Arial" text-anchor="middle" font-size="13px" width="27" fill="#323232" font-weight="400" align="top" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="398.05" transform="rotate(0)"><tspan id="SvgjsTspan1414" dy="16" x="45"><tspan id="SvgjsTspan1415" style="text-decoration:;">UDP</tspan></tspan></text></g><g id="SvgjsG1416"><path id="SvgjsPath1417" d="M317.3055555555553 141L262.15277777777766 141L262.15277777777766 675L208.5 675" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1418)"></path><rect id="SvgjsRect1420" width="27" height="16" x="248.65277777777771" y="399.24999999999994" fill="#ffffff"></rect><text id="SvgjsText1421" font-family="Arial" text-anchor="middle" font-size="13px" width="27" fill="#323232" font-weight="400" align="top" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="397.29999999999995" transform="rotate(0)"><tspan id="SvgjsTspan1422" dy="16" x="262.1527777777777"><tspan id="SvgjsTspan1423" style="text-decoration:;">UDP</tspan></tspan></text></g><g id="SvgjsG1424"><path id="SvgjsPath1425" d="M384.8055555555553 793.25L384.8055555555553 834.9821428571428L384.8055555555553 834.9821428571428L384.8055555555553 876.7142857142856" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1426)"></path></g><g id="SvgjsG1428"><path id="SvgjsPath1429" d="M829 513.75L829 712.9166666666662L734.3055555555553 712.9166666666662" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1430)"></path><rect id="SvgjsRect1432" width="34" height="16" x="812" y="652.6805555555554" fill="#ffffff"></rect><text id="SvgjsText1433" font-family="Arial" text-anchor="middle" font-size="13px" width="34" fill="#323232" font-weight="400" align="top" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="650.7305555555554" transform="rotate(0)"><tspan id="SvgjsTspan1434" dy="16" x="829"><tspan id="SvgjsTspan1435" style="text-decoration:;">HTTP</tspan></tspan></text></g><g id="SvgjsG1436"><path id="SvgjsPath1437" d="M829 340.31172839506087L829 80L387.8055555555553 80L387.8055555555553 111" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1438)"></path><rect id="SvgjsRect1440" width="34" height="16" x="706.0586419753081" y="72" fill="#ffffff"></rect><text id="SvgjsText1441" font-family="Arial" text-anchor="middle" font-size="13px" width="34" fill="#323232" font-weight="400" align="top" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="70.05" transform="rotate(0)"><tspan id="SvgjsTspan1442" dy="16" x="723.0586419753081"><tspan id="SvgjsTspan1443" style="text-decoration:;">HTTP</tspan></tspan></text></g><g id="SvgjsG1444"><path id="SvgjsPath1445" d="M899.5 370.31172839506087L928.25 370.31172839506087L928.25 43L138 43L138 111" stroke="#323232" stroke-width="2" fill="none" marker-end="url(#SvgjsMarker1446)"></path><rect id="SvgjsRect1448" width="34" height="16" x="660.1558641975304" y="35" fill="#ffffff"></rect><text id="SvgjsText1449" font-family="Arial" text-anchor="middle" font-size="13px" width="34" fill="#323232" font-weight="400" align="top" anchor="middle" family="Arial" size="13px" weight="400" font-style="" y="33.05" transform="rotate(0)"><tspan id="SvgjsTspan1450" dy="16" x="677.1558641975304"><tspan id="SvgjsTspan1451" style="text-decoration:;">HTTP</tspan></tspan></text></g></svg>