Support Jaeger Trace visualization with Flamegraph

[Rperry2174]

There are two issues in Jaeger repo:

• Support trace view as a flame graph jaegertracing/jaeger-ui#525
• Visualizing follows_from references with horizontal stacking jaegertracing/jaeger-ui#390

About visualizing trace data in Flamegraph form. Now that we have our @pyroscope/flamegraph npm package we could potentially make a slight modification to the code for the FlamegraphRenderer that would allow for us to:

1. Transform trace data into a format that the flamegraph understands
2. Visualize the trace data as a flamegraph

Worth noting that this tool: https://github.com/symbiont-io/jaeger-flamegraph takes a trace dump and turns it into a flamegraph.

I think the steps are:

• write a script to be able to convert a jaeger trace into something the flamegraph component can visualize
• Add to the flamegraph component api ability to take trace as input (feat(flamegraph): Add support for visualizing traces #1233)
• Add a item to the dropdown here that will take the trace JSON as input, run the script to transform it to flamegraph, and then render it in the UI

For now we should do this in the pyroscope/jaeger-ui repo so we can test it out and see what it looks like and then later we will share with the jaeger team to get it merged upstream.

[eh-am]

Related #172

[Rperry2174]

Note: They also have a "compare" page which calculates a diff. It would be cool if we could support that as well, but I think that would require us to move some of our go code into jaeger (or modularize it somehow)

[Rperry2174]

Completed in #1233 see example screenshotted below here