2023-flamegraphs/2250-produce-svg.html

   1 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   2 <link rel="stylesheet" href="style.css" type="text/css"/>
   3 <script src="code.js" type="text/javascript"></script>
   4
   5 <style>
   6 html {
   7     position: relative;
   8     min-height: 90%;
   9 }
  10 /* Footnote */
  11 #footnote {
  12     height: 70px;
  13     clear: both;
  14     position: absolute;
  15     left: 0;
  16     bottom: 0;
  17     height: 50%;
  18     width: 100%;
  19 }
  20 </style>
  21
  22 <h1>perf data to flamegraph SVG</h1>
  23
  24 <pre>
  25 flamegraph<sup>1</sup> &gt; analysis.svg
  26 </pre>
  27
  28
  29
  30 <div id="footnote">
  31 <p><sup>1</sup><code>flamegraph</code> is this script, using the tools
  32 from <a href="https://github.com/brendangregg/FlameGraph">https://github.com/brendangregg/FlameGraph</a></p>
  33 <pre style="border: 1px solid #ccc;">
  34 set -e
  35
  36 d="$HOME/devel/FlameGraph"
  37
  38 sudo perf script |
  39     $d/stackcollapse-perf.pl --all |
  40     $d/flamegraph.pl
  41 </pre>
  42 </div>