# Announce: node-red-contrib-ui-heatmap (beta release)

**URL:** <https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125>\
**Category:** Share Your Nodes\
**Created:** [18 February 2019 23:23 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125 "2019-02-18T23:23:02Z")\
**Posts on this page:** 20\
**Page:** 4

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [25 May 2019 16:12 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/63 "2019-05-25T16:12:51Z")

</div>

Hey @DragonPigGQ,  
You can see in the screenshot version 2.0.0 which is the older version from npm. You need to install the new 2.1.0 version via the above command.  
Bart

---

<div class="post-metadata">

**Author:** ![DragonPigGQ](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dragonpiggq/32/14528_2.png) [@DragonPigGQ](https://discourse.nodered.org/u/DragonPigGQ)\
**Post date:** [25 May 2019 17:54 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/64 "2019-05-25T17:54:06Z")

</div>

Hey Bart,

I have installed the new 2.1.0 version, however still nothing shows up ☹

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [25 May 2019 18:33 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/65 "2019-05-25T18:33:16Z")

</div>

Hmm, are you still getting the same error in your log? Could you also have a look at your Node-RED dashboard version (which you can find in your Node-RED startup log). You need at least dashboard version **2.10.0** , since older versions don't support custom UI nodes...

---

<div class="post-metadata">

**Author:** ![DragonPigGQ](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dragonpiggq/32/14528_2.png) [@DragonPigGQ](https://discourse.nodered.org/u/DragonPigGQ)\
**Post date:** [25 May 2019 19:12 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/66 "2019-05-25T19:12:18Z")

</div>

Yeah, i still have the same error :(, my dashboard version is 2.15.2. I think i will try to reinstall the node-red and see how it goes.

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [25 May 2019 19:39 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/67 "2019-05-25T19:39:59Z")

</div>

Just to make sure you have installed my 2.1.0 version in the correct folder (and avoiding Node-RED is still executing the previous version). When you open the config screen, do you see the new 'Background' property:

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/e/ece7ea5c37a81822fdf8e902f705d5c60c4f972b.png)

If that is ok, do you perhaps see some errors in your browser console log?

---

<div class="post-metadata">

**Author:** ![DragonPigGQ](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dragonpiggq/32/14528_2.png) [@DragonPigGQ](https://discourse.nodered.org/u/DragonPigGQ)\
**Post date:** [26 May 2019 01:56 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/68 "2019-05-26T01:56:00Z")

</div>

Hi Bart,  
Once again thanks for the help！

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/4/464142a04c6ce0b8ae427b594ae8caf5e93dad87.png)  
I do not have this new background property, i can only set the background colour.

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [26 May 2019 05:42 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/69 "2019-05-26T05:42:31Z")

</div>

Morning @DragonPigGQ,  
So Node-RED is still using the old 2.0.0 version of the heatmap node (_from NPM_), although you have installed my new 2. **1**.0 version (_from Github_). There are others users on this forum that are much more experienced with those problems... I think you have installed my new version in the _wrong directory_ (so the old version is not overwritten). Don't know on which system you are running, but on **linux** you have to install it like this:

```auto
cd $HOME/.node-red
npm install bartbutenaers/node-red-contrib-ui-heatmap

```

P.S. And of course refresh your browser screen, otherwise the old config screen will still be displayed...

---

<div class="post-metadata">

**Author:** ![DragonPigGQ](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dragonpiggq/32/14528_2.png) [@DragonPigGQ](https://discourse.nodered.org/u/DragonPigGQ)\
**Post date:** [26 May 2019 07:46 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/70 "2019-05-26T07:46:02Z")

</div>

Hi Bart,

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/8/85d1cba811b5598f19a9d6b858181e15666672e6.png)  
I have installed the new version 2.1.0. But it still didn't work, i am going to reinstall the node-red and see how! Will update u the result later.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [26 May 2019 07:57 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/71 "2019-05-26T07:57:19Z")

</div>

But how exactly have you installed it ? Node-RED is running fine no need to reinstall that.

---

<div class="post-metadata">

**Author:** ![DragonPigGQ](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dragonpiggq/32/14528_2.png) [@DragonPigGQ](https://discourse.nodered.org/u/DragonPigGQ)\
**Post date:** [26 May 2019 09:24 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/72 "2019-05-26T09:24:52Z")

</div>

Hi dceejay,  
Sorry i am pretty new to node-red,  
i had used this guide to install my node red.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/8/8652d986adb8943774f586ffcbf954f6de61df02.png)

thethingbox powered by node-red

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/0/0318eed61ab69e12418df04bb71cc4130347a68c.png)

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [26 May 2019 09:49 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/73 "2019-05-26T09:49:19Z")

</div>

Oh... the recommended method is to follow the docs - [https://nodered.org/docs/hardware/raspberrypi](https://nodered.org/docs/hardware/raspberrypi)  
🙂

---

<div class="post-metadata">

**Author:** ![DragonPigGQ](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dragonpiggq/32/14528_2.png) [@DragonPigGQ](https://discourse.nodered.org/u/DragonPigGQ)\
**Post date:** [27 May 2019 19:02 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/74 "2019-05-27T19:02:13Z")

</div>

I installed node-red with raspbian SD card image , and the heat map finally shows 😄. I think why i encountered the error was because i was using TheThingBox powered by node-red, which doesn't support custom dashboard or something. Once again, thank you BartButenaers and dceejay for the help, I really appreciate it!

---

<div class="post-metadata">

**Author:** ![RiccMazz](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/riccmazz/32/8561_2.png) [@RiccMazz](https://discourse.nodered.org/u/RiccMazz)\
**Post date:** [31 May 2019 07:13 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/75 "2019-05-31T07:13:20Z")

</div>

Thanks. As soon as I will be able to test I'll give you my feedback

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [22 July 2019 21:49 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/76 "2019-07-22T21:49:24Z")

</div>

Version **2.1.0** is published on NPM, and available on [flows.nodered.org](http://flows.nodered.org):

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/a/afa33b5097e107ccc463f2f5872e4fba6d6e3ca1.png)

---

<div class="post-metadata">

**Author:** ![Rtholl](https://avatars.discourse-cdn.com/v4/letter/r/45deac/32.png) [@Rtholl](https://discourse.nodered.org/u/Rtholl)\
**Post date:** [28 September 2019 17:44 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/77 "2019-09-28T17:44:11Z")

</div>

Dear @BartButenaers

The module looks exactly like what I need but whenever I use the heatmap node in Node-RED I receive the following error:

"TypeError: Cannot read property 'push' of undefined"

I didn't connect any nodes to it. Only by dragging it to the canvas and depoying it. That's it.  
My Node-RED runs on the IBM Cloud. Should be up to date tho. I use version 2.1.1.

Would love to use your node since it's amazingly looking!

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [28 September 2019 19:11 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/78 "2019-09-28T19:11:40Z")

</div>

Evening Raphael (@Rtholl),  
When search through the above discussion, you will find the same identical error. At the end it seemed he had installed my node incorrectly.

I'm not familiar with IBM cloud... Did you install my node via the manage palette menu, via command line or another way?  
Bart

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [28 September 2019 21:01 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/79 "2019-09-28T21:01:12Z")

</div>

And which version of node.js is it running on ? and which version of node-red-dashboard ?

---

<div class="post-metadata">

**Author:** ![Rtholl](https://avatars.discourse-cdn.com/v4/letter/r/45deac/32.png) [@Rtholl](https://discourse.nodered.org/u/Rtholl)\
**Post date:** [29 September 2019 10:49 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/80 "2019-09-29T10:49:42Z")

</div>

Thanks for the quick answer. I checked the version again and it is for sure 2.1.1. I do have the new background feature you mentioned above. I installed it via "Manage palette -\> install -\> node-red-contrib-ui-heatmap" so it comes from npm. I installed it just yesterday so it is your latest version.

@dceejay my dashboard nodes are at version 2.16.3. Node-RED is at version 0.20.8 (hosted in the IBM Cloud).

I even removed the service completely and started from scratch to make sure no other nodes interfere with the heatmap nodes.

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [29 September 2019 12:41 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/81 "2019-09-29T12:41:52Z")

</div>

That looks all fine too me. You say that you have the new background feature. So I assume that you can show the node's config screen? When/when do you get the error?

---

<div class="post-metadata">

**Author:** ![Rtholl](https://avatars.discourse-cdn.com/v4/letter/r/45deac/32.png) [@Rtholl](https://discourse.nodered.org/u/Rtholl)\
**Post date:** [1 October 2019 08:05 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125/82 "2019-10-01T08:05:38Z")

</div>

I took your "example flow" that you provided here: [https://flows.nodered.org/node/node-red-contrib-ui-heatmap](https://flows.nodered.org/node/node-red-contrib-ui-heatmap)

I get the error as soon as I deploy the node. Even if there's only the heat map in the canvas without any other nodes.

The following screenshots should answer your questions?  
 ![46](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/3/3f974ffdd8fc615e4358522a7693a99fc1449a6d.png)

![55](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/9/98fc28155cdb2dd9919d39b17987205d81dfae0a.png)

[Previous page](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125.md?page=3)

[Next page](https://discourse.nodered.org/t/announce-node-red-contrib-ui-heatmap-beta-release/8125.md?page=5)