web-platform-wasm.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="550"
   height="400"
   viewBox="0 0 550 400.00001"
   id="svg2"
   version="1.1"
   inkscape:version="0.91 r13725"
   sodipodi:docname="web-platform-wasm.svg"
   inkscape:export-filename="/moz/pres/philly-ete-2016/web-platform-wasm.png"
   inkscape:export-xdpi="90"
   inkscape:export-ydpi="90">
  <defs
     id="defs4">
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0.0"
       refX="0.0"
       id="marker6363"
       style="overflow:visible;"
       inkscape:isstock="true">
      <path
         id="path6128"
         style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#dcdcdc;stroke-opacity:1;fill:#dcdcdc;fill-opacity:1"
         d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
         transform="scale(1.1) rotate(180) translate(1,0)" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="marker4460"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         id="path4225"
         style="fill:#dcdcdc;fill-opacity:1;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
         inkscape:connector-curvature="0" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         id="path4331"
         style="fill:#dcdcdc;fill-opacity:1;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)"
         inkscape:connector-curvature="0" />
    </marker>
    <marker
       inkscape:stockid="Club"
       orient="auto"
       refY="0"
       refX="0"
       id="Club"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         id="path4539"
         d="m -1.5971367,-7.0977635 c -1.8892507,0 -3.426382,1.5371314 -3.426382,3.4263822 0,0.6566798 0.2383531,1.2269257 0.5594092,1.7481542 -0.038751,0.032111 -0.079672,0.058463 -0.1165436,0.093235 -0.6224234,-0.8549928 -1.5893983,-1.4451409 -2.7271199,-1.4451409 -1.8892515,-1e-7 -3.426382,1.5371314 -3.426382,3.42638214 0,1.88925076 1.5371305,3.42638216 3.426382,3.42638216 0.9934462,0 1.868619,-0.4420611 2.4940326,-1.1188187 -0.124687,0.3548915 -0.2097783,0.7214874 -0.2097783,1.1188187 0,1.8892506 1.5371313,3.4263822 3.426382,3.4263822 1.88925064,0 3.4263821,-1.5371316 3.4263821,-3.4263822 0,-0.7933959 -0.3155586,-1.4938285 -0.7691878,-2.0744763 C 2.4152718,1.7663868 3.7718375,2.2973711 4.7661444,3.8340272 4.0279463,3.0958289 3.5540908,1.7534117 3.5540908,-0.05852936 l -0.6293354,-0.04661745 0.5827179,-0.0233087 c 0,-1.81194109 0.4505466,-3.15435829 1.188745,-3.89255659 -0.9590906,1.4822308 -2.2571634,2.0263625 -3.5662345,2.3075635 0.4041964,-0.5619092 0.6992616,-1.213407 0.6992616,-1.9579327 0,-1.8892506 -1.53713146,-3.4263822 -3.4263821,-3.4263822 z"
         style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.74587913pt;stroke-opacity:1"
         transform="scale(0.6,0.6)"
         inkscape:connector-curvature="0" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend-2"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         inkscape:connector-curvature="0"
         id="path4331-4"
         style="fill:#dcdcdc;fill-opacity:1;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend-1"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         inkscape:connector-curvature="0"
         id="path4331-9"
         style="fill:#dcdcdc;fill-opacity:1;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend-1-2"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         inkscape:connector-curvature="0"
         id="path4331-9-1"
         style="fill:#dcdcdc;fill-opacity:1;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend-1-3"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         inkscape:connector-curvature="0"
         id="path4331-9-4"
         style="fill:#dcdcdc;fill-opacity:1;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="Arrow2Lend-1-3-3"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         inkscape:connector-curvature="0"
         id="path4331-9-4-3"
         style="fill:#dcdcdc;fill-opacity:1;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="marker4460-3"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         inkscape:connector-curvature="0"
         id="path4225-7"
         style="fill:#dcdcdc;fill-opacity:1;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
    </marker>
    <marker
       inkscape:stockid="Arrow2Lend"
       orient="auto"
       refY="0"
       refX="0"
       id="marker6363-8"
       style="overflow:visible"
       inkscape:isstock="true">
      <path
         inkscape:connector-curvature="0"
         id="path6128-0"
         style="fill:#dcdcdc;fill-opacity:1;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:0.625;stroke-linejoin:round;stroke-opacity:1"
         d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z"
         transform="matrix(-1.1,0,0,-1.1,-1.1,0)" />
    </marker>
  </defs>
  <sodipodi:namedview
     id="base"
     pagecolor="#202020"
     bordercolor="#000000"
     borderopacity="1"
     inkscape:pageopacity="1"
     inkscape:pageshadow="2"
     inkscape:zoom="1.979899"
     inkscape:cx="258.8119"
     inkscape:cy="214.46615"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
     units="px"
     inkscape:window-width="1855"
     inkscape:window-height="1176"
     inkscape:window-x="65"
     inkscape:window-y="24"
     inkscape:window-maximized="1"
     inkscape:showpageshadow="true"
     borderlayer="false"
     showborder="true"
     inkscape:snap-global="true" />
  <metadata
     id="metadata7">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(0,-652.36216)">
    <rect
       style="fill:#3f3f3f;fill-opacity:1;stroke:#000000;stroke-width:1.00000012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="rect4161"
       width="346.66043"
       height="100.18324"
       x="127.16476"
       y="855.25281" />
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="312.10229"
       y="1039.1693"
       id="text4195"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan4197"
         x="312.10229"
         y="1039.1693">Networking</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="244.24701"
       y="1039.1693"
       id="text4199"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan4201"
         x="244.24701"
         y="1039.1693">Input</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="390.69049"
       y="1027.6669"
       id="text4203"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan4205"
         x="390.69049"
         y="1027.6669">Storage</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="450.60413"
       y="999.35822"
       id="text4207"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan4209"
         x="450.60413"
         y="999.35822">...</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="138.61456"
       y="1005.0295"
       id="text4199-8"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         x="138.61456"
         y="1005.0295"
         id="tspan4244">Audio</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="172.20891"
       y="1027.6669"
       id="text4199-8-6"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         x="172.20891"
         y="1027.6669"
         id="tspan4244-8">Graphics</tspan></text>
    <path
       style="fill:none;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow2Lend)"
       d="M 232.53303,961.07221 161.69674,992.3675"
       id="path4304"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow2Lend-2)"
       d="m 378.40474,961.07221 70.8363,31.2953"
       id="path4304-1"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow2Lend-1)"
       d="m 264.30093,960.99037 -59.72461,52.50853"
       id="path4304-9"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow2Lend-1-2)"
       d="m 349.32336,960.99037 59.72461,52.50853"
       id="path4304-9-5"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow2Lend-1-3)"
       d="m 295.01682,960.82785 -30.43019,64.63025"
       id="path4304-9-2"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#Arrow2Lend-1-3-3)"
       d="m 316.44434,960.82785 30.43018,64.63025"
       id="path4304-9-2-3"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <rect
       style="fill:#3f3f3f;fill-opacity:1;stroke:#000000;stroke-width:1.00000012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="rect4161-1"
       width="346.66043"
       height="150.69087"
       x="127.16476"
       y="672.53699" />
    <rect
       style="fill:#dcdcdc;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="rect10607-7"
       width="93.944199"
       height="47.477169"
       x="145.03302"
       y="758.95343" />
    <flowRoot
       xml:space="preserve"
       id="flowRoot10624"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       transform="translate(99.93908,637.75554)"
       inkscape:transform-center-x="18.182746"
       inkscape:transform-center-y="-6.0609154"><flowRegion
         id="flowRegion10626"><rect
           id="rect10628"
           width="82.832512"
           height="21.213203"
           x="78.791901"
           y="134.32988" /></flowRegion><flowPara
         id="flowPara10630"
         style="font-size:17.5px">GC</flowPara></flowRoot>    <g
       id="g10800"
       transform="translate(104,-6)">
      <rect
         y="764.95343"
         x="148.21324"
         height="47.477169"
         width="95.9645"
         id="rect10607-7-7"
         style="fill:#dcdcdc;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      <flowRoot
         inkscape:transform-center-y="-6.0609154"
         inkscape:transform-center-x="18.182746"
         transform="translate(77.24279,644.21118)"
         style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         id="flowRoot10624-6"
         xml:space="preserve"><flowRegion
           id="flowRegion10626-4"><rect
             y="134.32988"
             x="78.791901"
             height="21.213203"
             width="82.832512"
             id="rect10628-7" /></flowRegion><flowPara
           style="font-size:17.5px"
           id="flowPara10630-4">Compiler</flowPara></flowRoot>    </g>
    <g
       id="g4261"
       transform="translate(102,0)">
      <rect
         y="758.95343"
         x="261.12442"
         height="47.477169"
         width="94.954353"
         id="rect10607-7-3"
         style="fill:#dcdcdc;fill-opacity:1;stroke:#000000;stroke-width:0.99999994;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      <flowRoot
         inkscape:transform-center-y="-6.0609154"
         inkscape:transform-center-x="18.182746"
         transform="translate(218.0711,637.75554)"
         style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         id="flowRoot10624-2"
         xml:space="preserve"><flowRegion
           id="flowRegion10626-8"><rect
             y="134.32988"
             x="78.791901"
             height="21.213203"
             width="82.832512"
             id="rect10628-9" /></flowRegion><flowPara
           style="font-size:17.5px"
           id="flowPara10630-6">...</flowPara></flowRoot>    </g>
    <path
       style="fill:none;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4460)"
       d="m 244.57109,826.59306 0,22.72844"
       id="path4198"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker4460-3)"
       d="m 355.20324,826.75849 0,22.72844"
       id="path4198-6"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <rect
       style="fill:#dcdcdc;fill-opacity:1;stroke:#000000;stroke-width:0.99999994;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="rect10607-7-5"
       width="96.469582"
       height="47.477169"
       x="185.51779"
       y="689.77832" />
    <flowRoot
       xml:space="preserve"
       id="flowRoot10624-1"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       transform="translate(114.01773,568.56009)"
       inkscape:transform-center-x="18.182746"
       inkscape:transform-center-y="-6.0609154"><flowRegion
         id="flowRegion10626-9"><rect
           id="rect10628-2"
           width="94.954353"
           height="24.24367"
           x="78.791901"
           y="134.32988" /></flowRegion><flowPara
         id="flowPara10630-2"
         style="font-size:16.25px">JavaScript</flowPara></flowRoot>    <rect
       style="fill:#dcdcdc;fill-opacity:1;stroke:#000000;stroke-width:0.99999988;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="rect10607-7-3-4"
       width="132.32999"
       height="53.538086"
       x="127.16476"
       y="901.89801" />
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="189.64343"
       y="923.99158"
       id="text4315"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan4317"
         x="189.64343"
         y="923.99158"
         style="font-size:17.5px;text-align:center;text-anchor:middle">Layout +</tspan><tspan
         sodipodi:role="line"
         x="189.64343"
         y="945.86658"
         id="tspan4319"
         style="font-size:17.5px;text-align:center;text-anchor:middle">Rendering</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="193.03273"
       y="873.0813"
       id="text10501-8-9"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan10503-6-8"
         x="193.03273"
         y="873.0813"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1">DOM +</tspan><tspan
         sodipodi:role="line"
         x="193.03273"
         y="891.8313"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan4342">CSSOM</tspan><tspan
         sodipodi:role="line"
         x="193.03273"
         y="910.5813"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1" /></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="-501.83002"
       y="787.33038"
       id="text10501-8-9-9"
       sodipodi:linespacing="125%"
       transform="matrix(0.63077522,-0.7759656,0.7759656,0.63077522,0,0)"><tspan
         sodipodi:role="line"
         x="-501.83002"
         y="787.33038"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1-0">WebGL</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="-497.06198"
       y="805.42871"
       id="text10501-8-9-9-1"
       sodipodi:linespacing="125%"
       transform="matrix(0.63077522,-0.7759656,0.7759656,0.63077522,0,0)"><tspan
         sodipodi:role="line"
         x="-497.06198"
         y="805.42871"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1-0-0">WebAudio</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="-492.15341"
       y="822.65137"
       id="text10501-8-9-9-1-1"
       sodipodi:linespacing="125%"
       transform="matrix(0.63077522,-0.7759656,0.7759656,0.63077522,0,0)"><tspan
         sodipodi:role="line"
         x="-492.15341"
         y="822.65137"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1-0-0-2">WebSockets</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="-462.12515"
       y="841.16638"
       id="text10501-8-9-9-1-1-1"
       sodipodi:linespacing="125%"
       transform="matrix(0.63077522,-0.7759656,0.7759656,0.63077522,0,0)"><tspan
         sodipodi:role="line"
         x="-462.12515"
         y="841.16638"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1-0-0-2-2">WebRTC</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="-431.68903"
       y="875.46326"
       id="text10501-8-9-9-1-1-1-3"
       sodipodi:linespacing="125%"
       transform="matrix(0.63077522,-0.7759656,0.7759656,0.63077522,0,0)"><tspan
         sodipodi:role="line"
         x="-431.68903"
         y="875.46326"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1-0-0-2-2-5">Workers</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="-459.2341"
       y="858.94525"
       id="text10501-8-9-9-1-1-1-3-8"
       sodipodi:linespacing="125%"
       transform="matrix(0.63077522,-0.7759656,0.7759656,0.63077522,0,0)"><tspan
         sodipodi:role="line"
         x="-459.2341"
         y="858.94525"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1-0-0-2-2-5-5">IndexedDB</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="-445.17944"
       y="894.0918"
       id="text10501-8-9-9-1-1-1-3-8-3"
       sodipodi:linespacing="125%"
       transform="matrix(0.63077522,-0.7759656,0.7759656,0.63077522,0,0)"><tspan
         sodipodi:role="line"
         x="-445.17944"
         y="894.0918"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1-0-0-2-2-5-5-8">ServiceWorker</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="-383.37256"
       y="902.22968"
       id="text10501-8-9-9-1-1-1-3-8-3-8"
       sodipodi:linespacing="125%"
       transform="matrix(0.63077522,-0.7759656,0.7759656,0.63077522,0,0)"><tspan
         sodipodi:role="line"
         x="-383.37256"
         y="902.22968"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1-0-0-2-2-5-5-8-6">...</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="513.73584"
       y="757.9848"
       id="text10501-8"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan10503-6"
         x="513.73584"
         y="757.9848"
         style="font-size:25px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1">VM</tspan><tspan
         sodipodi:role="line"
         x="513.73584"
         y="789.2348"
         style="font-size:17.5px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5" /></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="513.73584"
       y="916.45691"
       id="text10501-8-4"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan10503-6-0"
         x="513.73584"
         y="916.45691"
         style="font-size:25px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1">APIs</tspan><tspan
         sodipodi:role="line"
         x="513.73584"
         y="947.70691"
         style="font-size:17.5px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-15" /></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="33.959129"
       y="852.37311"
       id="text10501-8-8"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan10503-6-6"
         x="33.959129"
         y="852.37311"
         style="font-size:25px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1">URL</tspan><tspan
         sodipodi:role="line"
         x="33.959129"
         y="883.62311"
         style="font-size:17.5px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-11" /></text>
    <path
       style="fill:none;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker6363)"
       d="m 55.55839,825.58291 64.64976,-52.02285"
       id="path6101"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <path
       style="fill:none;fill-rule:evenodd;stroke:#dcdcdc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;marker-end:url(#marker6363-8)"
       d="m 56.041621,863.82102 64.649759,52.02285"
       id="path6101-5"
       inkscape:connector-curvature="0"
       sodipodi:nodetypes="cc" />
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="-425.67557"
       y="671.1181"
       id="text10501-8-9-9-1-1-1-5"
       sodipodi:linespacing="125%"
       transform="matrix(0.78420707,-0.62049921,0.62049921,0.78420707,0,0)"><tspan
         sodipodi:role="line"
         x="-425.67557"
         y="671.1181"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1-0-0-2-2-1">&lt;script&gt;</tspan></text>
    <text
       xml:space="preserve"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       x="609.57928"
       y="667.10968"
       id="text10501-8-9-9-1-1-1-5-4"
       sodipodi:linespacing="125%"
       transform="matrix(0.78779778,0.61593398,-0.61593398,0.78779778,0,0)"><tspan
         sodipodi:role="line"
         x="609.57928"
         y="667.10968"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan10507-5-1-0-0-2-2-1-4">HTML</tspan><tspan
         sodipodi:role="line"
         x="609.57928"
         y="685.85968"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan6423">CSS</tspan><tspan
         sodipodi:role="line"
         x="609.57928"
         y="704.60968"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan6425">SVG</tspan><tspan
         sodipodi:role="line"
         x="609.57928"
         y="723.35968"
         style="font-size:15px;text-align:center;text-anchor:middle;fill:#dcdcdc;fill-opacity:1;stroke:none;stroke-opacity:1"
         id="tspan6427">...</tspan></text>
    <g
       id="g6483"
       transform="translate(8,4)">
      <rect
         y="966.56012"
         x="190.85791"
         height="18.182747"
         width="209.60667"
         id="rect10607-7-3-4-2"
         style="fill:#dcdcdc;fill-opacity:1;stroke:#000000;stroke-width:0.99999988;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      <text
         sodipodi:linespacing="125%"
         id="text6463"
         y="979.59058"
         x="195.88837"
         style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
         xml:space="preserve"><tspan
           y="979.59058"
           x="195.88837"
           id="tspan6465"
           sodipodi:role="line">Same-origin policy, Sandbox, ...</tspan></text>
    </g>
    <rect
       style="fill:#dcdcdc;fill-opacity:1;stroke:#000000;stroke-width:0.99999994;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       id="rect10607-7-5-4"
       width="127.78431"
       height="47.477169"
       x="297.35919"
       y="688.70728" />
    <flowRoot
       xml:space="preserve"
       id="flowRoot10624-1-7"
       style="font-style:normal;font-weight:normal;font-size:12.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       transform="translate(225.85914,567.48899)"
       inkscape:transform-center-x="18.182746"
       inkscape:transform-center-y="-6.0609154"><flowRegion
         id="flowRegion10626-9-5"><rect
           id="rect10628-2-5"
           width="128.79445"
           height="28.789354"
           x="78.791901"
           y="134.32988" /></flowRegion><flowPara
         id="flowPara10630-2-0"
         style="font-size:16.25px">WebAssembly</flowPara></flowRoot>  </g>
</svg>