I just installed samantha-uk/zigzag-panel from https://github.com/Samantha-uk/one/tree/main/home-assistant/zigzag-panel
The Zigzag panel entry shows correctly on the left.
When I open the panel apart from 3 commands (“Zoom to fit”, “Auto layout”, and “Unlock all”) showing on the top nothing is displayed in the windows?
Note: I am not running zha_map as it is not on the list of prerequisite
Running latest version of everything on RPi4
I have changed the plugin-render: from pixi to three and now it is displaying something.
It looks a bit strange (one zig only displayed as title without graphic a lot of zag missing) but at least it displays something
Seems to be suffering from the same problem as the now included ZigBee visualization tool: A lot of “zags” are missing (see Problem with ZHA network visualization)
Yeah, it’s getting the data from zha.
I do not know what is wrong- maybe wrong settings in configuration.yaml?
Here are my settings:
panel_custom:
- name: custom-panel-zigzag
sidebar_title: Zigzag
sidebar_icon: mdi:zigbee
url_path: zigzag
module_url: /local/zigzag/zigzag-panel.esm.js
trust_external_script: true
config:
who: world
zigzag: # Identifies this as Zigzag configuration
plugin-path: "/local/zigzag/plugins" # Path to the directory where your Zigzag plugins are located
plugin-data: # Configuration for the data plugin
type: "zha" # Specify we will use the zha data plugin.
plugin-layout: # Configuration for the data plugin
type: "d3" # Specify we will use the d3 layout plugin.
plugin-render: # Configuration for the render plugin
type: "pixi" # Use the "three" to display a 3d Zigzag graph, 2d is "pixi".
and the result:
This is what I tested originally: just a straight copy of the provided yaml
But in my case I get a black screen with only commands displaying on top
I have tried light/dark theme, I have tried to zoom out, I have tried all commands but still nothing display
Problem of visualization on android
Each node on the zigzag graph is composed of a ‘node description’ and a ‘node circle’. On the Home assistant App the ‘descriptions’ and the ‘circles’ are disjoint. It is possible to select a ‘circle’ part and to move it. This result in the ‘description’ part to be moved but they stay disjointed.
Same problem both on Android and Windows 10
