search

opensearch-project / dashboards-observability

Visualize and explore your logs, traces and metrics data in OpenSearch Dashboards
https://opensearch.org/docs/latest/observability-plugin/index/
Apache License 2.0
16 stars 56 forks source link

Service map updates #2230

Closed TackAdam closed 2 weeks ago

TackAdam commented 1 month ago

Description

Update the service table functionality

  1. Adjust the focus table to have a popover that list all the options and is searchable.
  2. Make the focus on selection enlarge the node following the filter behavior (also clear when reset)
  3. Add reset button to the filter that recenters the tree and clears focus
  4. Adjust zoomSpeed: 0.5
  5. Set max and min zoom using moveTo function.
  6. If max zoom is exceeded recenter the page so the tree does not get lost.
  7. Loading state while rendering
  8. Darker borders / thicker on each node
  9. No movement after rendering
  10. Focus now filters to only display connected nodes
  11. Consistent diagram using seed for physics generation
  12. Bug fixes for handling switching between custom source and data prepper as well as flyout opening.

Filter Focus:

https://github.com/user-attachments/assets/ba04727f-0346-4f08-8235-b6765ebcff05

Zoom constraints:

https://github.com/user-attachments/assets/b5345a43-c14f-4199-a4b1-690596a65475

Dynamic filter:

Screenshot 2024-10-25 at 4 24 04 PM

Testing with 300 nodes:

Screenshot 2024-11-08 at 11 55 09 AM

Testing Dense Nodes

Screenshot 2024-11-08 at 11 54 27 AM Screenshot 2024-11-08 at 11 54 39 AM

Service flyout:

ServiceFlyout

Issues Resolved

Check List

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license. For more information on following Developer Certificate of Origin and signing off your commits, please check here.

ps48 commented 2 weeks ago

Still looking at the code. Just a question in the service flyout when users focus on a node, does the flyout details, other red metrics graphs also change to show the details of this particular node?

TackAdam commented 2 weeks ago

Still looking at the code. Just a question in the service flyout when users focus on a node, does the flyout details, other red metrics graphs also change to show the details of this particular node?

Adjusted to hide the focus while in the service fly-out. Ideally the user is utilizing the fly-out for a quick overview, and using the main page to investigate. Adjusted the functionality of the main search to allow user to quickly investigate deeper into connected nodes by clicking on them to filter (showcased in first video of description 'Filter Focus:').