summaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
authorPaul Buetow <paul@buetow.org>2026-03-08 22:36:07 +0200
committerPaul Buetow <paul@buetow.org>2026-03-08 22:36:07 +0200
commitfd801e7e3ff07d44701eb2e53a3b0764b504983d (patch)
treec2df9ef112b9bdb78041dd17fc8c39c3e54a1bc0 /assets
parentd8bf918e83515f48564e0d0b98d30907944a1e0d (diff)
assets: restore flamegraph example svg
Diffstat (limited to 'assets')
-rw-r--r--assets/ior-flamegraph-example.svg12270
1 files changed, 12270 insertions, 0 deletions
diff --git a/assets/ior-flamegraph-example.svg b/assets/ior-flamegraph-example.svg
new file mode 100644
index 0000000..9c7d98c
--- /dev/null
+++ b/assets/ior-flamegraph-example.svg
@@ -0,0 +1,12270 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" width="1200" height="310" onload="init(evt)" viewBox="0 0 1200 310" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<!-- Flame graph stack visualization. See https://github.com/brendangregg/FlameGraph for latest version, and http://www.brendangregg.com/flamegraphs.html for examples. -->
+<!-- NOTES: -->
+<defs>
+ <linearGradient id="background" y1="0" y2="1" x1="0" x2="0" >
+ <stop stop-color="#eeeeee" offset="5%" />
+ <stop stop-color="#eeeeb0" offset="95%" />
+ </linearGradient>
+</defs>
+<style type="text/css">
+ text { font-family:Verdana; font-size:12px; fill:rgb(0,0,0); }
+ #search, #ignorecase { opacity:0.1; cursor:pointer; }
+ #search:hover, #search.show, #ignorecase:hover, #ignorecase.show { opacity:1; }
+ #subtitle { text-anchor:middle; font-color:rgb(160,160,160); }
+ #title { text-anchor:middle; font-size:17px}
+ #unzoom { cursor:pointer; }
+ #frames > *:hover { stroke:black; stroke-width:0.5; cursor:pointer; }
+ .hide { display:none; }
+ .parent { opacity:0.5; }
+</style>
+<script type="text/ecmascript">
+<![CDATA[
+ "use strict";
+ var details, searchbtn, unzoombtn, matchedtxt, svg, searching, currentSearchTerm, ignorecase, ignorecaseBtn;
+ function init(evt) {
+ details = document.getElementById("details").firstChild;
+ searchbtn = document.getElementById("search");
+ ignorecaseBtn = document.getElementById("ignorecase");
+ unzoombtn = document.getElementById("unzoom");
+ matchedtxt = document.getElementById("matched");
+ svg = document.getElementsByTagName("svg")[0];
+ searching = 0;
+ currentSearchTerm = null;
+
+ // use GET parameters to restore a flamegraphs state.
+ var params = get_params();
+ if (params.x && params.y)
+ zoom(find_group(document.querySelector('[x="' + params.x + '"][y="' + params.y + '"]')));
+ if (params.s) search(params.s);
+ }
+
+ // event listeners
+ window.addEventListener("click", function(e) {
+ var target = find_group(e.target);
+ if (target) {
+ if (target.nodeName == "a") {
+ if (e.ctrlKey === false) return;
+ e.preventDefault();
+ }
+ if (target.classList.contains("parent")) unzoom(true);
+ zoom(target);
+ if (!document.querySelector('.parent')) {
+ // we have basically done a clearzoom so clear the url
+ var params = get_params();
+ if (params.x) delete params.x;
+ if (params.y) delete params.y;
+ history.replaceState(null, null, parse_params(params));
+ unzoombtn.classList.add("hide");
+ return;
+ }
+
+ // set parameters for zoom state
+ var el = target.querySelector("rect");
+ if (el && el.attributes && el.attributes.y && el.attributes._orig_x) {
+ var params = get_params()
+ params.x = el.attributes._orig_x.value;
+ params.y = el.attributes.y.value;
+ history.replaceState(null, null, parse_params(params));
+ }
+ }
+ else if (e.target.id == "unzoom") clearzoom();
+ else if (e.target.id == "search") search_prompt();
+ else if (e.target.id == "ignorecase") toggle_ignorecase();
+ }, false)
+
+ // mouse-over for info
+ // show
+ window.addEventListener("mouseover", function(e) {
+ var target = find_group(e.target);
+ if (target) details.nodeValue = "Function: " + g_to_text(target);
+ }, false)
+
+ // clear
+ window.addEventListener("mouseout", function(e) {
+ var target = find_group(e.target);
+ if (target) details.nodeValue = ' ';
+ }, false)
+
+ // ctrl-F for search
+ // ctrl-I to toggle case-sensitive search
+ window.addEventListener("keydown",function (e) {
+ if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) {
+ e.preventDefault();
+ search_prompt();
+ }
+ else if (e.ctrlKey && e.keyCode === 73) {
+ e.preventDefault();
+ toggle_ignorecase();
+ }
+ }, false)
+
+ // functions
+ function get_params() {
+ var params = {};
+ var paramsarr = window.location.search.substr(1).split('&');
+ for (var i = 0; i < paramsarr.length; ++i) {
+ var tmp = paramsarr[i].split("=");
+ if (!tmp[0] || !tmp[1]) continue;
+ params[tmp[0]] = decodeURIComponent(tmp[1]);
+ }
+ return params;
+ }
+ function parse_params(params) {
+ var uri = "?";
+ for (var key in params) {
+ uri += key + '=' + encodeURIComponent(params[key]) + '&';
+ }
+ if (uri.slice(-1) == "&")
+ uri = uri.substring(0, uri.length - 1);
+ if (uri == '?')
+ uri = window.location.href.split('?')[0];
+ return uri;
+ }
+ function find_child(node, selector) {
+ var children = node.querySelectorAll(selector);
+ if (children.length) return children[0];
+ }
+ function find_group(node) {
+ var parent = node.parentElement;
+ if (!parent) return;
+ if (parent.id == "frames") return node;
+ return find_group(parent);
+ }
+ function orig_save(e, attr, val) {
+ if (e.attributes["_orig_" + attr] != undefined) return;
+ if (e.attributes[attr] == undefined) return;
+ if (val == undefined) val = e.attributes[attr].value;
+ e.setAttribute("_orig_" + attr, val);
+ }
+ function orig_load(e, attr) {
+ if (e.attributes["_orig_"+attr] == undefined) return;
+ e.attributes[attr].value = e.attributes["_orig_" + attr].value;
+ e.removeAttribute("_orig_"+attr);
+ }
+ function g_to_text(e) {
+ var text = find_child(e, "title").firstChild.nodeValue;
+ return (text)
+ }
+ function g_to_func(e) {
+ var func = g_to_text(e);
+ // if there's any manipulation we want to do to the function
+ // name before it's searched, do it here before returning.
+ return (func);
+ }
+ function update_text(e) {
+ var r = find_child(e, "rect");
+ var t = find_child(e, "text");
+ var w = parseFloat(r.attributes.width.value) -3;
+ var txt = find_child(e, "title").textContent.replace(/\([^(]*\)$/,"");
+ t.attributes.x.value = parseFloat(r.attributes.x.value) + 3;
+
+ // Smaller than this size won't fit anything
+ if (w < 2 * 12 * 0.59) {
+ t.textContent = "";
+ return;
+ }
+
+ t.textContent = txt;
+ var sl = t.getSubStringLength(0, txt.length);
+ // check if only whitespace or if we can fit the entire string into width w
+ if (/^ *$/.test(txt) || sl < w)
+ return;
+
+ // this isn't perfect, but gives a good starting point
+ // and avoids calling getSubStringLength too often
+ var start = Math.floor((w/sl) * txt.length);
+ for (var x = start; x > 0; x = x-2) {
+ if (t.getSubStringLength(0, x + 2) <= w) {
+ t.textContent = txt.substring(0, x) + "..";
+ return;
+ }
+ }
+ t.textContent = "";
+ }
+
+ // zoom
+ function zoom_reset(e) {
+ if (e.attributes != undefined) {
+ orig_load(e, "x");
+ orig_load(e, "width");
+ }
+ if (e.childNodes == undefined) return;
+ for (var i = 0, c = e.childNodes; i < c.length; i++) {
+ zoom_reset(c[i]);
+ }
+ }
+ function zoom_child(e, x, ratio) {
+ if (e.attributes != undefined) {
+ if (e.attributes.x != undefined) {
+ orig_save(e, "x");
+ e.attributes.x.value = (parseFloat(e.attributes.x.value) - x - 10) * ratio + 10;
+ if (e.tagName == "text")
+ e.attributes.x.value = find_child(e.parentNode, "rect[x]").attributes.x.value + 3;
+ }
+ if (e.attributes.width != undefined) {
+ orig_save(e, "width");
+ e.attributes.width.value = parseFloat(e.attributes.width.value) * ratio;
+ }
+ }
+
+ if (e.childNodes == undefined) return;
+ for (var i = 0, c = e.childNodes; i < c.length; i++) {
+ zoom_child(c[i], x - 10, ratio);
+ }
+ }
+ function zoom_parent(e) {
+ if (e.attributes) {
+ if (e.attributes.x != undefined) {
+ orig_save(e, "x");
+ e.attributes.x.value = 10;
+ }
+ if (e.attributes.width != undefined) {
+ orig_save(e, "width");
+ e.attributes.width.value = parseInt(svg.width.baseVal.value) - (10 * 2);
+ }
+ }
+ if (e.childNodes == undefined) return;
+ for (var i = 0, c = e.childNodes; i < c.length; i++) {
+ zoom_parent(c[i]);
+ }
+ }
+ function zoom(node) {
+ var attr = find_child(node, "rect").attributes;
+ var width = parseFloat(attr.width.value);
+ var xmin = parseFloat(attr.x.value);
+ var xmax = parseFloat(xmin + width);
+ var ymin = parseFloat(attr.y.value);
+ var ratio = (svg.width.baseVal.value - 2 * 10) / width;
+
+ // XXX: Workaround for JavaScript float issues (fix me)
+ var fudge = 0.0001;
+
+ unzoombtn.classList.remove("hide");
+
+ var el = document.getElementById("frames").children;
+ for (var i = 0; i < el.length; i++) {
+ var e = el[i];
+ var a = find_child(e, "rect").attributes;
+ var ex = parseFloat(a.x.value);
+ var ew = parseFloat(a.width.value);
+ var upstack;
+ // Is it an ancestor
+ if (0 == 0) {
+ upstack = parseFloat(a.y.value) > ymin;
+ } else {
+ upstack = parseFloat(a.y.value) < ymin;
+ }
+ if (upstack) {
+ // Direct ancestor
+ if (ex <= xmin && (ex+ew+fudge) >= xmax) {
+ e.classList.add("parent");
+ zoom_parent(e);
+ update_text(e);
+ }
+ // not in current path
+ else
+ e.classList.add("hide");
+ }
+ // Children maybe
+ else {
+ // no common path
+ if (ex < xmin || ex + fudge >= xmax) {
+ e.classList.add("hide");
+ }
+ else {
+ zoom_child(e, xmin, ratio);
+ update_text(e);
+ }
+ }
+ }
+ search();
+ }
+ function unzoom(dont_update_text) {
+ unzoombtn.classList.add("hide");
+ var el = document.getElementById("frames").children;
+ for(var i = 0; i < el.length; i++) {
+ el[i].classList.remove("parent");
+ el[i].classList.remove("hide");
+ zoom_reset(el[i]);
+ if(!dont_update_text) update_text(el[i]);
+ }
+ search();
+ }
+ function clearzoom() {
+ unzoom();
+
+ // remove zoom state
+ var params = get_params();
+ if (params.x) delete params.x;
+ if (params.y) delete params.y;
+ history.replaceState(null, null, parse_params(params));
+ }
+
+ // search
+ function toggle_ignorecase() {
+ ignorecase = !ignorecase;
+ if (ignorecase) {
+ ignorecaseBtn.classList.add("show");
+ } else {
+ ignorecaseBtn.classList.remove("show");
+ }
+ reset_search();
+ search();
+ }
+ function reset_search() {
+ var el = document.querySelectorAll("#frames rect");
+ for (var i = 0; i < el.length; i++) {
+ orig_load(el[i], "fill")
+ }
+ var params = get_params();
+ delete params.s;
+ history.replaceState(null, null, parse_params(params));
+ }
+ function search_prompt() {
+ if (!searching) {
+ var term = prompt("Enter a search term (regexp " +
+ "allowed, eg: ^ext4_)"
+ + (ignorecase ? ", ignoring case" : "")
+ + "\nPress Ctrl-i to toggle case sensitivity", "");
+ if (term != null) search(term);
+ } else {
+ reset_search();
+ searching = 0;
+ currentSearchTerm = null;
+ searchbtn.classList.remove("show");
+ searchbtn.firstChild.nodeValue = "Search"
+ matchedtxt.classList.add("hide");
+ matchedtxt.firstChild.nodeValue = ""
+ }
+ }
+ function search(term) {
+ if (term) currentSearchTerm = term;
+ if (currentSearchTerm === null) return;
+
+ var re = new RegExp(currentSearchTerm, ignorecase ? 'i' : '');
+ var el = document.getElementById("frames").children;
+ var matches = new Object();
+ var maxwidth = 0;
+ for (var i = 0; i < el.length; i++) {
+ var e = el[i];
+ var func = g_to_func(e);
+ var rect = find_child(e, "rect");
+ if (func == null || rect == null)
+ continue;
+
+ // Save max width. Only works as we have a root frame
+ var w = parseFloat(rect.attributes.width.value);
+ if (w > maxwidth)
+ maxwidth = w;
+
+ if (func.match(re)) {
+ // highlight
+ var x = parseFloat(rect.attributes.x.value);
+ orig_save(rect, "fill");
+ rect.attributes.fill.value = "rgb(230,0,230)";
+
+ // remember matches
+ if (matches[x] == undefined) {
+ matches[x] = w;
+ } else {
+ if (w > matches[x]) {
+ // overwrite with parent
+ matches[x] = w;
+ }
+ }
+ searching = 1;
+ }
+ }
+ if (!searching)
+ return;
+ var params = get_params();
+ params.s = currentSearchTerm;
+ history.replaceState(null, null, parse_params(params));
+
+ searchbtn.classList.add("show");
+ searchbtn.firstChild.nodeValue = "Reset Search";
+
+ // calculate percent matched, excluding vertical overlap
+ var count = 0;
+ var lastx = -1;
+ var lastw = 0;
+ var keys = Array();
+ for (k in matches) {
+ if (matches.hasOwnProperty(k))
+ keys.push(k);
+ }
+ // sort the matched frames by their x location
+ // ascending, then width descending
+ keys.sort(function(a, b){
+ return a - b;
+ });
+ // Step through frames saving only the biggest bottom-up frames
+ // thanks to the sort order. This relies on the tree property
+ // where children are always smaller than their parents.
+ var fudge = 0.0001; // JavaScript floating point
+ for (var k in keys) {
+ var x = parseFloat(keys[k]);
+ var w = matches[keys[k]];
+ if (x >= lastx + lastw - fudge) {
+ count += w;
+ lastx = x;
+ lastw = w;
+ }
+ }
+ // display matched percent
+ matchedtxt.classList.remove("hide");
+ var pct = 100 * count / maxwidth;
+ if (pct != 100) pct = pct.toFixed(1)
+ matchedtxt.firstChild.nodeValue = "Matched: " + pct + "%";
+ }
+]]>
+</script>
+<rect x="0.0" y="0" width="1200.0" height="310.0" fill="url(#background)" />
+<text id="title" x="600.00" y="24" >I/O Traces (pid,path,tracepoint by count)</text>
+<text id="details" x="10.00" y="293" > </text>
+<text id="unzoom" x="10.00" y="24" class="hide">Reset Zoom</text>
+<text id="search" x="1090.00" y="24" >Search</text>
+<text id="ignorecase" x="1174.00" y="24" >ic</text>
+<text id="matched" x="1090.00" y="293" > </text>
+<g id="frames">
+<g >
+<title>/x86_64-redhat-linux (22,150 samples, 2.29%)</title><rect x="1114.7" y="165" width="27.1" height="15.0" fill="rgb(245,97,45)" rx="2" ry="2" />
+<text x="1117.72" y="175.5" >/..</text>
+</g>
+<g >
+<title>enter_newfstat (87 samples, 0.01%)</title><rect x="1179.4" y="133" width="0.1" height="15.0" fill="rgb(229,196,26)" rx="2" ry="2" />
+<text x="1182.37" y="143.5" ></text>
+</g>
+<g >
+<title> (367 samples, 0.04%)</title><rect x="1093.1" y="229" width="0.5" height="15.0" fill="rgb(255,230,55)" rx="2" ry="2" />
+<text x="1096.14" y="239.5" ></text>
+</g>
+<g >
+<title>/home (380 samples, 0.04%)</title><rect x="681.6" y="213" width="0.4" height="15.0" fill="rgb(240,139,38)" rx="2" ry="2" />
+<text x="684.56" y="223.5" ></text>
+</g>
+<g >
+<title>/var (86 samples, 0.01%)</title><rect x="777.2" y="213" width="0.1" height="15.0" fill="rgb(231,130,28)" rx="2" ry="2" />
+<text x="780.17" y="223.5" ></text>
+</g>
+<g >
+<title>/gcc (697 samples, 0.07%)</title><rect x="1090.1" y="181" width="0.9" height="15.0" fill="rgb(234,144,32)" rx="2" ry="2" />
+<text x="1093.10" y="191.5" ></text>
+</g>
+<g >
+<title>/a.out (4,987 samples, 0.52%)</title><rect x="1096.8" y="149" width="6.1" height="15.0" fill="rgb(234,96,32)" rx="2" ry="2" />
+<text x="1099.78" y="159.5" ></text>
+</g>
+<g >
+<title>10802 (117 samples, 0.01%)</title><rect x="98.8" y="245" width="0.2" height="15.0" fill="rgb(245,112,44)" rx="2" ry="2" />
+<text x="101.84" y="255.5" ></text>
+</g>
+<g >
+<title>enter_mmap (190 samples, 0.02%)</title><rect x="879.5" y="213" width="0.3" height="15.0" fill="rgb(240,196,39)" rx="2" ry="2" />
+<text x="882.53" y="223.5" ></text>
+</g>
+<g >
+<title>/share (3,643 samples, 0.38%)</title><rect x="392.0" y="197" width="4.4" height="15.0" fill="rgb(248,122,47)" rx="2" ry="2" />
+<text x="394.98" y="207.5" ></text>
+</g>
+<g >
+<title>/f4 (82 samples, 0.01%)</title><rect x="1068.1" y="149" width="0.1" height="15.0" fill="rgb(240,145,39)" rx="2" ry="2" />
+<text x="1071.13" y="159.5" ></text>
+</g>
+<g >
+<title>enter_ioctl (92 samples, 0.01%)</title><rect x="758.1" y="69" width="0.1" height="15.0" fill="rgb(232,196,30)" rx="2" ry="2" />
+<text x="761.10" y="79.5" ></text>
+</g>
+<g >
+<title>/memory.pressure (315 samples, 0.03%)</title><rect x="731.5" y="85" width="0.4" height="15.0" fill="rgb(242,107,41)" rx="2" ry="2" />
+<text x="734.50" y="95.5" ></text>
+</g>
+<g >
+<title>enter_read (606 samples, 0.06%)</title><rect x="29.7" y="165" width="0.8" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="32.75" y="175.5" ></text>
+</g>
+<g >
+<title>enter_newfstat (95 samples, 0.01%)</title><rect x="1180.1" y="133" width="0.1" height="15.0" fill="rgb(229,196,26)" rx="2" ry="2" />
+<text x="1183.10" y="143.5" ></text>
+</g>
+<g >
+<title>enter_read (90 samples, 0.01%)</title><rect x="744.9" y="69" width="0.1" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="747.92" y="79.5" ></text>
+</g>
+<g >
+<title>/fontconfig (282 samples, 0.03%)</title><rect x="865.7" y="181" width="0.3" height="15.0" fill="rgb(239,149,37)" rx="2" ry="2" />
+<text x="868.68" y="191.5" ></text>
+</g>
+<g >
+<title>/64 (87 samples, 0.01%)</title><rect x="1050.7" y="149" width="0.1" height="15.0" fill="rgb(232,110,30)" rx="2" ry="2" />
+<text x="1053.68" y="159.5" ></text>
+</g>
+<g >
+<title>/81 (83 samples, 0.01%)</title><rect x="1054.2" y="149" width="0.1" height="15.0" fill="rgb(230,165,28)" rx="2" ry="2" />
+<text x="1057.15" y="159.5" ></text>
+</g>
+<g >
+<title>enter_read (90 samples, 0.01%)</title><rect x="733.4" y="69" width="0.1" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="736.43" y="79.5" ></text>
+</g>
+<g >
+<title>/lib (239 samples, 0.02%)</title><rect x="862.4" y="197" width="0.3" height="15.0" fill="rgb(234,99,32)" rx="2" ry="2" />
+<text x="865.37" y="207.5" ></text>
+</g>
+<g >
+<title>/fortune (1,884 samples, 0.19%)</title><rect x="39.9" y="165" width="2.3" height="15.0" fill="rgb(246,149,46)" rx="2" ry="2" />
+<text x="42.88" y="175.5" ></text>
+</g>
+<g >
+<title>enter_newfstat (87 samples, 0.01%)</title><rect x="1182.2" y="133" width="0.1" height="15.0" fill="rgb(229,196,26)" rx="2" ry="2" />
+<text x="1185.20" y="143.5" ></text>
+</g>
+<g >
+<title>/lib (656 samples, 0.07%)</title><rect x="1175.4" y="197" width="0.8" height="15.0" fill="rgb(234,99,32)" rx="2" ry="2" />
+<text x="1178.39" y="207.5" ></text>
+</g>
+<g >
+<title>/app-dbus\x2d:1.2\x2dorg.gnome.Identity.slice (1,672 samples, 0.17%)</title><rect x="716.4" y="101" width="2.0" height="15.0" fill="rgb(246,115,46)" rx="2" ry="2" />
+<text x="719.40" y="111.5" ></text>
+</g>
+<g >
+<title>/transactions.db-wal (191 samples, 0.02%)</title><rect x="813.5" y="165" width="0.3" height="15.0" fill="rgb(223,124,20)" rx="2" ry="2" />
+<text x="816.53" y="175.5" ></text>
+</g>
+<g >
+<title>/event3 (98 samples, 0.01%)</title><rect x="774.7" y="181" width="0.1" height="15.0" fill="rgb(245,131,44)" rx="2" ry="2" />
+<text x="777.67" y="191.5" ></text>
+</g>
+<g >
+<title>. (143 samples, 0.01%)</title><rect x="117.4" y="229" width="0.2" height="15.0" fill="rgb(238,153,36)" rx="2" ry="2" />
+<text x="120.43" y="239.5" ></text>
+</g>
+<g >
+<title>/libbpf.a (2,384 samples, 0.25%)</title><rect x="1093.8" y="85" width="2.9" height="15.0" fill="rgb(236,99,34)" rx="2" ry="2" />
+<text x="1096.79" y="95.5" ></text>
+</g>
+<g >
+<title>enter_newfstat (116 samples, 0.01%)</title><rect x="485.0" y="165" width="0.1" height="15.0" fill="rgb(229,196,26)" rx="2" ry="2" />
+<text x="487.96" y="175.5" ></text>
+</g>
+<g >
+<title>enter_newfstat (88 samples, 0.01%)</title><rect x="1180.4" y="133" width="0.1" height="15.0" fill="rgb(229,196,26)" rx="2" ry="2" />
+<text x="1183.43" y="143.5" ></text>
+</g>
+<g >
+<title>/memory.pressure (315 samples, 0.03%)</title><rect x="691.0" y="85" width="0.4" height="15.0" fill="rgb(242,107,41)" rx="2" ry="2" />
+<text x="693.97" y="95.5" ></text>
+</g>
+<g >
+<title>/f2 (92 samples, 0.01%)</title><rect x="1081.0" y="149" width="0.1" height="15.0" fill="rgb(244,152,42)" rx="2" ry="2" />
+<text x="1083.97" y="159.5" ></text>
+</g>
+<g >
+<title>/usr (726 samples, 0.08%)</title><rect x="1142.9" y="213" width="0.8" height="15.0" fill="rgb(236,116,34)" rx="2" ry="2" />
+<text x="1145.85" y="223.5" ></text>
+</g>
+<g >
+<title>/libgcc.a (137 samples, 0.01%)</title><rect x="1141.4" y="133" width="0.1" height="15.0" fill="rgb(238,99,36)" rx="2" ry="2" />
+<text x="1144.38" y="143.5" ></text>
+</g>
+<g >
+<title>/smaps (464 samples, 0.05%)</title><rect x="800.1" y="181" width="0.6" height="15.0" fill="rgb(243,145,42)" rx="2" ry="2" />
+<text x="803.10" y="191.5" ></text>
+</g>
+<g >
+<title>enter_read (88 samples, 0.01%)</title><rect x="725.7" y="69" width="0.1" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="728.68" y="79.5" ></text>
+</g>
+<g >
+<title>/memory.pressure (315 samples, 0.03%)</title><rect x="756.0" y="85" width="0.4" height="15.0" fill="rgb(242,107,41)" rx="2" ry="2" />
+<text x="758.99" y="95.5" ></text>
+</g>
+<g >
+<title>/1e (86 samples, 0.01%)</title><rect x="1042.3" y="149" width="0.1" height="15.0" fill="rgb(240,132,38)" rx="2" ry="2" />
+<text x="1045.31" y="159.5" ></text>
+</g>
+<g >
+<title>enter_read (301 samples, 0.03%)</title><rect x="542.1" y="133" width="0.3" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="545.06" y="143.5" ></text>
+</g>
+<g >
+<title>.git (229 samples, 0.02%)</title><rect x="872.7" y="229" width="0.3" height="15.0" fill="rgb(233,132,30)" rx="2" ry="2" />
+<text x="875.73" y="239.5" ></text>
+</g>
+<g >
+<title>/4e (89 samples, 0.01%)</title><rect x="1048.1" y="149" width="0.1" height="15.0" fill="rgb(236,117,34)" rx="2" ry="2" />
+<text x="1051.08" y="159.5" ></text>
+</g>
+<g >
+<title>/memory.min (270 samples, 0.03%)</title><rect x="702.6" y="85" width="0.4" height="15.0" fill="rgb(247,107,46)" rx="2" ry="2" />
+<text x="705.63" y="95.5" ></text>
+</g>
+<g >
+<title>/null (98 samples, 0.01%)</title><rect x="776.8" y="197" width="0.1" height="15.0" fill="rgb(224,145,21)" rx="2" ry="2" />
+<text x="779.75" y="207.5" ></text>
+</g>
+<g >
+<title>/proc (9,141 samples, 0.95%)</title><rect x="784.4" y="213" width="11.2" height="15.0" fill="rgb(234,144,31)" rx="2" ry="2" />
+<text x="787.42" y="223.5" ></text>
+</g>
+<g >
+<title>/libgcc.a (88 samples, 0.01%)</title><rect x="1090.5" y="133" width="0.1" height="15.0" fill="rgb(238,99,36)" rx="2" ry="2" />
+<text x="1093.53" y="143.5" ></text>
+</g>
+<g >
+<title>/memory.stat (265 samples, 0.03%)</title><rect x="737.9" y="85" width="0.4" height="15.0" fill="rgb(229,107,26)" rx="2" ry="2" />
+<text x="740.93" y="95.5" ></text>
+</g>
+<g >
+<title>enter_ioctl (548 samples, 0.06%)</title><rect x="391.3" y="37" width="0.7" height="15.0" fill="rgb(232,196,30)" rx="2" ry="2" />
+<text x="394.31" y="47.5" ></text>
+</g>
+<g >
+<title>/styles (706 samples, 0.07%)</title><rect x="835.3" y="181" width="0.8" height="15.0" fill="rgb(244,122,43)" rx="2" ry="2" />
+<text x="838.28" y="191.5" ></text>
+</g>
+<g >
+<title>enter_read (106 samples, 0.01%)</title><rect x="328.0" y="213" width="0.1" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="331.01" y="223.5" ></text>
+</g>
+<g >
+<title>/eb (102 samples, 0.01%)</title><rect x="1067.0" y="149" width="0.2" height="15.0" fill="rgb(231,157,28)" rx="2" ry="2" />
+<text x="1070.05" y="159.5" ></text>
+</g>
+<g >
+<title>/go-link-2935705061 (175 samples, 0.02%)</title><rect x="1089.8" y="197" width="0.2" height="15.0" fill="rgb(228,144,25)" rx="2" ry="2" />
+<text x="1092.80" y="207.5" ></text>
+</g>
+<g >
+<title>/io.github.seadve.Kooha (106 samples, 0.01%)</title><rect x="218.8" y="149" width="0.1" height="15.0" fill="rgb(235,134,33)" rx="2" ry="2" />
+<text x="221.77" y="159.5" ></text>
+</g>
+<g >
+<title>627547 (1,235 samples, 0.13%)</title><rect x="1087.3" y="245" width="1.5" height="15.0" fill="rgb(234,145,31)" rx="2" ry="2" />
+<text x="1090.32" y="255.5" ></text>
+</g>
+<g >
+<title>/8c (109 samples, 0.01%)</title><rect x="1055.5" y="149" width="0.1" height="15.0" fill="rgb(230,159,28)" rx="2" ry="2" />
+<text x="1058.47" y="159.5" ></text>
+</g>
+<g >
+<title>enter_close (621 samples, 0.06%)</title><rect x="463.5" y="213" width="0.8" height="15.0" fill="rgb(245,196,44)" rx="2" ry="2" />
+<text x="466.52" y="223.5" ></text>
+</g>
+<g >
+<title>enter_write (123,494 samples, 12.78%)</title><rect x="883.9" y="213" width="150.8" height="15.0" fill="rgb(240,196,38)" rx="2" ry="2" />
+<text x="886.94" y="223.5" >enter_write</text>
+</g>
+<g >
+<title>enter_read (90 samples, 0.01%)</title><rect x="753.5" y="69" width="0.1" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="756.50" y="79.5" ></text>
+</g>
+<g >
+<title>/usr (4,347 samples, 0.45%)</title><rect x="391.1" y="213" width="5.3" height="15.0" fill="rgb(236,116,34)" rx="2" ry="2" />
+<text x="394.12" y="223.5" ></text>
+</g>
+<g >
+<title>/share (1,583 samples, 0.16%)</title><rect x="866.0" y="197" width="2.0" height="15.0" fill="rgb(248,122,47)" rx="2" ry="2" />
+<text x="869.04" y="207.5" ></text>
+</g>
+<g >
+<title>/dnf (117 samples, 0.01%)</title><rect x="1176.0" y="181" width="0.1" height="15.0" fill="rgb(248,162,48)" rx="2" ry="2" />
+<text x="1179.00" y="191.5" ></text>
+</g>
+<g >
+<title>/memory.swap.current (264 samples, 0.03%)</title><rect x="701.6" y="85" width="0.4" height="15.0" fill="rgb(241,107,39)" rx="2" ry="2" />
+<text x="704.65" y="95.5" ></text>
+</g>
+<g >
+<title>/tmp (223 samples, 0.02%)</title><rect x="1089.8" y="213" width="0.3" height="15.0" fill="rgb(234,140,32)" rx="2" ry="2" />
+<text x="1092.80" y="223.5" ></text>
+</g>
+<g >
+<title>/601475 (168 samples, 0.02%)</title><rect x="779.8" y="197" width="0.2" height="15.0" fill="rgb(246,123,46)" rx="2" ry="2" />
+<text x="782.82" y="207.5" ></text>
+</g>
+<g >
+<title>enter_read (381 samples, 0.04%)</title><rect x="623.4" y="133" width="0.5" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="626.40" y="143.5" ></text>
+</g>
+<g >
+<title> (4,998 samples, 0.52%)</title><rect x="673.9" y="229" width="6.1" height="15.0" fill="rgb(255,230,55)" rx="2" ry="2" />
+<text x="676.93" y="239.5" ></text>
+</g>
+<g >
+<title> (886 samples, 0.09%)</title><rect x="804.6" y="229" width="1.1" height="15.0" fill="rgb(255,230,55)" rx="2" ry="2" />
+<text x="807.62" y="239.5" ></text>
+</g>
+<g >
+<title>/68 (92 samples, 0.01%)</title><rect x="1051.2" y="149" width="0.1" height="15.0" fill="rgb(225,97,22)" rx="2" ry="2" />
+<text x="1054.19" y="159.5" ></text>
+</g>
+<g >
+<title>enter_read (1,721 samples, 0.18%)</title><rect x="1112.4" y="165" width="2.1" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="1115.36" y="175.5" ></text>
+</g>
+<g >
+<title>/memory.swap.current (270 samples, 0.03%)</title><rect x="732.2" y="85" width="0.4" height="15.0" fill="rgb(241,107,39)" rx="2" ry="2" />
+<text x="735.22" y="95.5" ></text>
+</g>
+<g >
+<title>enter_mmap (102 samples, 0.01%)</title><rect x="861.0" y="213" width="0.1" height="15.0" fill="rgb(240,196,39)" rx="2" ry="2" />
+<text x="863.99" y="223.5" ></text>
+</g>
+<g >
+<title>enter_openat (236 samples, 0.02%)</title><rect x="673.3" y="213" width="0.2" height="15.0" fill="rgb(233,196,31)" rx="2" ry="2" />
+<text x="676.26" y="223.5" ></text>
+</g>
+<g >
+<title>/memory.min (264 samples, 0.03%)</title><rect x="739.2" y="85" width="0.4" height="15.0" fill="rgb(247,107,46)" rx="2" ry="2" />
+<text x="742.24" y="95.5" ></text>
+</g>
+<g >
+<title>/user-1001@a76544c2185a4e0d95d841276470efd6-00000000004ff7a8-0006208fd10774d5.journal (91 samples, 0.01%)</title><rect x="1185.0" y="149" width="0.1" height="15.0" fill="rgb(229,116,27)" rx="2" ry="2" />
+<text x="1187.99" y="159.5" ></text>
+</g>
+<g >
+<title>/lib64 (1,537 samples, 0.16%)</title><rect x="1035.1" y="197" width="1.9" height="15.0" fill="rgb(239,99,37)" rx="2" ry="2" />
+<text x="1038.09" y="207.5" ></text>
+</g>
+<g >
+<title>/functions (160 samples, 0.02%)</title><rect x="681.8" y="101" width="0.2" height="15.0" fill="rgb(244,129,43)" rx="2" ry="2" />
+<text x="684.76" y="111.5" ></text>
+</g>
+<g >
+<title>613221 (85 samples, 0.01%)</title><rect x="783.9" y="245" width="0.1" height="15.0" fill="rgb(231,163,28)" rx="2" ry="2" />
+<text x="786.86" y="255.5" ></text>
+</g>
+<g >
+<title>enter_ioctl (91 samples, 0.01%)</title><rect x="727.5" y="69" width="0.1" height="15.0" fill="rgb(232,196,30)" rx="2" ry="2" />
+<text x="730.50" y="79.5" ></text>
+</g>
+<g >
+<title>enter_read (1,144 samples, 0.12%)</title><rect x="784.4" y="165" width="1.4" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="787.43" y="175.5" ></text>
+</g>
+<g >
+<title>/status (638 samples, 0.07%)</title><rect x="484.0" y="181" width="0.8" height="15.0" fill="rgb(233,122,30)" rx="2" ry="2" />
+<text x="487.04" y="191.5" ></text>
+</g>
+<g >
+<title>enter_read (92 samples, 0.01%)</title><rect x="757.3" y="69" width="0.1" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="760.26" y="79.5" ></text>
+</g>
+<g >
+<title>enter_newfstat (621 samples, 0.06%)</title><rect x="251.8" y="213" width="0.7" height="15.0" fill="rgb(229,196,26)" rx="2" ry="2" />
+<text x="254.76" y="223.5" ></text>
+</g>
+<g >
+<title>/lib (101 samples, 0.01%)</title><rect x="676.8" y="197" width="0.1" height="15.0" fill="rgb(234,99,32)" rx="2" ry="2" />
+<text x="679.82" y="207.5" ></text>
+</g>
+<g >
+<title>/transactions.db (343 samples, 0.04%)</title><rect x="463.1" y="165" width="0.4" height="15.0" fill="rgb(232,124,30)" rx="2" ry="2" />
+<text x="466.06" y="175.5" ></text>
+</g>
+<g >
+<title>enter_writev (570 samples, 0.06%)</title><rect x="444.6" y="213" width="0.7" height="15.0" fill="rgb(233,196,31)" rx="2" ry="2" />
+<text x="447.63" y="223.5" ></text>
+</g>
+<g >
+<title>enter_read (222 samples, 0.02%)</title><rect x="215.4" y="133" width="0.2" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="218.35" y="143.5" ></text>
+</g>
+<g >
+<title>/stat (406 samples, 0.04%)</title><rect x="483.5" y="181" width="0.5" height="15.0" fill="rgb(229,122,26)" rx="2" ry="2" />
+<text x="486.54" y="191.5" ></text>
+</g>
+<g >
+<title>/dev (971 samples, 0.10%)</title><rect x="1173.8" y="213" width="1.1" height="15.0" fill="rgb(236,152,34)" rx="2" ry="2" />
+<text x="1176.75" y="223.5" ></text>
+</g>
+<g >
+<title>/tmp (14,658 samples, 1.52%)</title><rect x="1096.8" y="213" width="17.9" height="15.0" fill="rgb(234,140,32)" rx="2" ry="2" />
+<text x="1099.78" y="223.5" ></text>
+</g>
+<g >
+<title>enter_newfstat (94 samples, 0.01%)</title><rect x="1182.7" y="133" width="0.1" height="15.0" fill="rgb(229,196,26)" rx="2" ry="2" />
+<text x="1185.73" y="143.5" ></text>
+</g>
+<g >
+<title>enter_newfstat (85 samples, 0.01%)</title><rect x="1184.3" y="133" width="0.1" height="15.0" fill="rgb(229,196,26)" rx="2" ry="2" />
+<text x="1187.31" y="143.5" ></text>
+</g>
+<g >
+<title> (10,406 samples, 1.08%)</title><rect x="1173.8" y="229" width="12.7" height="15.0" fill="rgb(255,230,55)" rx="2" ry="2" />
+<text x="1176.75" y="239.5" ></text>
+</g>
+<g >
+<title>enter_pread64 (600 samples, 0.06%)</title><rect x="798.0" y="53" width="0.7" height="15.0" fill="rgb(237,196,36)" rx="2" ry="2" />
+<text x="801.00" y="63.5" ></text>
+</g>
+<g >
+<title>enter_read (12,021 samples, 1.24%)</title><rect x="630.6" y="213" width="14.6" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="633.56" y="223.5" ></text>
+</g>
+<g >
+<title>enter_read (88 samples, 0.01%)</title><rect x="693.9" y="69" width="0.1" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="696.89" y="79.5" ></text>
+</g>
+<g >
+<title>/card1 (107 samples, 0.01%)</title><rect x="617.9" y="181" width="0.2" height="15.0" fill="rgb(234,170,31)" rx="2" ry="2" />
+<text x="620.94" y="191.5" ></text>
+</g>
+<g >
+<title>/memory.pressure (315 samples, 0.03%)</title><rect x="762.2" y="101" width="0.3" height="15.0" fill="rgb(242,107,41)" rx="2" ry="2" />
+<text x="765.16" y="111.5" ></text>
+</g>
+<g >
+<title>enter_newfstat (89 samples, 0.01%)</title><rect x="1182.3" y="133" width="0.1" height="15.0" fill="rgb(229,196,26)" rx="2" ry="2" />
+<text x="1185.31" y="143.5" ></text>
+</g>
+<g >
+<title>/user-1001@91732938d5e8417da6f3e8bd5b2a5bdf-0000000000540a2d-0006231483066361.journal (88 samples, 0.01%)</title><rect x="1184.9" y="149" width="0.1" height="15.0" fill="rgb(229,116,27)" rx="2" ry="2" />
+<text x="1187.88" y="159.5" ></text>
+</g>
+<g >
+<title>enter_read (88 samples, 0.01%)</title><rect x="730.1" y="69" width="0.1" height="15.0" fill="rgb(241,196,40)" rx="2" ry="2" />
+<text x="733.07" y="79.5" ></text>
+</g>
+<g >
+<title>/sbin (226 samples, 0.02%)</title><rect x="35.7" y="165" width="0.3" height="15.0" fill="rgb(247,142,46)" rx="2" ry="2" />
+<text x="38.73" y="175.5" ></text>
+</g>
+<g >
+<title>/cc (93 samples, 0.01%)</title><rect x="1063.3" y="149" width="0.1" height="15.0" fill="rgb(231,164,29)" rx="2" ry="2" />
+<text x="1066.31" y="159.5" ></text>
+</g>
+<g >
+<title>/x86_64-redhat-linux (692 samples, 0.07%)</title><rect x="1090.1" y="165" width="0.8" height="15.0" fill="rgb(245,97,45)" rx="2" ry="2" />
+<text x="1093.10" y="175.5" ></text>
+</g>
+<g >
+<title>/lib (95 samples, 0.01%)</title><rect x="677.6" y="197" width="0.1" height="15.0" fill="rgb(234,99,32)" rx="2" ry="2" />
+<text x="680.56" y="207.5" ></text>
+</g>
+<g >
+<title>me.ahola.aphototoollibre (92 samples, 0.01%)</title><rect x="308.9" y="229" width="0.1" height="15.0" fill="rgb(247,115,46)" rx="2" ry="2" />
+<text x="311.87" y="239.5" ></text>
+</g>
+<g >
+<title>/Microsoft (388 samples, 0.04%)</title><rect x="869.5" y="165" width="0.4" height="15.0" fill="rgb(239,145,37)" rx="2" ry="2" />
+<text x="872.47" y="175.5" ></text>
+</g>
+<g >
+<title>/0d (108 samples, 0.01%)</title><rect x="1040.3" y="149" width="0.1" height="15.0" fill="rgb(242,140,41)" rx="2" ry="2" />
+<text x="1043.31" y="159.5" ></text>
+</g>
+<g >
+<title>627307 (877 samples, 0.09%)</title><rect x="870.4" y="245" width="1.1" height="15.0" fill="rgb(239,145,38)" rx="2" ry="2" />
+<text x="873.42" y="255.5" ></text>
+</g>
+<g >
+<title>/smaps (131 samples, 0.01%)</title><rect x="799.6" y="181" width="0.1" height="15.0" fill="rgb(243,145,42)" rx="2" ry="2" />
+<text x="802.57" y="191.5" ></text>
+</g>
+<g >
+<title>/15 (548 samples, 0.06%)</title><rect x="391.3" y="149" width="0.7" height="15.0" fill="rgb(236,132,34)" rx="2" ry="2" />
+<text x="394.31" y="159.5" ></text>
+</g>
+<g >
+<title>enter_ioctl (90 samples, 0.01%)</title><rect x="731.6" y="69" width="0.1" height="15.0" fill="rgb(232,196,30)" rx="2" ry="2" />
+<text x="734.56" y="79.5" ></text>
+</g>
+<g >
+<title>/lib (332 samples, 0.03%)</title><rect x="624.7" y="197" width="0.4" height="15.0" fill="rgb(234,99,32)" rx="2" ry="2" />
+<text x="627.70" y="207.5" ></text>
+</g>
+<g >
+<title>/paul (82 samples, 0.01%)</title><rect x="782.1" y="197" width="0.1" height="15.0" fill="rgb(232,160,30)" rx="2" ry="2" /></