Z-Wave graph (without the python)

So, its working but I don’t have a graph. Didn’t think about it but does this work with OpenZWave? I’m on a beta version of HA because I’m running booting from an SSD using a Pi4.

This is all I get:

Nope, only works on the zwave domain, Which doesn’t exist with The beta

@AdamNaj

Why do my nodes show unconnected? They are inovelli red dimmers. I’ve tried restarting HA, refreshing brownser, healing individual nodes, healing the hub.

In Z wave integreation both nodes shows COMPLETE. I can control them without issue.

I did add them as unsecured, I may try adding as secure just to see.

Hello. New to HA and just getting the zwave network configured. We recently installed motorized shades and connected them to the hub. Upon using the graph, I am trying to understand how to read the output. Specifically, why are the green nodes faded? Any additional input would be great. Thanks in advance!

I’m not sure what you mean by “faded.” If you mean the small gradient transition from teal/green to gray, that is the battery level of the sensor. Powered sensors don’t have that. Also notice the shape of the object resembles a battery.

1 Like

@AdamNaj I cant wait to use this but I am having issues here with getting an error code:
Unable to load custom panel from http://XXX.XXX.X.X:8123/local/zwavegraph3.js
I have added it as mentioned from the latest https://github.com/AdamNaj/ZWaveGraphHA and cleared my browser history.

Running this in version .118.3
Yes I have looked through all other posts and went through the steps several times with no change when opening the Z-Wave Graph.

I was having the same issue, and just put the zwavegraph3.js file in several folders:
/config
/config/panels

I also deleted the older graph file from the panels folder. I have the default config lines in my configuration.yaml file, and it works now. I was going to one by one remove the .js file from locations to see where it breaks, but haven’t done that yet.

@ElektroG, I tried this and still getting the same error.
Any help is appreciated.

Just to clarify, when you put the zwavegraph3.js file in one of the config folders, you are copying everything from that raw file, correct?

@ElektroG @daved3521

The file needs to be in ‘config\www’

Yes, I copied the raw data into a file and saved as a .js file. Make sure it doesn’t have a hidden .html on the end. Also, as sparkydave mentioned, you need the file in the config/www folder. I had to create the “www” folder. Make sure you clear your browser cache between changes. I am using Firefox.
Also, I’m deleting the .js file one by one from the places additional to the ones recommended in this thread to see when it breaks the graph. So far I deleted it from the root config folder, and it still works.

Not sure where I’ve gone wrong, but I’m getting the “Unable to load custom panel from http://:8123/www/zwavegraph3.js” error when trying to load the panel.

I received the same error “unable to load…” error message.

Problem was caused by “NoScript” addon in my browser which blocked other javascript elemtents from being imported:

The script needs access to these:
import “https://d3js.org/d3.v5.min.js”;
import “https://cdnjs.cloudflare.com/ajax/libs/dagre-d3/0.6.1/dagre-d3.js”;
import “https://cdn.jsdelivr.net/npm/[email protected]/dist/svg-pan-zoom.min.js”;
import “https://hammerjs.github.io/dist/hammer.min.js

Would love to see this addon updated to work with OZW at some point! :slight_smile:

1 Like

After the installation of Home Assistant version 2021.2.0 with the new ZWAVE JS integration and add-on, the ZWAVE Graph no longer works. Are there any options to get this chart working again or does the code need to be revised?

This tool wasn’t designed for the new Z-wave JS integration so no one should expect it this to work.

That said, creating a tool like this is on the Z-wave JS integration roadmap so it’s likely you’ll see a native solution at some point in the future.

I just installed this from the github.

put the .js file into a new folder at /config/www
and left the configuration.yaml like “module_url: /local/zwavegraph3.js”

It seems to be slowly mapping things out! Running 2021.1.4

image

Was this with the new js zwave? @eeze2

This doesn’t work with zwave js addon or zwave js integration. If you use zwavejs2mqtt, there’s a tab in that frontend with this map, no need to implement this.

Sorry I don’t know I just edited my config file, add the directory with the custom panel and module_url: /local/zwavegraph3.js.

Works well

Please create a separate post as your question is not related to the topic at hand. Thanks. Also take time to learn how to format the code when you post. 3 backticks before and after your code block.