62 lines
1.4 KiB
HTML
62 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<title>Subzero size breakdown</title>
|
|
<script src='../build/pnacl-sz.x8664.nexe.bloat.json'></script>
|
|
<link rel='stylesheet' href='webtreemap.css'>
|
|
<style>
|
|
body {
|
|
font-family: sans-serif;
|
|
font-size: 0.8em;
|
|
margin: 2ex 4ex;
|
|
}
|
|
|
|
h1 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
#map {
|
|
height: 70vh;
|
|
|
|
position: relative;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
#legend {
|
|
width: 200px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>Subzero size breakdown</h1>
|
|
|
|
<p>Click on a box to zoom in. Click on the outermost box to zoom out.</p>
|
|
|
|
<div id='map'></div>
|
|
|
|
<script src='webtreemap.js'></script>
|
|
|
|
<script>
|
|
var map = document.getElementById('map');
|
|
appendTreemap(map, kTree);
|
|
</script>
|
|
|
|
<div id='legend'>
|
|
<div class='webtreemap-symbol-bss'>bss</div>
|
|
<div class='webtreemap-symbol-bss webtreemap-aggregate'>bss aggregate</div>
|
|
<div class='webtreemap-symbol-data'>data</div>
|
|
<div class='webtreemap-symbol-data webtreemap-aggregate'>data aggregate</div>
|
|
<div class='webtreemap-symbol-read-only_data'>read-only data</div>
|
|
<div class='webtreemap-symbol-read-only_data webtreemap-aggregate'>read-only
|
|
data aggregate</div>
|
|
<div class='webtreemap-symbol-code'>code</div>
|
|
<div class='webtreemap-symbol-code webtreemap-aggregate'>code aggregate</div>
|
|
<div class='webtreemap-symbol-weak_symbol'>weak symbol</div>
|
|
<div class='webtreemap-symbol-weak_symbol webtreemap-aggregate'>weak symbol
|
|
aggregate</div>
|
|
</div>
|
|
|
|
</body>
|