DOM Treemap

Helps you explore the distribution of DOM nodes in the document tree.

DOM Treemap - Visualize Devtools Elements Distribution

DOM Treemap is a Chrome extension designed to help developers discover and understand how DOM nodes are distributed throughout their document. This extension enhances Google Chrome's Devtools Elements tab by providing a visual representation of node descendants as you navigate through a DOM tree. It's particularly useful for discovering areas with an excessive number of nodes. It also includes a feature for BEM enthusiasts, providing a visual of how node-intensive different BEM components are on average.
Download
Install from Chrome Web Store

Extension stats

Manifest V2
Users: 1,000+
Rating: 5.00
(4)
Version: 1.1.1 (Last updated: 2021-06-30)
Creation date: 2021-06-24
Size: 151.55K
URLs: Website
Full description: See detailed description

Ranking

# 27,938 ▲ 13
Other rankings
#1799 in Developer Tools ▲ 3

Other platforms

Not available on Android
DOM Treemap (v1.1.0)
131 5.00 (8)
Not available on Edge

User reviews

Sehr gute Idee und gut umgesetzt. Unbedingt aktuell halten ;) LG Sebbo #wwsiv #workingdraft
by Sebastian M, 2021-11-22
Sehr nützlich!
by Sarah Groß, 2021-11-19
Top!
by M G, 2021-11-19
View all user reviews

Extension safety

Risk impact

DOM Treemap requires very minimum permissions.

Risk impact analysis details
  • Medium Access to developer tools, typically low risk unless it's used to inspect or manipulate data improperly.
  • Low ******* ****** ** *** ********* ********
Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of DOM Treemap. Use it at your own risk.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* ********* ** * ******* ********* ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to DOM Treemap:

DOM-Analyzer
DOM-Analyzer
cnavast
1,000 5.00 (2)
HTML DOM Navigation
HTML DOM Navigation
hkokila
3K 4.72 (18)
Css Playground and Dom Tree
Css Playground and Dom Tree
Jody Brabec
1,000 4.00 (2)
CSS Stacking Context inspector
CSS Stacking Context inspector
Andrea Dragotta
10K 3.86 (21)
Site DOM Tree
Site DOM Tree
Unknown
261 4.00 (2)
DOM Size Inspector
DOM Size Inspector
swese44
206 1.00 (1)
SVG Gobbler
SVG Gobbler
https://svggobbler.com
50K 4.74 (111)
VisBug
VisBug
https://visbug.web.app
200K 4.80 (255)
CSS Feature Toggles
CSS Feature Toggles
https://keithclark.co.uk
1,000 5.00 (4)
DOM node tree viewer.
DOM node tree viewer.
https://untamed.co.uk
4K 3.50 (4)
Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order
Capo: get your ﹤𝚑𝚎𝚊𝚍﹥ in order
https://rviscomi.dev
3K 4.75 (4)
Accessibility Insights for Web
Accessibility Insights for Web
Accessibility Insights Team
100K 4.68 (38)