OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <head> | |
3 <title>Subzero size breakdown</title> | |
4 <script src='../build/llvm2ice.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> | |
OLD | NEW |