tui: unify table navigation and rendering

1 files changed, 0 insertions, 12270 deletions

diff --git a/assets/ior-flamegraph-example.svg b/assets/ior-flamegraph-example.svg
deleted file mode 100644
index 9c7d98c..0000000
--- a/assets/ior-flamegraph-example.svg
+++ /dev/null
@@ -1,12270 +0,0 @@
-<?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"