# Simple moon phase + picture for dashboard

**URL:** <https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695>\
**Category:** Dashboard\
**Created:** [28 April 2020 17:41 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695 "2020-04-28T17:41:31Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![menno](https://avatars.discourse-cdn.com/v4/letter/m/dec6dc/32.png) [@menno](https://discourse.nodered.org/u/menno)\
**Post date:** [28 April 2020 17:41 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/1 "2020-04-28T17:41:31Z")

</div>

Hi there  
does anybody have a small and simple moon phase + picture script / export for my personal dashboard ?  
i was looking but could not find any

many many thanks in advance  
Menno

---

<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 April 2020 18:15 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/2 "2020-04-28T18:15:16Z")

</div>

The suncalc node reports the % moon. But I’m not aware of any specific graphics

---

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [28 April 2020 18:41 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/3 "2020-04-28T18:41:39Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/e/9e49d1991f2c6750849d3f550656b9a5c69684c0.png)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/1/a1ef696da8b44eb58e3828f1ff66f9c7743342fe.png)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/e/6e41a655f73cfcfd4425222abe0de47b011a3d4a.png)

And here you are, The moon phase and pictu ... well emoji, but correct one

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/5/858153498acebabfff5948f53aba4500d41fb964.png)

But as you get all necessary info from this node it will be easy enough to implement something with nice images with ui\_template node.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/9/191eb88fd8611021d77171c32f8ae98757c75491.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:** [28 April 2020 18:54 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/4 "2020-04-28T18:54:06Z")

</div>

Nice one.

---

<div class="post-metadata">

**Author:** ![menno](https://avatars.discourse-cdn.com/v4/letter/m/dec6dc/32.png) [@menno](https://discourse.nodered.org/u/menno)\
**Post date:** [29 April 2020 06:48 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/5 "2020-04-29T06:48:33Z")

</div>

GREAT MAN !  
thanks working like charm

m

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [29 April 2020 09:15 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/6 "2020-04-29T09:15:29Z")

</div>

For anyone wanting to do this, the node @hotNipi used is `node-red-contrib-sun-position`

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [29 April 2020 09:16 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/7 "2020-04-29T09:16:55Z")

</div>

I'm just updating `weather-icons-lite` to include the 8 main moon phases

 ![moon](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/b/bb833d1ab54fefa68de62065c993f037d385c32e.jpeg)

I'm just doing some tweaking first before I publish them, but once finished, they will be added to the node-RED dashboard, and can then be used, resized etc, just like font-awsome icons.

I'm hoping to npm publish them this evening, and then hopefully they will be added to the core of `node-red-dashboard` shortly thereafter.

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [29 April 2020 22:52 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/8 "2020-04-29T22:52:43Z")

</div>

v1.3.0 now published on npm - [https://www.npmjs.com/package/weather-icons-lite](https://www.npmjs.com/package/weather-icons-lite) to include the 8 moon phase icons as above.  
NOTE - this isn't a `node-red-contrib` node and should not be user added.  
Hopefully, it will be added to the node-RED dashboard core, in it's next release.

When it is added, see the [css mapping docs](https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md) for usage.

---

<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:** [29 April 2020 23:09 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/9 "2020-04-29T23:09:42Z")

</div>

I think the mapping is inverted ? surely black should be no moon and white full moon ?

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [29 April 2020 23:31 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/10 "2020-04-29T23:31:33Z")

</div>

Hhmm... well this is full moon using the dark theme

![full moon dark](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/4/040ac3c719a5e344f0bcc8c987e72366529d705a.jpeg)

...and the same icon when using the light theme

![full moon white](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/0/20fb251b20cf45d4a753f238414b405075ae6dbb.jpeg)

EDIT - but yes, you are correct. I'll update tomorrow 😬

---

<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:** [30 April 2020 07:20 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/11 "2020-04-30T07:20:11Z")

</div>

Ah I see. This may be one case where it shouldn't change with the theme (if possible)

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [30 April 2020 18:44 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/12 "2020-04-30T18:44:38Z")

</div>

Conversation about `weather-icons-lite` moved to it's own thread - [Moon phase icons](https://discourse.nodered.org/t/moon-phase-icons/25802)

---

<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:** [30 May 2020 18:44 UTC](https://discourse.nodered.org/t/simple-moon-phase-picture-for-dashboard/25695/13 "2020-05-30T18:44:39Z")

</div>

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