Important changes to repositories hosted on mbed.com
Mbed hosted mercurial repositories are deprecated and are due to be permanently deleted in July 2026.
To keep a copy of this software download the repository Zip archive or clone locally using Mercurial.
It is also possible to export all your personal repositories from the account settings page.
mbed-os/tools/memap_flamegraph.html@0:9b3d4731edbb, 2018-06-21 (annotated)
- Committer:
- WFKnight
- Date:
- Thu Jun 21 13:51:43 2018 +0000
- Revision:
- 0:9b3d4731edbb
UART, RTOS, LED
Who changed what in which revision?
| User | Revision | Line number | New contents of line |
|---|---|---|---|
| WFKnight | 0:9b3d4731edbb | 1 | <!DOCTYPE html> |
| WFKnight | 0:9b3d4731edbb | 2 | <html lang="en"> |
| WFKnight | 0:9b3d4731edbb | 3 | <head> |
| WFKnight | 0:9b3d4731edbb | 4 | <meta charset="utf-8"> |
| WFKnight | 0:9b3d4731edbb | 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| WFKnight | 0:9b3d4731edbb | 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| WFKnight | 0:9b3d4731edbb | 7 | |
| WFKnight | 0:9b3d4731edbb | 8 | <link rel="stylesheet" type="text/css" |
| WFKnight | 0:9b3d4731edbb | 9 | href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" |
| WFKnight | 0:9b3d4731edbb | 10 | integrity="sha256-916EbMg70RQy9LHiGkXzG8hSg9EdNy97GazNG/aiY1w=" |
| WFKnight | 0:9b3d4731edbb | 11 | crossorigin="anonymous" |
| WFKnight | 0:9b3d4731edbb | 12 | /> |
| WFKnight | 0:9b3d4731edbb | 13 | <link rel="stylesheet" type="text/css" |
| WFKnight | 0:9b3d4731edbb | 14 | href="https://cdn.jsdelivr.net/gh/spiermar/d3-flame-graph@1.0.4/dist/d3.flameGraph.min.css" |
| WFKnight | 0:9b3d4731edbb | 15 | integrity="sha256-w762vSe6WGrkVZ7gEOpnn2Y+FSmAGlX77jYj7nhuCyY=" |
| WFKnight | 0:9b3d4731edbb | 16 | crossorigin="anonymous" |
| WFKnight | 0:9b3d4731edbb | 17 | /> |
| WFKnight | 0:9b3d4731edbb | 18 | |
| WFKnight | 0:9b3d4731edbb | 19 | <style> |
| WFKnight | 0:9b3d4731edbb | 20 | /* Space out content a bit */ |
| WFKnight | 0:9b3d4731edbb | 21 | body { |
| WFKnight | 0:9b3d4731edbb | 22 | padding-top: 20px; |
| WFKnight | 0:9b3d4731edbb | 23 | padding-bottom: 20px; |
| WFKnight | 0:9b3d4731edbb | 24 | } |
| WFKnight | 0:9b3d4731edbb | 25 | /* Custom page header */ |
| WFKnight | 0:9b3d4731edbb | 26 | .header { |
| WFKnight | 0:9b3d4731edbb | 27 | padding-bottom: 20px; |
| WFKnight | 0:9b3d4731edbb | 28 | padding-right: 15px; |
| WFKnight | 0:9b3d4731edbb | 29 | padding-left: 15px; |
| WFKnight | 0:9b3d4731edbb | 30 | border-bottom: 1px solid #e5e5e5; |
| WFKnight | 0:9b3d4731edbb | 31 | } |
| WFKnight | 0:9b3d4731edbb | 32 | /* Make the masthead heading the same height as the navigation */ |
| WFKnight | 0:9b3d4731edbb | 33 | .header h3 { |
| WFKnight | 0:9b3d4731edbb | 34 | margin-top: 0; |
| WFKnight | 0:9b3d4731edbb | 35 | margin-bottom: 0; |
| WFKnight | 0:9b3d4731edbb | 36 | line-height: 40px; |
| WFKnight | 0:9b3d4731edbb | 37 | } |
| WFKnight | 0:9b3d4731edbb | 38 | </style> |
| WFKnight | 0:9b3d4731edbb | 39 | |
| WFKnight | 0:9b3d4731edbb | 40 | <title>{{name}} Memory Details</title> |
| WFKnight | 0:9b3d4731edbb | 41 | |
| WFKnight | 0:9b3d4731edbb | 42 | <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> |
| WFKnight | 0:9b3d4731edbb | 43 | <!--[if lt IE 9]> |
| WFKnight | 0:9b3d4731edbb | 44 | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" integrity="sha256-4OrICDjBYfKefEbVT7wETRLNFkuq4TJV5WLGvjqpGAk=" crossorigin="anonymous"></script> |
| WFKnight | 0:9b3d4731edbb | 45 | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js" integrity="sha256-g6iAfvZp+nDQ2TdTR/VVKJf3bGro4ub5fvWSWVRi2NE=" crossorigin="anonymous"></script> |
| WFKnight | 0:9b3d4731edbb | 46 | <![endif]--> |
| WFKnight | 0:9b3d4731edbb | 47 | </head> |
| WFKnight | 0:9b3d4731edbb | 48 | <body> |
| WFKnight | 0:9b3d4731edbb | 49 | <div class="container"> |
| WFKnight | 0:9b3d4731edbb | 50 | <div class="header clearfix"> |
| WFKnight | 0:9b3d4731edbb | 51 | <h3 class="text-muted">{{name}} Memory Details</h3> |
| WFKnight | 0:9b3d4731edbb | 52 | </div> |
| WFKnight | 0:9b3d4731edbb | 53 | <div id="chart-rom"> |
| WFKnight | 0:9b3d4731edbb | 54 | </div> |
| WFKnight | 0:9b3d4731edbb | 55 | <hr/> |
| WFKnight | 0:9b3d4731edbb | 56 | <div id="chart-ram"> |
| WFKnight | 0:9b3d4731edbb | 57 | </div> |
| WFKnight | 0:9b3d4731edbb | 58 | <hr/> |
| WFKnight | 0:9b3d4731edbb | 59 | <div id="details"></div> |
| WFKnight | 0:9b3d4731edbb | 60 | </div> |
| WFKnight | 0:9b3d4731edbb | 61 | |
| WFKnight | 0:9b3d4731edbb | 62 | <script type="text/javascript" |
| WFKnight | 0:9b3d4731edbb | 63 | src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.10.0/d3.min.js" |
| WFKnight | 0:9b3d4731edbb | 64 | integrity="sha256-r7j1FXNTvPzHR41+V71Jvej6fIq4v4Kzu5ee7J/RitM=" |
| WFKnight | 0:9b3d4731edbb | 65 | crossorigin="anonymous"> |
| WFKnight | 0:9b3d4731edbb | 66 | </script> |
| WFKnight | 0:9b3d4731edbb | 67 | <script type="text/javascript" |
| WFKnight | 0:9b3d4731edbb | 68 | src="https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.7.1/d3-tip.min.js" |
| WFKnight | 0:9b3d4731edbb | 69 | integrity="sha256-z0A2CQF8xxCKuOJsn4sJ5HBjxiHHRAfTX8hDF4RSN5s=" |
| WFKnight | 0:9b3d4731edbb | 70 | crossorigin="anonymous"> |
| WFKnight | 0:9b3d4731edbb | 71 | </script> |
| WFKnight | 0:9b3d4731edbb | 72 | <script type="text/javascript" |
| WFKnight | 0:9b3d4731edbb | 73 | src="https://cdn.jsdelivr.net/gh/spiermar/d3-flame-graph@1.0.4/dist/d3.flameGraph.min.js" |
| WFKnight | 0:9b3d4731edbb | 74 | integrity="sha256-I1CkrWbmjv+GWjgbulJ4i0vbzdrDGfxqdye2qNlhG3Q=" |
| WFKnight | 0:9b3d4731edbb | 75 | crossorigin="anonymous"> |
| WFKnight | 0:9b3d4731edbb | 76 | </script> |
| WFKnight | 0:9b3d4731edbb | 77 | |
| WFKnight | 0:9b3d4731edbb | 78 | <script type="text/javascript"> |
| WFKnight | 0:9b3d4731edbb | 79 | var tip = d3.tip() |
| WFKnight | 0:9b3d4731edbb | 80 | .direction("s") |
| WFKnight | 0:9b3d4731edbb | 81 | .offset([8, 0]) |
| WFKnight | 0:9b3d4731edbb | 82 | .attr('class', 'd3-flame-graph-tip') |
| WFKnight | 0:9b3d4731edbb | 83 | .html(function(d) { return "module: " + d.data.name + ", bytes: " + d.data.value; }); |
| WFKnight | 0:9b3d4731edbb | 84 | var flameGraph_rom = d3.flameGraph() |
| WFKnight | 0:9b3d4731edbb | 85 | .transitionDuration(250) |
| WFKnight | 0:9b3d4731edbb | 86 | .transitionEase(d3.easeCubic) |
| WFKnight | 0:9b3d4731edbb | 87 | .sort(true) |
| WFKnight | 0:9b3d4731edbb | 88 | .tooltip(tip); |
| WFKnight | 0:9b3d4731edbb | 89 | var flameGraph_ram = d3.flameGraph() |
| WFKnight | 0:9b3d4731edbb | 90 | .transitionDuration(250) |
| WFKnight | 0:9b3d4731edbb | 91 | .transitionEase(d3.easeCubic) |
| WFKnight | 0:9b3d4731edbb | 92 | .sort(true) |
| WFKnight | 0:9b3d4731edbb | 93 | .tooltip(tip); |
| WFKnight | 0:9b3d4731edbb | 94 | var rom_elem = d3.select("#chart-rom"); |
| WFKnight | 0:9b3d4731edbb | 95 | flameGraph_rom.width(rom_elem.node().getBoundingClientRect().width); |
| WFKnight | 0:9b3d4731edbb | 96 | rom_elem.datum({{rom}}).call(flameGraph_rom); |
| WFKnight | 0:9b3d4731edbb | 97 | var ram_elem = d3.select("#chart-ram"); |
| WFKnight | 0:9b3d4731edbb | 98 | flameGraph_ram.width(ram_elem.node().getBoundingClientRect().width); |
| WFKnight | 0:9b3d4731edbb | 99 | ram_elem.datum({{ram}}).call(flameGraph_ram); |
| WFKnight | 0:9b3d4731edbb | 100 | </script> |
| WFKnight | 0:9b3d4731edbb | 101 | </body> |
| WFKnight | 0:9b3d4731edbb | 102 | </html> |
| WFKnight | 0:9b3d4731edbb | 103 |