[ZBXNEXT-8683] Honeycomb items widget Created: 2023 Sep 04  Updated: 2024 Oct 25  Resolved: 2024 Apr 17

Status: Closed
Project: ZABBIX FEATURE REQUESTS
Component/s: Frontend (F)
Affects Version/s: None
Fix Version/s: 7.0.0beta3, 7.0 (plan)

Type: New Feature Request Priority: Trivial
Reporter: Alex Kalimulin Assignee: Alexander Shubin
Resolution: Fixed Votes: 6
Labels: dashboard, widget
Remaining Estimate: 0.2h
Time Spent: 8h
Original Estimate: 0.2h

Attachments: PNG File BADGER_1.png     PNG File BADGER_2.png     PNG File BADGER_3.png     PNG File Honeycomb items.png     File Ieraksts 2023-11-02 194630.mp4     File Ieraksts 2023-11-02 194840.mp4     File Screen Recording 2023-10-30 at 19.20.33.mp4     File Screen Recording 2023-10-30 at 19.49.07.mp4     File Screen Recording 2023-10-30 at 19.52.48.mp4     File Screen Recording 2023-10-30 at 20.03.09.mp4     GIF File Screen Recording 2024-01-29 at 20.47.36.gif     PNG File Screenshot 2023-10-30 at 19.08.38.png     PNG File Screenshot 2023-10-30 at 19.10.03.png     PNG File Screenshot 2024-04-18 at 17.15.46.png     PNG File Screenshot 2024-04-18 at 17.15.49.png     PNG File Screenshot 2024-04-18 at 17.49.53.png     JPEG File XXX.jpg     JPEG File XXX2.jpg     GIF File change_value_after_comma.gif     File honeycomb usability.mov     GIF File honeycomb_loading.gif     GIF File honeycomb_middle_comb.gif     GIF File honeycomb_resize.gif     PNG File image-2023-10-30-19-41-22-474.png     PNG File image-2023-10-30-19-42-29-177.png     PNG File image-2023-11-03-09-15-54-333.png     PNG File image-2024-01-16-11-24-55-345.png     PNG File image-2024-01-23-10-07-09-979.png     PNG File image-2024-01-23-10-07-29-671.png     PNG File image-2024-01-23-10-07-49-986.png     PNG File image-2024-01-23-10-17-20-111.png     PNG File image-2024-01-23-12-09-02-989.png     PNG File image-2024-01-23-16-32-53-818.png     PNG File image-2024-01-24-10-45-31-836.png     PNG File image-2024-01-25-15-24-55-939.png     PNG File image-2024-01-25-15-26-08-425.png     PNG File image-2024-03-18-16-33-16-331.png     PNG File image-2024-03-19-08-56-13-373.png     PNG File image-2024-03-19-08-56-18-920.png     PNG File image-2024-03-19-09-38-56-623.png     PNG File image-2024-03-19-13-25-13-305.png     PNG File image-2024-03-21-09-18-12-019.png     PNG File image-2024-10-23-16-45-19-341.png     PNG File image-2024-10-23-16-45-33-884.png     PNG File image-2024-10-23-16-49-12-738.png     GIF File no_data_resize.gif     GIF File resizing_honeycomb.gif     GIF File safari_honeycomb.gif     PNG File screenshot-1.png     PNG File screenshot-10.png     PNG File screenshot-11.png     PNG File screenshot-12.png     PNG File screenshot-13.png     PNG File screenshot-14.png     PNG File screenshot-15.png     PNG File screenshot-16.png     PNG File screenshot-17.png     PNG File screenshot-18.png     PNG File screenshot-19.png     PNG File screenshot-2.png     PNG File screenshot-20.png     PNG File screenshot-21.png     PNG File screenshot-22.png     PNG File screenshot-23.png     PNG File screenshot-24.png     PNG File screenshot-25.png     PNG File screenshot-26.png     PNG File screenshot-27.png     PNG File screenshot-28.png     PNG File screenshot-29.png     PNG File screenshot-3.png     PNG File screenshot-30.png     PNG File screenshot-31.png     PNG File screenshot-32.png     PNG File screenshot-33.png     PNG File screenshot-34.png     PNG File screenshot-35.png     PNG File screenshot-36.png     PNG File screenshot-37.png     PNG File screenshot-38.png     PNG File screenshot-39.png     PNG File screenshot-4.png     PNG File screenshot-40.png     PNG File screenshot-41.png     PNG File screenshot-42.png     PNG File screenshot-43.png     PNG File screenshot-44.png     PNG File screenshot-45.png     PNG File screenshot-46.png     PNG File screenshot-47.png     PNG File screenshot-48.png     PNG File screenshot-49.png     PNG File screenshot-5.png     PNG File screenshot-50.png     PNG File screenshot-51.png     PNG File screenshot-52.png     PNG File screenshot-53.png     PNG File screenshot-54.png     PNG File screenshot-55.png     PNG File screenshot-6.png     PNG File screenshot-7.png     PNG File screenshot-8.png     PNG File screenshot-9.png     GIF File theme_hover_honey.gif     File zbx_export_hosts(4).yaml    
Issue Links:
Causes
Epic Link: Zabbix 7.0
Team: Team A
Target end:
Sprint: Sprint 104 (Sep 2023), Sprint 105 (Oct 2023), Sprint 106 (Nov 2023), Sprint candidates, S2401-1, S2401-2, S24-W6/7, S24-W8/9, S24-W10/11, S24-W12/13
Story Points: 12

 Description   

