# Plotly in node-red dashboard

**URL:** <https://discourse.nodered.org/t/plotly-in-node-red-dashboard/27114>\
**Category:** Dashboard\
**Created:** [23 May 2020 03:56 UTC](https://discourse.nodered.org/t/plotly-in-node-red-dashboard/27114 "2020-05-23T03:56:28Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![nikkijossie](https://avatars.discourse-cdn.com/v4/letter/n/a9adbd/32.png) [@nikkijossie](https://discourse.nodered.org/u/nikkijossie)\
**Post date:** [23 May 2020 03:56 UTC](https://discourse.nodered.org/t/plotly-in-node-red-dashboard/27114/1 "2020-05-23T03:56:28Z")

</div>

I want to use Plotly in node-red instead of the node-red dashboard. I am using the Plotly tool for visualizing temperature, Humidity, Wind. As I am new to node-red. I don't know-how to install, use and code plotly in node-red. Please help me!

---

<div class="post-metadata">

**Author:** ![afelix](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afelix/32/9743_2.png) [@afelix](https://discourse.nodered.org/u/afelix)\
**Post date:** [23 May 2020 07:08 UTC](https://discourse.nodered.org/t/plotly-in-node-red-dashboard/27114/2 "2020-05-23T07:08:09Z")

</div>

Hi, I’m familiar with plotly, I’ve used it on several projects outside node-red before.  
When you say “use it instead of the dash”, do you mean you would like to display plotly based charts within the `node-red-dashboard` interface, or is your goal to have [Dash](https://plotly.com/dash/) running with plotly charts to display your node-red data on?

---

<div class="post-metadata">

**Author:** ![nikkijossie](https://avatars.discourse-cdn.com/v4/letter/n/a9adbd/32.png) [@nikkijossie](https://discourse.nodered.org/u/nikkijossie)\
**Post date:** [23 May 2020 07:11 UTC](https://discourse.nodered.org/t/plotly-in-node-red-dashboard/27114/3 "2020-05-23T07:11:21Z")

</div>

My goal is to have dashboard running with Plotly tool to display data.

---

<div class="post-metadata">

**Author:** ![afelix](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afelix/32/9743_2.png) [@afelix](https://discourse.nodered.org/u/afelix)\
**Post date:** [23 May 2020 07:22 UTC](https://discourse.nodered.org/t/plotly-in-node-red-dashboard/27114/4 "2020-05-23T07:22:23Z")

</div>

> [@nikkijossie](#):
>
> to have dashboard running with Plotly

And would Dashboard have to be Dash here, or can that be within the existing node-red-dashboard?

For integrating Dash, it’s going to be a long ride and not something I can easily type from a phone screen. When your goal is just to have plotly it’s thankfully a lot easier. Plotly is available as library for Python, R, and luckily JavaScript too.  
Start reading here to understand how to include the library: [Getting started in JavaScript](https://plotly.com/javascript/getting-started/)  
Within the `node-red-dashboard` there’s a UI Template node that allows you to create your own AngularJS based widget. It’s perfect for your use as you can write your plotly chart in there. I tried to use AngularJS years ago but gave up as I truly did not understand how it works. So this is where my advice stops being useful. I know there’s several topics on the ui template node on these forums and how to use it, but perhaps @dceejay or @hotNipi can give you some specific pointers as to where to find information and how to get started and how to interact with messages going in/out the template node. I know that it is possible, but it’s all above my level of understanding.

---

<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:** [22 June 2020 07:37 UTC](https://discourse.nodered.org/t/plotly-in-node-red-dashboard/27114/6 "2020-06-22T07:37:25Z")

</div>

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