flamegraph.html 841 B

1234567891011121314151617181920212223242526
  1. <!-- Copyright 2023 The ChromiumOS Authors
  2. Use of this source code is governed by a BSD-style license that can be
  3. found in the LICENSE file. -->
  4. <head>
  5. <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/d3-flame-graph@4.1.3/dist/d3-flamegraph.css">
  6. </head>
  7. <body>
  8. <div id="chart"></div>
  9. <script type="text/javascript" src="https://d3js.org/d3.v7.js"></script>
  10. <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3-flame-graph@4.1.3/dist/d3-flamegraph.min.js"></script>
  11. <script type="text/javascript">
  12. var chart = flamegraph()
  13. .width(960);
  14. chart.selfValue(true);
  15. d3.json("./src/tracing_data.json")
  16. .then(data => {
  17. d3.select("#chart")
  18. .datum(data)
  19. .call(chart);
  20. }).catch(error => {
  21. return console.warn(error);
  22. });
  23. </script>
  24. </body>