| <!DOCTYPE html> |
| <title>binary size</title> |
| <script src=bloat.json></script> |
| <link rel=stylesheet href=webtreemap/webtreemap.css> |
| <style> |
| body { |
| font-family: sans-serif; |
| font-size: 0.8em; |
| margin: 2ex 4ex; |
| } |
| |
| tt, pre { |
| font-family: WebKitWorkaround, monospace; |
| } |
| |
| h1, h2 { |
| font-weight: normal; |
| } |
| h2 { |
| margin-top: 4ex; |
| } |
| |
| #map { |
| width: 800px; |
| height: 600px; |
| |
| position: relative; |
| cursor: pointer; |
| -webkit-user-select: none; |
| } |
| |
| #legend { |
| width: 800px; |
| padding-top: 10px; |
| } |
| </style> |
| |
| <h1>binary size</h1> |
| |
| <p>Click on a box to zoom in. Click on the outermost box to zoom out.</p> |
| |
| <div id='map'></div> |
| <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> |
| |
| <script src='webtreemap/webtreemap.js'></script> |
| |
| <script> |
| var map = document.getElementById('map'); |
| appendTreemap(map, kTree); |
| </script> |