Honeycomb items widget will display items as hexagonal cells of a honeycomb. The widget must have filters by hosts, host groups, host tags, item name pattern and item tags. Each cell must show item/host labels and have color that depends on item's value.

 



 Comments   
Comment by Anna Poga [ 2023 Oct 27 ]

Implemented in development branch feature/ZBXNEXT-8683-6.5

Comment by Alexander Shubin [ 2024 Mar 26 ]

Implemented in:

Comment by Arturs Dancis [ 2024 Apr 11 ]

Documentation (7.0) updated:
 
Zabbix Manual:

API:

Developer Center:

Comment by Nicola Mauri [ 2024 Apr 28 ]

If a label contains a long string (for example when using {ITEM.VALUE} macro) there's no way to fully see its content, making this visualisation not so useful.

A mouse-hover information should be provided in a such case. 

Comment by Nicola Mauri [ 2024 May 09 ]

Usability issue: it's really difficult to browse directly adjacent cells (ie. passing the mouse from a cell to the most right one) because the currently zoomed cell overrides the most adjacent ones. So the user need to move to mouse away to make other cells visible.

honeycomb usability.mov

Comment by Dimitri Bellini [ 2024 Oct 23 ]

Hi DevTeam,

The Honeycomb widget is a valuable tool for highlighting "problems" across multiple hosts in a compact view. However, we've encountered a scaling issue when using it with a large number of hosts. The hexagons remain too large, making it difficult to effectively visualize all the data (see screenshot below).

Additionally, the "3 dots" icon currently lacks informative details when hovered over.

To enhance the widget's usability, I propose:

  1. Adjustable Hexagon Size: Implement a feature to allow users to customize the hexagon size, enabling better scaling for varying numbers of hosts within the widget's dimensions.
  2. Informative "3 Dots" Icon: Provide meaningful information or actions when the user hovers over or clicks on the "3 dots" icon. This could include additional details about the host, related issues, or relevant actions.

Thank you for your excellent work on the Honeycomb widget! We look forward to these improvements to further optimize its effectiveness.

Comment by Alex Kalimulin [ 2024 Oct 25 ]

dimitri.bellini, thanks for your feedback! Can you please create a separate ticket so your suggestions don't get lost, this one is closed.

Comment by Dimitri Bellini [ 2024 Oct 25 ]

Thank you, I have created a new issue ZBXNEXT-9575

 

Generated at Wed May 07 06:38:09 EEST 2025 using Jira 9.12.4#9120004-sha1:625303b708afdb767e17cb2838290c41888e9ff0.