Function createFlamegraph

Lib/profiling/sampling/_flamegraph_assets/flamegraph.js:574–602

(tooltip, rootValue, data)

}

function createFlamegraph(tooltip, rootValue, data) {
  const chartArea = document.querySelector('.chart-area');
  const width = chartArea ? chartArea.clientWidth - 32 : window.innerWidth - 320;
  const heatColors = getHeatColors();

  const isDifferential = data && data.stats && data.stats.is_differential;
  const diffColors = isDifferential ? getDiffColors() : null;

  let chart = flamegraph()
    .width(width)
    .cellHeight(20)
    .transitionDuration(300)
    .minFrameSize(1)
    .tooltip(tooltip)
    .inverted(true)
    .setColorMapper(function (d) {
      if (d.depth === 0) return 'transparent';

      if (isDifferential) {
        return getDiffColorForNode(d, diffColors);
      }

      const percentage = d.data.value / rootValue;
      const level = getHeatLevel(percentage);
      return heatColors[level];
    });

  return chart;
}

function renderFlamegraph(chart, data) {
  d3.select("#chart").datum(data).call(chart);