milesparker/flamegraph

Flamegraph for Looker

Flamegraph for Looker

Flame graphs are used to visualise hierarchical data. This implementation for Looker was built using the D3.js plugin.

If you don't know what flame graphs are, check Brendan Gregg's post.

Example

Here's an example of analysing Redshift's Query Plan Costs within Looker (this is included in the the Redshift Performance Optimization Block):

Data Requirements

Data must be in nested hierarchy structure. Ensure the 1st dimension is the parent id, the 2nd dimension is the child id, and 3rd dimension is the descriptor:

Implementation Instructions

1. Fork this repository

2. Turn on GitHub Pages

3. Follow directions on Looker's documentation to add a new custom visualisation manifest:

   • In the 'Main' field, the URI of the visualization will be https://DOMAIN_NAME/flamegraph/flamegraph.js. For example: https://davidtamaki.github.io/flamegraph/flamegraph.js
   • The required dependencies are:
     • d3
     • d3-tip
     • d3-flamegraph