Tides in Lovelace

Wow this looks great. I would love to see the node red flow and how you got this data so beautifully display in HA if possible

I note that the canvas gauge card is deprecated and receiving no more support. GitHub - custom-cards/canvas-gauge-card: The card makes it possible to use gauges from https://canvas-gauges.com/

Bummer, anyone know of an alternative? Or want to take over maintenance?

I am curious - has the card stopped working in the latest HA versions - or there are no updates for last XX months?
In issues I noticed a possibly important issue with Companion App; other issues seem to be less critical.
There are some other popular cards which were updated a few years ago (like stack-in-card) but they still work…

It still works for my purposes, I was just reading what they said on github.

I will start testing this card. It does not seem like “outdatable”. Users may not get new features ofc.

If anyone is interested, here’s the configuration.yaml edits if you’d like to use NOAA Tides instead of the World Tides sensor.

# NOAA Tides
# https://www.home-assistant.io/integrations/noaa_tides/
# https://tidesandcurrents.noaa.gov/noaatidepredictions.html?id=8579629
sensor:
  - platform: noaa_tides
    station_id: 8579629
# Station ID should be changed depending on where you are monitoring tides

# low_tide_time: 2023-12-29T03:28
# low_tide_height: -0.312
# high_tide_time: 2023-12-29T09:48
# high_tide_height: 1.791
# attribution: Data provided by NOAA
# friendly_name: NOAA Tides


template:
  - sensor:
      - name: "tide pos"
        unit_of_measurement: "%"
        state: >
          {% set high = as_timestamp(state_attr('sensor.noaa_tides', 'high_tide_time'))|float %}
          {% set low =  as_timestamp(state_attr('sensor.noaa_tides', 'low_tide_time'))|float %}
          {% if (high - low) > 0 %}
            
            {{50-(((low - as_timestamp(now()))/(high -low)) * 50)}}
          {% else %}
            
            {{100 - (((high - as_timestamp(now()))/(low-high)) * 50)}}
          {%endif %}
2 Likes

Sorry for the delay Gareth, not sure why I didn’t get a notification of your comment.
Anyway happy to share so here is the code for the Canvas guage.card

type: custom:canvas-gauge-card
entity: sensor.tideclock2
card_height: 340
gauge:
  animation: true
  animationTarget: needle
  type: radial-gauge
  title: Tide
  width: 340
  height: 340
  borderShadowWidth: 4
  borderOuterWidth: 1
  borderMiddleWidth: 1
  borderInnerWidth: 4
  minValue: 0
  maxValue: 100
  startAngle: 180
  ticksAngle: 360
  valueBox: false
  toolbar:
    show: false
  majorTicks:
    - High
    - 1/5
    - 2/4
    - Falling
    - 4/2
    - 5/1
    - Low
    - 1/5
    - 2/4
    - Rising
    - 4/2
    - 5/1
    - High
  minorTicks: 12
  strokeTicks: true
  borders: true
  needleType: arrow
  needleWidth: 3
  colorNeedle: rgb(77, 84, 92, .90)
  colorNeedleEnd: rgba(150, 161, 176, 90)
  needleShadow: true
  colorNeedleShadowUp: rgba(209, 223, 240,.90)
  colorNeedleShadowDown: rgba(77, 84, 92, .10)
  colorNeedleCircleOuterEnd: rgba(209, 223, 240)
  colorNeedleCircleOuter: rgba(77, 84, 92)
  colorNeedleCircleInnerEnd: rgba(77, 84, 92)
  colorNeedleCircleInner: rgba(209, 223, 240)
  colorPlate: rgba(173, 184, 199, .30)
  colorPlateEnd: rgba(209, 223, 240, .10)
  colorBorderInnerEnd: rgb(225,225,225)
  colorBorderInner: rgb(140,140,140)
  colorBorderMiddle: rgb(186,186,186)
  colorBorderMiddleEnd: rgb(115,115,115)
  colorBorderOuterEnd: rgb(120,120,120)
  colorBorderOuter: rgb(245,245,245)
  highlights:
    - from: 25
      to: 33.3
      color: rgba(24, 145, 3, .40)
    - from: 33.3
      to: 41.5
      color: rgba(24, 145, 3, .70)
    - from: 41.5
      to: 50
      color: rgba(24, 145, 3, .90)
    - from: 66.8
      to: 75
      color: rgba(24, 145, 3, .40)
    - from: 58.4
      to: 66.8
      color: rgba(24, 145, 3, .70)
    - from: 50
      to: 58.4
      color: rgba(24, 145, 3, .90)
    - from: 75
      to: 83.5
      color: rgba(21, 171, 171, .40)
    - from: 83.5
      to: 91.7
      color: rgba(144, 186, 252, .70)
    - from: 91.7
      to: 100
      color: rgba(144, 186, 252, .99)
    - from: 0
      to: 8.5
      color: rgba(144, 186, 252, .99)
    - from: 8.5
      to: 16.8
      color: rgba(144, 186, 252, .70)
    - from: 16.8
      to: 25
      color: rgba(21, 171, 171, .40)
  useMinPath: true

