Sources+Tree Source Map Visualization

This is a visualization of JavaScript/CSS source map data, which is useful for debugging problems with generated source maps. It's designed to be high-performance so it doesn't fall over with huge source maps.

It includes a treemap that shows how many bytes of the generated bundle map back to each original source file.

Drag and drop some files here or to get started. You can either drop a single JavaScript/CSS file with an inline source map comment, or a JavaScript/CSS file and a separate source map file together.

Or you can or to play around with the visualization.

Original code

Generated code