Home | History | Annotate | Download | only in bloat 
      1 <!DOCTYPE html>
      2 <head>
      3 <title>Subzero size breakdown</title>
      4 <script src='../build/pnacl-sz.x8664.nexe.bloat.json'></script>
      5 <link rel='stylesheet' href='webtreemap.css'>
      6 <style>
      7 body {
      8   font-family: sans-serif;
      9   font-size: 0.8em;
     10   margin: 2ex 4ex;
     11 }
     12 
     13 h1 {
     14   font-weight: normal;
     15 }
     16 
     17 #map {
     18   height: 70vh;
     19 
     20   position: relative;
     21   cursor: pointer;
     22   -webkit-user-select: none;
     23 }
     24 
     25 #legend {
     26   width: 200px;
     27 }
     28 </style>
     29 </head>
     30 
     31 <body>
     32 
     33 <h1>Subzero size breakdown</h1>
     34 
     35 <p>Click on a box to zoom in.  Click on the outermost box to zoom out.</p>
     36 
     37 <div id='map'></div>
     38 
     39 <script src='webtreemap.js'></script>
     40 
     41 <script>
     42 var map = document.getElementById('map');
     43 appendTreemap(map, kTree);
     44 </script>
     45 
     46 <div id='legend'>
     47 <div class='webtreemap-symbol-bss'>bss</div>
     48 <div class='webtreemap-symbol-bss webtreemap-aggregate'>bss aggregate</div>
     49 <div class='webtreemap-symbol-data'>data</div>
     50 <div class='webtreemap-symbol-data webtreemap-aggregate'>data aggregate</div>
     51 <div class='webtreemap-symbol-read-only_data'>read-only data</div>
     52 <div class='webtreemap-symbol-read-only_data webtreemap-aggregate'>read-only
     53 data aggregate</div>
     54 <div class='webtreemap-symbol-code'>code</div>
     55 <div class='webtreemap-symbol-code webtreemap-aggregate'>code aggregate</div>
     56 <div class='webtreemap-symbol-weak_symbol'>weak symbol</div>
     57 <div class='webtreemap-symbol-weak_symbol webtreemap-aggregate'>weak symbol
     58 aggregate</div>
     59 </div>
     60 
     61 </body>
     62