Zigbee Network Visualization

Am I missing something or is the only way to open the Zigbee Network visualization e.g. in the HA App to actually go into a Zigbee device and then open the three dot menu next to “Reconfigure”? Wouldn’t a button on the main Zigbee landing page a natural place for this?


Go to the ZHA integration in the settings integration page, click configure next to your coordinator, pick the visualisation tab.

is it me, or is visualisation not so good? i try to zoom in and out but it jump around , not very useful?

You can just added a dashboard button to navigate to the map wherever you want.

Wait till next release in two weeks, then check again to see what you think. Or participate in the beta that is running right now.

2 Likes

Question about the visualization. I noticed that not only can you zoom in and out, but you can also grab entities and move them around. What is the reason for this? Does moving the entity in the visualization actually do anything to the zigbee network?

Yes, if you drag a device too far off the screen it’ll drop off your ZigBee network :rofl:

Sorry, was just pulling your leg. It simply allows you to move your devices around so you can see how they are connected. Comes in quite handy once you have lots of devices.

1 Like

You scared me there for a second. Thank you so much for the response! :stuck_out_tongue_winking_eye:

1 Like

Is there a way to add this map as a shortcut to either the Side Menu or to a dedicated tab for a dashboard?

Add a badge to your dashboard with the following code:

type: entity
show_name: true
show_state: false
show_icon: true
tap_action:
  action: navigate
  navigation_path: /config/zha/visualization
name: Zigbee Visualization
entity: sensor.buttons
show_entity_picture: false
icon: mdi:account-group

Appreciate that thank you, but I’d rather a tab on a dashboard than a button

To add it as a shortcut to the side menu add the following code to your configuration.yaml file and restart HA:

panel_custom:
  - name: ha_zwave
    sidebar_title: ZWave Visualization
    sidebar_icon: mdi:cog-outline
    js_url: /api/hassio/app/entrypoint.js
    url_path: 'config/zha/visualization'
    embed_iframe: true
    config:
      ingress: core_configurator 

To add it as a dedicated tab, create a new tab in Lovelace and set the layout type to ‘Panel (single card)’ and name it ‘ZWave Visualization’. Then add a ‘Webpage card’ onto that tab and set the URL path to /config/zha/visualization

1 Like

Oh legend. Thank you so much!