I want to show the wind direction from openweathermap by a fa-icon but the function outputs degrees. I have a function which outputs "90" degrees. I want to convert this to a fa-icon + rotation and save it in a datacell which is later picked up by a template. but since this datacell have multiple…

The thread I suggested leads to weather-icons-wind from where you can actually get directional icons for full 360 degrees. Or for cardinals if you want. And you can choose the pointer direction even for wind blowing towards or from. [image] Weather Icons - 222 font icons inspired by Font …

My problem is not about the weather icons, its about passing on html code within a function to be used in a template.

[image] thomasvjohansen: I want to show the wind direction from openweathermap I just wanted to say that there is more and easy ways to do this. But to understand what is not working in your case, it takes more than that object you have shared. Make a simple flow with some data injected and…

Im modifying a weather flow, which pulls data from openweathermap. the flow collects data and formats data into table cells, in this case "cell01". Then a template node picks up everything in data.cell01, but it contains multiple values so it cant be formated in the template. Though I can see tha…

Couldn't do much without the data but just by reading the code I think you should do following: In that template you'll need to make that text row to include the icon tag [image] And from function feed the degree

thx your example pushed me the right way to do it, though realized afterwards that the icons only can be rotated in 4 directions, 0/90/180/270.... I need atleast 8 directions, so now im looking for a solution to that.

Sounds like a job for @Paul-Reed :slight_smile:

thx now it works. rewrote the degree section to eight names with correct degrees. the eight names fits material design icon names. if (deg>22.50 && deg<=67.50){ return "north_east"; }else if (deg>67.51 && deg<112.50){ return "east"; }else if (deg>112.51 && deg<157.50){ return "south_east"; …

[image] dceejay: Sounds like a job for @Paul-Reed :slight_smile: OP was using Font Awsome icons, and of course we have no direct control over FA's css files to add rotation values other than the default 90/180/270 degrees, as it is part of your dashboard build. But there is no reason why we …

Even if it looks a bit hacky, if it works it doesn't hurt.

Node-RED

Node-RED Forum

Return html / fa icon code in a function

Dashboard

hotNipi 6 December 2020 10:14 2

Maybe you can find some useful tips from this thread Help with icon in `text` node

Topic		Replies	Views
Help with icon in `text` node Dashboard	13	4471	14 November 2020
Buienradar - windrichting Dashboard	24	2082	24 September 2021
Weather icons - please help why some aren't loaded Dashboard	62	2827	2 August 2021
Convert Wind direction in degrees to Cardinal points Share Your Projects	49	5804	4 June 2020
Compact Multi-location Weather Display Share Your Projects node-red-dashboard	46	1678	30 November 2025

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Return html / fa icon code in a function

Related topics