Treemap support for the bundle analyzer

[fabiospampinato]

I think a treemap is often the most natural way to browse a bundle size analysis, because it makes better use of available screen real-estate, so it'd be really nice to see one implemented for esbuild.

Example treemap from webpack-bundle-analyzer:

Example treemap from rollup-plugin-visualizer:

[fabiospampinato]

@evanw I might be interested in submitting a PR for this eventually. If I make something with the same styling as the current sunburst and flame charts, same interactions, canvas based, and no dependencies, would you consider including that in esbuild's bundle analyzer?

[evanw]

I'm closing this as this has now been implemented: https://esbuild.github.io/analyze/

[fabiospampinato]

I love you!

[sandrooco]

@evanw Great stuff, thanks! Is there any way to contribute to the analyzer? CMD + F doesn't work because it's a canvas element. I'd like to look into this.

[vmasek]

I'd also like to contribute if possible, having a checkbox to filter only initially loaded bundles would be great (now we have to filter the stats.json by script). Additionally regex search for bundle names or even contents would be amazing because (as mentioned above) we cannot search in canvas by browser native prompt.