# 3D DOM modelling

**URL:** <https://forum.pinegrow.com/t/3d-dom-modelling/4927>\
**Category:** Feature Request\
**Created:** [February 6, 2021, 10:49pm UTC](https://forum.pinegrow.com/t/3d-dom-modelling/4927 "2021-02-06T22:49:16Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [February 6, 2021, 10:49pm UTC](https://forum.pinegrow.com/t/3d-dom-modelling/4927/1 "2021-02-06T22:49:16Z")

</div>

Why not! :)?

Based on the fact that MS Edge (Cough!) Browser is built on ~~Electron~~ Node and Chromium  
AND…

Can render a 3D model of the DOM Tree…  
like this,

> **[3D View - Microsoft Edge Development](https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/3d-view/)**
>
> All about 3D View and how to use it.

aaand… since PG is based on ~~Electron~~ Node and Chromium and following the same sort of logic as this

> **[Electron, Chromium/Edge Anaheim and Windows 10 & 7](https://techcommunity.microsoft.com/t5/discussions/electron-chromium-edge-anaheim-and-windows-10-amp-7/m-p/677680)**
>
> I'm sure this is a big question.   MS owns GitHub. GitHub makes Electron which is based on Chromium. Edge is now based on Chromium. Windows 10 uses EdgeHTML as its system webview. Android uses Chrome which auto updates on Android. "PWA"s aka...

Could we have a 3D Tree model of our DOM in PG?

I mean MS managed it… (several years after everyone else failed/gave up/didn’t bother)  
And MS only have. A FEW…more people than the PG team, and a SLIGHTLY larger (GDP than Germany)… number of people in their RnD department … (you could count @matjaz 's dog and even it up a bit)

Wow. Imagine THAT as a visual aid in PG  
🙂  
Clickable 3d Web view, that shows you the z-index, then takes you to the PG, Z layer controls, and styles etc etc.

imagine… dragging elements on a 3D model view, to the correct div nesting… Mind bending.  
WOW.

Just saying… dont ask, dont get.

Which reminds me Santa… where’s my Submarine!?

---

<div class="post-metadata">

**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\
**Post date:** [February 6, 2021, 11:06pm UTC](https://forum.pinegrow.com/t/3d-dom-modelling/4927/2 "2021-02-06T23:06:54Z")

</div>

Perhaps you meant #Feature Request instead of random.

> [@schpengle](#):
>
> since PG is based on Electron

Pinegrow uses **NWJS** the last I understood, but it too is chromium based.