I have absolutely no issues with the canvas guage card and I am also using it with my website in an html page having created a tide page for my use, when I am out at sea.

1 Like

The Node-Red flow has become rather complicated because I keep adding bits

Part 1 is the table flow, which also adjusts to local time, (you might have to change the it in the function to suit). There is more info there than you really need, but I just added to it for completeness. You will need to put your API key in the UKHO Data Get.

PART2
is the output to a share on my Pi as an XML file and then FTPout to my website

PART 3
Is the Calc for the Tideclock

Part 4
Is the calculation using the 12ths rule of the tide height every 5 minutes
This is also sent to my website as an XML file

I am not very good at Javascript yet so I expect you geniuses out there will make a better job of the functions.
Just out of interest I asked ChatGPT to do the Javascript for the 12ths Rule and after 20 attrempts that were completely wrong I gave up and did it myself.

[{"id":"862178c64ab775c7","type":"group","z":"6a77ed22f5291f7a","name":"GET TABLE","style":{"stroke":"#001f60","label":true,"color":"#0070c0","label-position":"n"},"nodes":["dcf34aab.218928","bccbb3e69cdab71d","d501796bb392d9cf","307d024eb3c89b95","51661ba71299b073","8897526cf8527a12","ab2a5f7c0d08271a"],"x":54,"y":99,"w":1052,"h":82},{"id":"dcf34aab.218928","type":"inject","z":"6a77ed22f5291f7a","g":"862178c64ab775c7","name":"Hourly","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"10800","crontab":"","once":true,"onceDelay":"","topic":"","payload":"","payloadType":"date","x":160,"y":140,"wires":[["ab2a5f7c0d08271a"]]},{"id":"bccbb3e69cdab71d","type":"function","z":"6a77ed22f5291f7a","g":"862178c64ab775c7","name":"function 49","func":"var newArray;\nvar number = 0;\nfor(var i = 0; i < msg.payload.length; i++) {\n    var newMsg = {};\n    newMsg.payload = {\n        tide_id: [i],\n        event: msg.payload[i].EventType,\n        daytime: msg.payload[i].DateTime,\n        height: Number(msg.payload[i].Height.toFixed(2)),\n        date: msg.payload[i].Date,\n        offset: Math.abs(new Date(msg.payload[i].DateTime).getTimezoneOffset())/60,\n        hrlocale: new Date(msg.payload[i].DateTime).getHours() + (Math.abs(new Date(msg.payload[i].DateTime).getTimezoneOffset()) / 60),\n        UKstamp: new Date(msg.payload[i].DateTime).setHours(new Date(msg.payload[i].DateTime).getHours() + (Math.abs(new Date(msg.payload[i].DateTime).getTimezoneOffset()) / 60)),\n        GMTstamp: new Date(msg.payload[i].DateTime).getTime(),\n        GMTtime: new Date(msg.payload[i].DateTime).toLocaleString('en-GB'),\n        UKtime: new Date(new Date(msg.payload[i].DateTime).setHours(new Date(msg.payload[i].DateTime).getHours() + (Math.abs(new Date(msg.payload[i].DateTime).getTimezoneOffset()) / 60))).toLocaleString('en-GB'),\n        day: new Date(new Date(msg.payload[i].DateTime).setHours(new Date(msg.payload[i].DateTime).getHours() + (Math.abs(new Date(msg.payload[i].DateTime).getTimezoneOffset()) / 60))).toLocaleString('en-GB').substr(0, 10),\n        time: new Date(new Date(msg.payload[i].DateTime).setHours(new Date(msg.payload[i].DateTime).getHours() + (Math.abs(new Date(msg.payload[i].DateTime).getTimezoneOffset()) / 60))).toLocaleString('en-GB').substr(12, 5),\n        \n    }\n\n    node.send(newMsg);\n}\nreturn null;        ","outputs":1,"timeout":"","noerr":0,"initialize":"","finalize":"","libs":[],"x":490,"y":140,"wires":[["d501796bb392d9cf"]]},{"id":"d501796bb392d9cf","type":"function","z":"6a77ed22f5291f7a","g":"862178c64ab775c7","name":"together","func":"\n//if (msg.payload.event == \"HighWater\"){\n//    msg.payload.event = \"High-Water\"\n//    } else {\n//     msg.payload.event = \"Low-Water\"\n//}\n\nmsg.tide = {\n    tide_id: msg.payload.tide_id,\n    day: msg.payload.day,\n    time: msg.payload.time,\n    height: msg.payload.height,\n    event: msg.payload.event,\n\n}\n\nreturn msg;        ","outputs":1,"timeout":"","noerr":0,"initialize":"","finalize":"","libs":[],"x":640,"y":140,"wires":[["307d024eb3c89b95"]]},{"id":"307d024eb3c89b95","type":"change","z":"6a77ed22f5291f7a","g":"862178c64ab775c7","name":"tide-pay","rules":[{"t":"set","p":"payload","pt":"msg","to":"tide","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":780,"y":140,"wires":[["51661ba71299b073"]]},{"id":"51661ba71299b073","type":"change","z":"6a77ed22f5291f7a","g":"862178c64ab775c7","name":"AP","rules":[{"t":"set","p":"payload","pt":"msg","to":"{\"Tides\" : {\"tide_id\" : [payload.tide_id],\"day\" : [payload.day],\"time\" : [payload.time],\"height\" : [payload.height],\"event\" : [payload.event]}}","tot":"jsonata"},{"t":"set","p":"topic","pt":"msg","to":"data","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":910,"y":140,"wires":[["8897526cf8527a12"]]},{"id":"8897526cf8527a12","type":"join","z":"6a77ed22f5291f7a","g":"862178c64ab775c7","name":"","mode":"custom","build":"array","property":"payload","propertyType":"msg","key":"topic","joiner":"\\n","joinerType":"str","accumulate":false,"timeout":"2","count":"","reduceRight":false,"reduceExp":"","reduceInit":"","reduceInitType":"","reduceFixup":"","x":1030,"y":140,"wires":[["b7f3b360e3caf235"]]},{"id":"ab2a5f7c0d08271a","type":"http request","z":"6a77ed22f5291f7a","g":"862178c64ab775c7","name":"UKHO data","method":"GET","ret":"obj","paytoqs":"ignore","url":"https://admiraltyapi.azure-api.net/uktidalapi/api/V1/Stations/0020/TidalEvents?","tls":"","persist":false,"proxy":"","insecureHTTPParser":false,"authType":"","senderr":false,"headers":[{"keyType":"other","keyValue":"Host","valueType":"other","valueValue":"admiraltyapi.azure-api.net"},{"keyType":"other","keyValue":"Ocp-Apim-Subscription-Key","valueType":"other","valueValue":""}],"x":330,"y":140,"wires":[["bccbb3e69cdab71d"]]},{"id":"d17ca5b2a98b966a","type":"group","z":"6a77ed22f5291f7a","name":"FTP OUT TO WEBSITE","style":{"stroke":"#0070c0","label":true,"color":"#001f60","label-position":"n"},"nodes":["4d964a0243383e7c","06aa539312f8eda2","b7f3b360e3caf235","f8f84a837e5628df","2acaa0172d62d403","db1d5343739224c5","ddd715c50676500b","73c1ef0e7bc92a78"],"x":294,"y":239,"w":812,"h":122},{"id":"4d964a0243383e7c","type":"file","z":"6a77ed22f5291f7a","g":"d17ca5b2a98b966a","name":"Output","filename":"/share/stidedata.xml","filenameType":"str","appendNewline":true,"createDir":false,"overwriteFile":"true","encoding":"setbymsg","x":810,"y":280,"wires":[["73c1ef0e7bc92a78"]]},{"id":"06aa539312f8eda2","type":"xml","z":"6a77ed22f5291f7a","g":"d17ca5b2a98b966a","name":"","property":"payload","attr":"$","chr":"_","x":610,"y":280,"wires":[["4d964a0243383e7c"]]},{"id":"b7f3b360e3caf235","type":"change","z":"6a77ed22f5291f7a","g":"d17ca5b2a98b966a","name":"Tidelist","rules":[{"t":"set","p":"payload","pt":"msg","to":"{   \"Tidelist\" : payload }","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":400,"y":280,"wires":[["06aa539312f8eda2"]]},{"id":"f8f84a837e5628df","type":"comment","z":"6a77ed22f5291f7a","g":"d17ca5b2a98b966a","name":"FORMAT DATA","info":"","x":400,"y":320,"wires":[]},{"id":"2acaa0172d62d403","type":"comment","z":"6a77ed22f5291f7a","g":"d17ca5b2a98b966a","name":"CONVERT XML","info":"Just add the heading for the XML file","x":600,"y":320,"wires":[]},{"id":"db1d5343739224c5","type":"comment","z":"6a77ed22f5291f7a","g":"d17ca5b2a98b966a","name":"OUTPUT TO PI","info":"The datafile as an XML file is Output\nto the share folder of HASS on my Pi","x":820,"y":320,"wires":[]},{"id":"ddd715c50676500b","type":"comment","z":"6a77ed22f5291f7a","g":"d17ca5b2a98b966a","name":"FTP TO WEB","info":"Enter FTP details of your website","x":1010,"y":320,"wires":[]},{"id":"73c1ef0e7bc92a78","type":"ftp in","z":"6a77ed22f5291f7a","g":"d17ca5b2a98b966a","ftp":"ce7394158a346155","operation":"put","filename":"xxxxxxx","localFilename":"/share/stidedata.xml","name":"","x":1010,"y":280,"wires":[[]]},{"id":"ce7394158a346155","type":"ftp","host":"","port":"","secureOptions":"","user":"","connTimeout":"","pasvTimeout":"","keepalive":""},{"id":"87853723e6aabe04","type":"group","z":"6a77ed22f5291f7a","name":"TIDECLOCK","style":{"stroke":"#3f93cf","label":true,"color":"#001f60","label-position":"n"},"nodes":["320a5b845e0284ad","edec4cc9bb8d2e0c","4bb1dd113f0889f2","52a8326be8736fd5","386f8d2167c52cff","96ec510f6df4ecc4","dbe5ac0b1cae2708","e6cb8fd0e3786138","dfb5b1448f13f1eb"],"x":94,"y":439,"w":1152,"h":122},{"id":"320a5b845e0284ad","type":"ha-sensor","z":"6a77ed22f5291f7a","g":"87853723e6aabe04","name":"tideclock2","entityConfig":"fc1b6e026fc881e2","version":0,"state":"payload.clockset","stateType":"msg","attributes":[],"inputOverride":"allow","outputProperties":[],"x":1160,"y":480,"wires":[[]]},{"id":"edec4cc9bb8d2e0c","type":"inject","z":"6a77ed22f5291f7a","g":"87853723e6aabe04","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"120","crontab":"","once":true,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":210,"y":480,"wires":[["96ec510f6df4ecc4"]]},{"id":"4bb1dd113f0889f2","type":"join","z":"6a77ed22f5291f7a","g":"87853723e6aabe04","name":"","mode":"custom","build":"array","property":"payload","propertyType":"msg","key":"topic","joiner":"\\n","joinerType":"str","accumulate":false,"timeout":"","count":"6","reduceRight":false,"reduceExp":"","reduceInit":"","reduceInitType":"","reduceFixup":"","x":690,"y":480,"wires":[["52a8326be8736fd5"]]},{"id":"52a8326be8736fd5","type":"function","z":"6a77ed22f5291f7a","g":"87853723e6aabe04","name":"Choose tide","func":"\nfor (var i = 0; i < 5; i++) {\n\n    if (msg.payload[i].nowstamp > msg.payload[i].stamp  && msg.payload[i].nowstamp < msg.payload[i+1].stamp){\n        var GMTdaytimelast = msg.payload[i].daytime\n        var GMTdaytimenext = msg.payload[i+1].daytime\n        var NextTime = msg.payload[i+1].stamp\n        var LastTime = msg.payload[i].stamp\n        var LastTide = msg.payload[i].height\n        var NextTide = msg.payload[i+1].height\n        var now = msg.payload[i].nowstamp\n        var number = i +1\n   }else{   }\n    \n    \n    if (LastTide < NextTide){\n        var event =\"HighWater\"\n        var state =\"Rising\"\n    }else{\n        var event =\"LowWater\"\n        var state = \"Falling\"\n    }\n\n\n}\n\nmsg.payload = {\n    GMTdaytimelast: GMTdaytimelast,\n    GMTdaytimenext: GMTdaytimenext,\n    number: number, \n    now: now,\n    NextTime: NextTime,\n    LastTime: LastTime,\n    LastTide: LastTide,\n    NextTide: NextTide,\n    event: event,\n    state: state,\n    \n}  \n\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":830,"y":480,"wires":[["386f8d2167c52cff"]]},{"id":"386f8d2167c52cff","type":"function","z":"6a77ed22f5291f7a","g":"87853723e6aabe04","name":"Calculate","func":"var event = msg.payload.event;\nvar state = msg.payload.state;\nvar nowtime = msg.payload.now;\n\n\nif (msg.payload.event == \"LowWater\") {\n    var lowtime = msg.payload.NextTime\n    var hightime = msg.payload.LastTime\n    var cycle = (msg.payload.NextTime - msg.payload.LastTime)/ (1000 * 3600)\n    var waterhigh = msg.payload.LastTide\n    var waterlow = msg.payload.NextTide\n    var range = msg.payload.LastTide - msg.payload.NextTide\n    var elapsed = (msg.payload.now - msg.payload.LastTime)/ (1000 * 3600)\n    var LastTideTime = (msg.payload.LastTime)// /(1000 * 3600)\n    var NextTideTime = (msg.payload.NextTime)// /(1000 * 3600)\n\n} else {\n    var lowtime = msg.payload.LastTime\n    var hightime = msg.payload.NextTime\n    var waterhigh = msg.payload.NextTide\n    var cycle = (msg.payload.NextTime - msg.payload.LastTime)/ (1000 * 3600)\n    var waterlow = msg.payload.LastTide\n    var range = msg.payload.NextTide - msg.payload.LastTide\n    var elapsed = (msg.payload.now - msg.payload.LastTime)/ (1000 * 3600)\n    var LastTideTime = (msg.payload.LastTime)// /(1000 * 3600)\n    var NextTideTime = (msg.payload.NextTime)// /(1000 * 3600)\n}\n\n//SET THE CLOCK AND WATER %\nvar heightnow = 0;\nvar fallpercent = 0;\nvar wflow;\nif (lowtime - hightime > 0) {\n    var tide = (((nowtime - hightime)) / (lowtime - hightime)) * 100\n    heightnow = ((waterhigh - waterlow) * (100 - tide) / 100) + waterlow //correct\n    fallpercent = (100 - tide) / 100\n    var clockset = ((((nowtime - hightime)) / (lowtime - hightime)) * 100) / 2 //percent correct\n    var num = 0\n    wflow = (waterhigh - waterlow) * tide / 100;\n} else {\n    var tide = 100 - ((((nowtime - hightime)) / (lowtime - hightime)) * 100) / 2\n    heightnow = (waterhigh * (tide / 100));\n\n    var clockset = 100 - ((((nowtime - hightime)) / (lowtime - hightime)) * 100) / 2 //percent correct\n\n    wflow = (waterhigh - waterlow) * tide / 100;\n    heightnow = waterlow + wflow;\n    var num = 1\n}\n\n//TIDY UP\ntide = Math.floor(tide*100)/100;\nvar k_water = Math.floor((heightnow - 1.06)*100)/100;\nheightnow = Math.floor((heightnow) * 100) / 100;\nwflow = Math.floor((wflow) * 100) / 100;\n//send data\n//var tideflow = {\n//}\n\nmsg.payload = {\n   tidestate: state,\n   number: msg.payload.number,\n   clockset: clockset,\n   tide: tide,\n   fallpercent: fallpercent,\n   heightnow: heightnow,\n   wflow: wflow,\n   waterhigh: waterhigh,\n   waterlow: waterlow,\n   event: event,\n   num: num,\n   hightime: hightime,\n   lowtime: lowtime,\n   range: range,\n   elapsed: elapsed,\n   cycle: cycle,\n    LastTideTime: LastTideTime,\n   NextTideTime: NextTideTime,\n   NextTide: msg.payload.NextTide,\n   LastTide: msg.payload.LastTide,\n   TideHeight: heightnow,\n   k_water: k_water\n}\nreturn msg;\n\n\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":1000,"y":480,"wires":[["320a5b845e0284ad","f8472beab0dae8ec"]]},{"id":"96ec510f6df4ecc4","type":"api-current-state","z":"6a77ed22f5291f7a","g":"87853723e6aabe04","name":"Salcombe","server":"40c50b05.cc8cc4","version":3,"outputs":1,"halt_if":"","halt_if_type":"str","halt_if_compare":"is","entity_id":"sensor.salcombe_tide","state_type":"str","blockInputOverrides":false,"outputProperties":[{"property":"payload","propertyType":"msg","value":"","valueType":"entityState"},{"property":"data","propertyType":"msg","value":"","valueType":"entity"}],"for":"0","forType":"num","forUnits":"minutes","override_topic":false,"state_location":"payload","override_payload":"msg","entity_location":"data","override_data":"msg","x":380,"y":480,"wires":[["dbe5ac0b1cae2708"]]},{"id":"dbe5ac0b1cae2708","type":"function","z":"6a77ed22f5291f7a","g":"87853723e6aabe04","name":"Get today Tides","func":"var offset = Math.abs(new Date().getTimezoneOffset()) / 60;\nvar newArray;\nvar number = 0;\nfor (var i = 0; i < 6; i++) {\n    var newMsg = {};\n    newMsg.payload = {\n        daytime: msg.data.attributes.predictions[i][0],\n        stamp: Date.parse(msg.data.attributes.predictions[i][0]) + offset,\n        nowstamp: Date.now() + offset,\n        height: msg.data.attributes.predictions[i][1],\n        number: i,\n\n    }\n\n    node.send(newMsg);\n}\nreturn null;        ","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":540,"y":480,"wires":[["4bb1dd113f0889f2"]]},{"id":"e6cb8fd0e3786138","type":"comment","z":"6a77ed22f5291f7a","g":"87853723e6aabe04","name":"","info":"Get the tide data as stored from the Rest api\n","x":380,"y":520,"wires":[]},{"id":"dfb5b1448f13f1eb","type":"comment","z":"6a77ed22f5291f7a","g":"87853723e6aabe04","name":"","info":"Get the tide data as stored from the Rest api\n","x":520,"y":520,"wires":[]},{"id":"fc1b6e026fc881e2","type":"ha-entity-config","server":"40c50b05.cc8cc4","deviceConfig":"","name":"tideclock2","version":"6","entityType":"sensor","haConfig":[{"property":"name","value":"tideclock2"},{"property":"icon","value":""},{"property":"entity_picture","value":""},{"property":"entity_category","value":""},{"property":"device_class","value":""},{"property":"unit_of_measurement","value":""},{"property":"state_class","value":""}],"resend":false,"debugEnabled":false},{"id":"40c50b05.cc8cc4","type":"server","name":"Home Assistant","addon":false,"rejectUnauthorizedCerts":true,"ha_boolean":"","connectionDelay":false,"cacheJson":false,"heartbeat":true,"heartbeatInterval":"30","statusSeparator":"","enableGlobalContextStore":false},{"id":"274078113daf8662","type":"group","z":"6a77ed22f5291f7a","name":"5 MINUTE TIDE HEIGHT CALC","style":{"label":true,"stroke":"#0070c0","label-position":"n","color":"#000000"},"nodes":["f8472beab0dae8ec","fa39edc95178c23d","b29dac6bfcb5cc6a"],"x":294,"y":619,"w":692,"h":82},{"id":"f8472beab0dae8ec","type":"function","z":"6a77ed22f5291f7a","g":"274078113daf8662","name":"function 53","func":"if (msg.payload.tidestate ==\"Rising\"){\n    var next_tide = msg.payload.waterhigh\n    var last_tide = msg.payload.waterlow\n} else {\n    var next_tide = msg.payload.waterlow\n    var last_tide = msg.payload.waterhigh \n}\n\n\nmsg.tide = {\n    tidestate: msg.payload.tidestate,\n    clockset: msg.payload.clockset,\n    kwater: msg.payload.k_water,\n    waterhigh: msg.payload.waterhigh,\n    waterlow: msg.payload.waterlow,\n    next_tide: next_tide,\n    last_tide: last_tide,\n    tideheight: msg.payload.TideHeight,\n    hourselapsed: msg.payload.elapsed,\n    event: msg.payload.event,\n} \nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":390,"y":660,"wires":[["fa39edc95178c23d"]]},{"id":"fa39edc95178c23d","type":"function","z":"6a77ed22f5291f7a","g":"274078113daf8662","name":"TIDE HEIGHT CALCULATOR","func":"//   REALTIME TIDE HEIGHTS FOR RISING AND FALLING TIDES WITH ANY TIDECYCLE USING THE RULE OF 12TH's\n//   FREE TO USE WITH ACCREDITATION TO NORMAN DILLEY DARTWEB.CO.UK\n\n//   VERSION 1.2 \n//   Changelog: inserted an extra loop to correct error when elapsed time is less than the 1st period\n                \n\n// THESE VARIABLES ARE AUTO EXTRACTED FROM TIDE DATA \nvar last_tideheight = msg.payload.LastTide;\nvar next_tideheight = msg.payload.NextTide;\n\nvar last_tidetime = msg.payload.LastTideTime;\nvar next_tidetime = msg.payload.NextTideTime;\n\n//INITIALISE -Required variables\nvar offset = Math.abs(new Date().getTimezoneOffset()) / 60;  //local time offset\nvar nowstamp = Date.now() + offset; //apply offset to time now\n\n// IF AUTO EXTRACTED TIMES AND HEIGHTS ARE UNAVALABLE FILL THIS DATA \n//var last_tideheight = 4.9379256586396485;  //metres\n//var next_tideheight = 1.1754144700349092;  //metres\n\n//var last_tidetime = 1702892040000;  //timestamp\n//var next_tidetime = 1702914600000; //timestamp\n\n//Convert to Timestamp if required\n//var last_tidetime1 = new Date(\"2023-12-17T08:45:00\"); //alternative\n//last_tidetime = last_tidetime1.getTime();\n//var nexttidetime1 = new Date(\"2023-12-17T15:01:00\");  //alternative\n//next_tidetime = nexttidetime1.getTime();\n\n//Timecycle\nvar tide_timecycle = (next_tidetime - last_tidetime)/(1000 * 3600); //hours\n\n//Tiderange\nif (next_tideheight > last_tideheight){\n    var tide_state =\"Rising\"\n    var tide_range = next_tideheight - last_tideheight\n}else{\n     var tide_state =\"Falling\"\n     var tide_range = last_tideheight - next_tideheight\n}\n\n//Tideflow divide cycle into 12th's - 6 parts (1,2,3,3,2,1)\nvar parts = [1,2,3,3,2,1];\nvar tideflow = [];\nfor (var i = 0; i < 6; i++) {\n    tideflow.push(tide_range * (parts[i] / 12))\n}\n\n// Periods as lengths of an hour\nvar timesplit = tide_timecycle/6;\n\n//elapsed time in hours since tide event\nvar elapsedtime = nowstamp - last_tidetime\nelapsedtime = elapsedtime /(1000 * 3600); //hours;\n\n//Timespan adding periods\nvar periodadd = [1,2,3,4,5,6,7];\nvar period = [];\nfor (var i = 0; i < 7; i++) {\n    period.push(timesplit * periodadd[i])  \n}\n\n//Match time period to actual time and calculate tideflow\nvar selectperiod;\nvar periodthis;\nvar i = 0;\nvar addon = 0;\n\nif (elapsedtime < period[0]){\n    tideflow[0] \n    selectperiod = period[0]\n    periodthis = elapsedtime\n    addon = 0\n    var selecttide=tideflow[0]\n}else{\n\nwhile (elapsedtime > period[i]){\n    i++;\n    selectperiod = period[i]\n    periodthis = elapsedtime - period[i-1] \n    addon = tideflow[i-1] + addon\n    var selecttide=tideflow[i]\n}\n}\n \n// Do the final Tide calculation realtime inc adjustment for Estuary \nvar tideheight;\nvar k_water;\nif (tide_state ==\"Falling\"){\n    tideheight = last_tideheight - (addon + (selecttide * periodthis))\n    k_water = tideheight - 1.06\n    tideheight = Number(tideheight).toFixed(2)\n    k_water = Number(k_water).toFixed(2)    \n}else{\n    tideheight = last_tideheight + addon + (selecttide * periodthis)\n    k_water = tideheight - 1.06\n    tideheight = Number(tideheight).toFixed(2)\n    k_water = Number(k_water).toFixed(2) \n}\n\nmsg.payload = {\n    tidestate: tide_state,\n    tideheight: tideheight,\n    k_water: k_water,\n    nowstamp: nowstamp,\n    next_tideheight,\n    last_tideheight,\n}\n\nmsg.tide = {\n    tidestate: tide_state,\n    tiderange: tide_range,\n    lasttime: last_tidetime,\n    nexttime: next_tidetime,\n    nowstamp: nowstamp,\n    tidecycle: tide_timecycle,\n    tideflow: tideflow,\n    timesplit: timesplit,\n    elapsedtime: elapsedtime,\n    period: period,\n    periodthis: periodthis,\n    selectperiod: selectperiod,\n    tideheight: tideheight,\n    k_water: k_water,\n   addon: addon,\n\n}\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":650,"y":660,"wires":[["b29dac6bfcb5cc6a"]]},{"id":"b29dac6bfcb5cc6a","type":"debug","z":"6a77ed22f5291f7a","g":"274078113daf8662","name":"Output","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":890,"y":660,"wires":[]}]
1 Like

I’m using the noaa_tides also but have a little different attributes and includes tide_factor which provides the % of tide already so I have in my template:

  • next_tide_time
  • last_tide_time
  • next_tide_type
  • last_tide_type
  • high_tide_level
  • tide_factor
template:
  - sensor:
      - name: "tide pos"
        unit_of_measurement: "%"
        state: >
          {{ state_attr('sensor.tide', 'tide_factor') }}

This is awesome but I’ve got a problem:

I’m using MetService for tides in NZ and it gives me 2 sensors:

sensor.lost_paradise_next_high_tide And sensor.lost_paradise_next_low_tide

In this format: May 19, 2024 at 4:01 AM

I’ve replaced these in the template sensor but it only comes back as ‘unavailable’ it’s probably got to do with the date/time format, but my Yama is too limited to know what to change in the template sensor.

Anyone got any ideas?

Dan

You need to try the template in dev tools. Report back.

I’m typing to use this but it’s wonky (ok sometimes) with noaa_tides. The root issue I believe is that it really needs to be working off the “current” state but it only shows the time and if it’s high or low tide as a string also with no date and it’s sometimes in that last or in the future within some number of hours. I wish I could better access the data. It also has a future low and high tide attributes that I’m using like in the scripts above for noaa and some times of the day it works OK with those numbers but sometimes not because the dates are too far off in the future I think. Are other noaa_tide users having the same issue?

I’ve included a sample of the date here:

And here is an odd graph (notice the jump UP in the late afternoon to the left.)

And the dial is just wrong now (it was 4:55PM when I snapped this.) I much farther away from low tide than shown.

@dmz

Can you share the noaa_tide configuration (and your station you are using?) I’m just very surprised that it’s different. I’d love to just use the factor rather than deal with the issue you can see in my prior post.

Just want to say, as the originator of this card, that I have always acknowledged that the timing is not completely accurate.

I use World Tides, and don’t seem to have the problems you describe with jumping around.

I assumed it’s related to the noaa_tides integration and how exposes its data. I assume the World Tides is not free, am I wrong?

I do love your garage!

OK, I have an answer. There is a fork of the builtin nota_tides that has better, more usable info including the tide factor. It also shows last and next tide rather than next low and net high tides.

This is it:

And now I get a tide factor directly and different attribute info like this:

Using this data this seems to work well for tide_pos state to make sure the rising falling. The comment earlier in the thread to just use the factor as-is is not correct.

 - sensor:
    - name: tide_pos
      unit_of_measurement: "%"
     state: >
        {% set last = state_attr('sensor.santa_cruz_tides', 'last_tide_type') %}
        {% set factor =  state_attr('sensor.santa_cruz_tides', 'tide_factor') %}
        {% if (last == "High") > 0 %}
          {{ 50 - (factor * 0.5)}}
        {% else %}          
          {{ 50 + (factor * 0.5)}}
        {%endif %}

Here is what the graph data looks like: (0%-50% is tide falling : 50%-100% is tide rising)

The guage is now very accurate with respect to the tide level, the “hour” guides really are not that accurate but you can’t have it both ways, since a tide cycle is not 6 hours and tide rising/lowering is not linear.

Here is my final tide section on my weather page:

1 Like

By the way, world tides doesn’t cost me, there is a free tier.

1 Like

Thanks, that was very unclear reading the site which is why I did not consider. I just updated my post above with my new tide pos calculation with the newer noaa_tides that I referenced. Thanks again.

1 Like