# 3D dashboards on NodeRed

**URL:** <https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [27 January 2024 14:37 UTC](https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972 "2024-01-27T14:37:50Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![TakshDhabalia](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/takshdhabalia/32/87741_2.png) [@TakshDhabalia](https://discourse.nodered.org/u/TakshDhabalia)\
**Post date:** [27 January 2024 14:37 UTC](https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972/1 "2024-01-27T14:37:50Z")

</div>

Hey. I am new to Node-Red and have been using it to make an electric bike dashboard and I wanted to know if there is any way to create 3D objects , backgrounds or units without using things like Babylon.js or the default dashboard 3D library (the one with set objects) or UI builder. open to suggestions !  
Thanks!

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [27 January 2024 14:40 UTC](https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972/2 "2024-01-27T14:40:40Z")

</div>

I once created a [flow](https://flowhub.org/f/5f0c36ed4bd03058) that created a 3D representation of a flow. It uses babylon.js and is a complete experiment. I got it that far that I could move nodes in 3D and that was sync'ed back to the flow in 2D (and vice versa).

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [27 January 2024 19:53 UTC](https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972/3 "2024-01-27T19:53:51Z")

</div>

Nothing currently in UIBUILDER I'm afraid. And probably wouldn't be anything native there anyway. Sadly, I don't have the free time to devote to something like that.

However, if someone wanted to have a go, I'd happily help them. You could model something on the `uib-select` node to deliver a custom 3D environment.

---

<div class="post-metadata">

**Author:** ![TakshDhabalia](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/takshdhabalia/32/87741_2.png) [@TakshDhabalia](https://discourse.nodered.org/u/TakshDhabalia)\
**Post date:** [28 January 2024 12:45 UTC](https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972/4 "2024-01-28T12:45:08Z")

</div>

Sounds creative and very cool implementation as well !

I would like to work on making a custom set of nodes which will help deploy a new 3D environment using previous models and stuff like blender models (STL or OBJ files) which is the ultimate goal.

---

<div class="post-metadata">

**Author:** ![TakshDhabalia](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/takshdhabalia/32/87741_2.png) [@TakshDhabalia](https://discourse.nodered.org/u/TakshDhabalia)\
**Post date:** [28 January 2024 12:46 UTC](https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972/5 "2024-01-28T12:46:26Z")

</div>

I always wanted to take up a side-project and contribute to the community . Would be glad to take up the project and will do the initial stages and make a overview of the project as a whole !

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [28 January 2024 12:51 UTC](https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972/6 "2024-01-28T12:51:08Z")

</div>

Cool. If you want to discuss the basic framework, either PM me or we can start a discussion in the uibuilder repo.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [27 February 2024 12:51 UTC](https://discourse.nodered.org/t/3d-dashboards-on-nodered/84972/7 "2024-02-27T12:51:08Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.