You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.
<?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" version= "1.1" width= "1652px" height= "776px" viewBox= "-0.5 -0.5 1652 776" content= "<mxfile host="app.diagrams.net" modified="2020-05-22T22:41:34.812Z" agent="5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36" etag="QckB1rB-GYIfxBJ2Ru_L" version="13.1.3" type="device"><diagram id="7NN0wUOKmaAmGsXKK3Xs" name="Page-1">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</diagram></mxfile>" > <defs /> <g > <rect x= "0" y= "75" width= "900" height= "700" fill= "#f8fbf3" stroke= "none" pointer-events= "all" /> <g fill= "#388E3C" font-family= "sans-serif" text-anchor= "middle" font-size= "36px" > <text x= "449.5" y= "134.5" > Record traces</text> </g> <rect x= "600" y= "150" width= "300" height= "600" fill= "none" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 157px; margin-left: 601px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 32px; font-family: sans-serif; color: #7cb342; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font face= "sans-serif" style= "font-size: 32px" > <span style= "font-size: 32px" > In-app tracing</span> </font> </div> </div> </div> </foreignObject> <text x= "750" y= "189" fill= "#7cb342" font-family= "sans-serif" font-size= "32px" text-anchor= "middle" > In-app tracing</text> </switch> </g> <ellipse cx= "450" cy= "50" rx= "50" ry= "50" fill= "#4caf50" stroke= "none" pointer-events= "all" /> <image x= "417.5" y= "17.5" width= "64" height= "64" xlink:href= "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xOCA0djFoLTJWNGMwLS41NS0uNDUtMS0xLTFIOWMtLjU1IDAtMSAuNDUtMSAxdjFINlY0YzAtLjU1LS40NS0xLTEtMXMtMSAuNDUtMSAxdjE2YzAgLjU1LjQ1IDEgMSAxczEtLjQ1IDEtMXYtMWgydjFjMCAuNTUuNDUgMSAxIDFoNmMuNTUgMCAxLS40NSAxLTF2LTFoMnYxYzAgLjU1LjQ1IDEgMSAxczEtLjQ1IDEtMVY0YzAtLjU1LS40NS0xLTEtMXMtMSAuNDUtMSAxek04IDE3SDZ2LTJoMnYyem0wLTRINnYtMmgydjJ6bTAtNEg2VjdoMnYyem0xMCA4aC0ydi0yaDJ2MnptMC00aC0ydi0yaDJ2MnptMC00aC0yVjdoMnYyeiIvPjwvc3ZnPg==" preserveAspectRatio= "none" transform= "rotate(90,450,50)" /> <rect x= "0" y= "150" width= "300" height= "500" fill= "none" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 157px; margin-left: 1px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 32px; font-family: sans-serif; color: #7cb342; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <span style= "font-family: sans-serif ; font-size: 32px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; float: none ; display: inline" > System </span> <span style= "font-family: sans-serif ; font-size: 32px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; float: none ; display: inline" > tracing</span> </div> </div> </div> </foreignObject> <text x= "150" y= "189" fill= "#7cb342" font-family= "sans-serif" font-size= "32px" text-anchor= "middle" > System </text> </switch> </g> <rect x= "300" y= "150" width= "300" height= "600" fill= "none" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 157px; margin-left: 301px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 32px; font-family: sans-serif; color: #7cb342; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font face= "sans-serif" style= "font-size: 32px" > <span style= "font-size: 32px" > Chrome tracing</span> </font> </div> </div> </div> </foreignObject> <text x= "450" y= "189" fill= "#7cb342" font-family= "sans-serif" font-size= "32px" text-anchor= "middle" > Chrome tracing</text> </switch> </g> <rect x= "25" y= "225" width= "250" height= "300" fill= "#dcedc8" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 522px; margin-left: 26px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 28px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <span style= "font-size: 28px" > Data sources<br style= "font-size: 28px" /> </span> <font style= "font-size: 20px" > Linux/Android</font> </div> </div> </div> </foreignObject> <text x= "150" y= "522" fill= "#1b5e20" font-family= "sans-serif" font-size= "28px" text-anchor= "middle" > Data sources...</text> </switch> </g> <a target= "_top" xlink:href= "/docs/data-sources/cpu-scheduling" > <rect x= "50" y= "250" width= "200" height= "50" fill= "#c5e1a5" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 275px; margin-left: 51px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 25px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <span style= "font-size: 25px" > Linux ftrace</span> </div> </div> </div> </foreignObject> <text x= "150" y= "283" fill= "#1b5e20" font-family= "sans-serif" font-size= "25px" text-anchor= "middle" > Linux ftrace</text> </switch> </g> </a> <a target= "_top" xlink:href= "/docs/data-sources/memory-counters" > <rect x= "50" y= "325" width= "200" height= "50" fill= "#c5e1a5" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 350px; margin-left: 51px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 25px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font style= "font-size: 25px" > /proc </font> <span style= "font-size: 25px" > pollers</span> </div> </div> </div> </foreignObject> <text x= "150" y= "358" fill= "#1b5e20" font-family= "sans-serif" font-size= "25px" text-anchor= "middle" > /proc pollers</text> </switch> </g> </a> <a target= "_top" xlink:href= "/docs/data-sources/native-heap-profiler" > <rect x= "50" y= "396.88" width= "200" height= "50" fill= "#c5e1a5" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 422px; margin-left: 51px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 25px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <span style= "font-size: 25px" > Heap profilers</span> </div> </div> </div> </foreignObject> <text x= "150" y= "429" fill= "#1b5e20" font-family= "sans-serif" font-size= "25px" text-anchor= "middle" > Heap profilers</text> </switch> </g> </a> <a target= "_top" xlink:href= "/docs/instrumentation/tracing-sdk" > <rect x= "25" y= "650" width= "850" height= "100" fill= "#dcedc8" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 848px; height: 1px; padding-top: 700px; margin-left: 26px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 32px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font style= "font-size: 36px" > Tracing C++ Library<br /> </font> <div > <font style= "font-size: 20px" > Android / Linux / MacOS / Windows</font> </div> </div> </div> </div> </foreignObject> <text x= "450" y= "710" fill= "#1b5e20" font-family= "sans-serif" font-size= "32px" text-anchor= "middle" > Tracing C++ Library...</text> </switch> </g> </a> <rect x= "925" y= "75" width= "350" height= "700" fill= "#fff3e0" stroke= "none" pointer-events= "all" /> <g fill= "#FF9800" font-family= "sans-serif" text-anchor= "middle" font-size= "36px" > <text x= "1099.5" y= "134.5" > Analyze </text> </g> <ellipse cx= "1100" cy= "50" rx= "50" ry= "50" fill= "#ff9800" stroke= "none" pointer-events= "all" /> <image x= "1067.5" y= "17.5" width= "64" height= "64" xlink:href= "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xOSAzSDVjLTEuMSAwLTIgLjktMiAydjE0YzAgMS4xLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTJWNWMwLTEuMS0uOS0yLTItMnpNOCAxN2MtLjU1IDAtMS0uNDUtMS0xdi01YzAtLjU1LjQ1LTEgMS0xczEgLjQ1IDEgMXY1YzAgLjU1LS40NSAxLTEgMXptNCAwYy0uNTUgMC0xLS40NS0xLTFWOGMwLS41NS40NS0xIDEtMXMxIC40NSAxIDF2OGMwIC41NS0uNDUgMS0xIDF6bTQgMGMtLjU1IDAtMS0uNDUtMS0xdi0yYzAtLjU1LjQ1LTEgMS0xczEgLjQ1IDEgMXYyYzAgLjU1LS40NSAxLTEgMXoiLz48L3N2Zz4=" preserveAspectRatio= "none" /> <a target= "_top" xlink:href= "/docs/analysis/trace-processor" > <rect x= "943.75" y= "168.75" width= "312.5" height= "581.25" fill= "#ffe0b2" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 311px; height: 1px; padding-top: 196px; margin-left: 945px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 32px; font-family: sans-serif; color: #EA8600; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <span style= "font-size: 36px" > Trace Processor<br /> </span> <span style= "font-size: 20px" > Android / Linux / MacOS / Win</span> </div> </div> </div> </foreignObject> <text x= "1100" y= "228" fill= "#EA8600" font-family= "sans-serif" font-size= "32px" text-anchor= "middle" > Trace Processor...</text> </switch> </g> </a> <rect x= "1300" y= "75" width= "350" height= "700" fill= "#e8f0fe" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 348px; height: 1px; padding-top: 112px; margin-left: 1301px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 36px; font-family: sans-serif; color: #4285F4; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font style= "font-size: 36px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: right ; text-indent: 0px ; text-transform: none ; word-spacing: 0px" > Visualize </font> <span style= "font-size: 36px ; font-style: normal ; font-weight: 400 ; letter-spacing: normal ; text-align: right ; text-indent: 0px ; text-transform: none ; word-spacing: 0px ; float: none ; display: inline" > traces</span> </div> </div> </div> </foreignObject> <text x= "1475" y= "148" fill= "#4285F4" font-family= "sans-serif" font-size= "36px" text-anchor= "middle" > Visualize </text> </switch> </g> <a target= "_top" xlink:href= "/docs/#trace-visualization" > <rect x= "1325" y= "168.75" width= "300" height= "581.25" fill= "#aecbfa" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 196px; margin-left: 1326px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 28px; font-family: sans-serif; color: #1A73E8; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font style= "font-size: 36px" > Perfetto UI<br /> </font> <span style= "font-size: 20px" > HTML / JS</span> </div> </div> </div> </foreignObject> <text x= "1475" y= "224" fill= "#1A73E8" font-family= "sans-serif" font-size= "28px" text-anchor= "middle" > Perfetto UI...</text> </switch> </g> </a> <ellipse cx= "1475" cy= "50" rx= "50" ry= "50" fill= "#4285f4" stroke= "none" pointer-events= "all" /> <image x= "1442.5" y= "17.5" width= "64" height= "64" xlink:href= "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiPjxwYXRoIGQ9Ik0yMCA0SDRjLTEuMSAwLTIgLjktMiAydjEyYzAgMS4xLjkgMiAyIDJoMTZjMS4xIDAgMi0uOSAyLTJWNmMwLTEuMS0uOS0yLTItMnpNNSAxMmgyYy41NSAwIDEgLjQ1IDEgMXMtLjQ1IDEtMSAxSDVjLS41NSAwLTEtLjQ1LTEtMXMuNDUtMSAxLTF6bTggNkg1Yy0uNTUgMC0xLS40NS0xLTFzLjQ1LTEgMS0xaDhjLjU1IDAgMSAuNDUgMSAxcy0uNDUgMS0xIDF6bTYgMGgtMmMtLjU1IDAtMS0uNDUtMS0xcy40NS0xIDEtMWgyYy41NSAwIDEgLjQ1IDEgMXMtLjQ1IDEtMSAxem0wLTRoLThjLS41NSAwLTEtLjQ1LTEtMXMuNDUtMSAxLTFoOGMuNTUgMCAxIC40NSAxIDFzLS40NSAxLTEgMXoiLz48L3N2Zz4=" preserveAspectRatio= "none" /> <rect x= "965.63" y= "325" width= "268.75" height= "100" fill= "#ffcc80" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 267px; height: 1px; padding-top: 375px; margin-left: 967px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 28px; font-family: sans-serif; color: #ac1900; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > Trace importers<br /> <span style= "font-size: 20px" > Protobuf, JSON, systrace</span> </div> </div> </div> </foreignObject> <text x= "1100" y= "383" fill= "#ac1900" font-family= "sans-serif" font-size= "28px" text-anchor= "middle" > Trace importers...</text> </switch> </g> <a target= "_top" xlink:href= "/docs/analysis/metrics" > <rect x= "965.63" y= "625" width= "268.75" height= "100" fill= "#ffcc80" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 267px; height: 1px; padding-top: 675px; margin-left: 967px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 28px; font-family: sans-serif; color: #ac1900; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font style= "font-size: 28px" > Trace-based metrics<br /> </font> <font style= "font-size: 20px" > JSON / Protobuf / CSV</font> </div> </div> </div> </foreignObject> <text x= "1100" y= "683" fill= "#ac1900" font-family= "sans-serif" font-size= "28px" text-anchor= "middle" > Trace-based metrics...</text> </switch> </g> </a> <a target= "_top" xlink:href= "/docs/analysis/sql-tables" > <rect x= "965.63" y= "475" width= "268.75" height= "100" fill= "#ffcc80" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 267px; height: 1px; padding-top: 525px; margin-left: 967px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 28px; font-family: sans-serif; color: #ac1900; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > SQL query engine<br /> <font style= "font-size: 20px" > Based on SQLite</font> </div> </div> </div> </foreignObject> <text x= "1100" y= "533" fill= "#ac1900" font-family= "sans-serif" font-size= "28px" text-anchor= "middle" > SQL query engine...</text> </switch> </g> </a> <rect x= "325" y= "550" width= "250" height= "75" fill= "#aed581" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 588px; margin-left: 326px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 24px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font style= "font-size: 24px" > Tracing service<br /> <span style= "font-size: 16px" > Mojo</span> <br /> </font> </div> </div> </div> </foreignObject> <text x= "450" y= "595" fill= "#1b5e20" font-family= "sans-serif" font-size= "24px" text-anchor= "middle" > Tracing service...</text> </switch> </g> <rect x= "325" y= "225" width= "250" height= "200" fill= "#dcedc8" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 325px; margin-left: 326px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 24px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font style= "font-size: 24px" > Chrome-specific<br /> data-sources</font> </div> </div> </div> </foreignObject> <text x= "450" y= "332" fill= "#1b5e20" font-family= "sans-serif" font-size= "24px" text-anchor= "middle" > Chrome-specific...</text> </switch> </g> <a target= "_top" xlink:href= "/docs/instrumentation/tracing-sdk#in-process-mode" > <rect x= "625" y= "550" width= "250" height= "75" fill= "#aed581" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 588px; margin-left: 626px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 24px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font style= "font-size: 24px" > In-process<br /> service thread</font> </div> </div> </div> </foreignObject> <text x= "750" y= "595" fill= "#1b5e20" font-family= "sans-serif" font-size= "24px" text-anchor= "middle" > In-process...</text> </switch> </g> </a> <a target= "_top" xlink:href= "/docs/concepts/service-model" > <rect x= "25" y= "550" width= "250" height= "75" fill= "#aed581" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 588px; margin-left: 26px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 24px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > Tracing daemon<br /> <font style= "font-size: 16px" > UNIX socket</font> </div> </div> </div> </foreignObject> <text x= "150" y= "595" fill= "#1b5e20" font-family= "sans-serif" font-size= "24px" text-anchor= "middle" > Tracing daemon...</text> </switch> </g> </a> <path d= "M 300 150 L 296.7 626.4" fill= "none" stroke= "#8bc34a" stroke-miterlimit= "10" stroke-dasharray= "3 3" pointer-events= "stroke" /> <path d= "M 600 149.3 L 596.7 625.7" fill= "none" stroke= "#8bc34a" stroke-miterlimit= "10" stroke-dasharray= "3 3" pointer-events= "stroke" /> <a target= "_top" xlink:href= "/docs/instrumentation/track-events" > <rect x= "325" y= "450" width= "550" height= "75" fill= "#dcedc8" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 548px; height: 1px; padding-top: 488px; margin-left: 326px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 24px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font > Track event library<br /> <font style= "font-size: 20px" > TRACE_EVENT(...)</font> <br /> </font> </div> </div> </div> </foreignObject> <text x= "600" y= "495" fill= "#1b5e20" font-family= "sans-serif" font-size= "24px" text-anchor= "middle" > Track event library...</text> </switch> </g> </a> <rect x= "625" y= "225" width= "250" height= "200" fill= "#dcedc8" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 325px; margin-left: 626px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 24px; font-family: sans-serif; color: #1b5e20; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font style= "font-size: 24px" > App-specific<br /> data-sources</font> </div> </div> </div> </foreignObject> <text x= "750" y= "332" fill= "#1b5e20" font-family= "sans-serif" font-size= "24px" text-anchor= "middle" > App-specific...</text> </switch> </g> <rect x= "1350" y= "325" width= "250" height= "103.12" fill= "#669df6" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 377px; margin-left: 1351px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 28px; font-family: sans-serif; color: #ffffff; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > Trace Processor<br /> <font style= "font-size: 20px" > Web Assembly</font> </div> </div> </div> </foreignObject> <text x= "1475" y= "385" fill= "#ffffff" font-family= "sans-serif" font-size= "28px" text-anchor= "middle" > Trace Processor...</text> </switch> </g> <rect x= "1350" y= "475" width= "250" height= "103.12" fill= "#669df6" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 527px; margin-left: 1351px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 28px; font-family: sans-serif; color: #ffffff; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font > ADB over WebUSB<br /> </font> <font style= "font-size: 20px" > For Android</font> </div> </div> </div> </foreignObject> <text x= "1475" y= "535" fill= "#ffffff" font-family= "sans-serif" font-size= "28px" text-anchor= "middle" > ADB over WebUSB...</text> </switch> </g> <rect x= "1350" y= "625" width= "250" height= "103.12" fill= "#669df6" stroke= "none" pointer-events= "all" /> <g transform= "translate(-0.5 -0.5)" > <switch > <foreignObject style= "overflow: visible; text-align: left;" pointer-events= "none" width= "100%" height= "100%" requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" > <div xmlns= "http://www.w3.org/1999/xhtml" style= "display: flex; align-items: unsafe center; justify-content: unsafe center; width: 248px; height: 1px; padding-top: 677px; margin-left: 1351px;" > <div style= "box-sizing: border-box; font-size: 0; text-align: center; " > <div style= "display: inline-block; font-size: 28px; font-family: sans-serif; color: #ffffff; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; " > <font > Works offline<br /> </font> <font style= "font-size: 20px" > After first visit</font> </div> </div> </div> </foreignObject> <text x= "1475" y= "685" fill= "#ffffff" font-family= "sans-serif" font-size= "28px" text-anchor= "middle" > Works offline...</text> </switch> </g> </g> <switch > <g requiredFeatures= "http://www.w3.org/TR/SVG11/feature#Extensibility" /> <a transform= "translate(0,-5)" xlink:href= "https://desk.draw.io/support/solutions/articles/16000042487" target= "_blank" > <text text-anchor= "middle" font-size= "10px" x= "50%" y= "100%" > Viewer does not support full SVG 1.1</text> </a> </switch> </svg>
