eventbrite
Stacks deeper than 30 function calls are not displayed properly
You can see that the raw data is there if you export the tikibar data as json, but functions beyond the lowest thirty are not displayed when you look at the flamegraph in tikibar.
I think the problem is with the height of the flamegraph component. Height is set to 540, and the JS calculates the position of the bar for the function call based on the height of each box on the total height of the component, and the functions at the top end up being outside the visible space. For example, this is a HTML component for an non visible function call:
<g transform="translate(437.39583333333326,-342)" width="46.04166666666666" height="18" name="function" class="frame"><rect width="46.04166666666666" height="18" fill="rgb(239,68,16)" style="visibility: visible;"></rect><foreignObject width="46.04166666666666" height="18"><div class="label" style="display: block;">functions</div></foreignObject></g>
Notice the negative value on transform="translate(437.39583333333326,-342)
For reference, this is the calculation on the library: https://github.com/spiermar/d3-flame-graph/blob/master/src/d3.flameGraph.js#L336