[LFX] Upgrade charts and graphs

[yurishkuro]

This is a project proposed as part of LFX Mentorship term jaegertracing/jaeger#6470 ⬅ read this first.

Jaeger is an open-source, distributed tracing platform designed to monitor and troubleshoot microservices-based systems. Jaeger UI pioneered many new visualizations for analyzing distributed traces. However, over time, it accumulated views that utilize different and sometimes deprecated viz libraries. The objective is to standardize charting / graphing libraries used in Jaeger UI, upgrade their dependencies, and add new visualization features. Specifically:

• Replace react-vis library for drawing charts #1597
• Consolidate DAG and Force Directed Graph (FDG) views under System Architecture into one (using the internal graph library Plexus)
  • See also [Feature]: combine all graph views into one - LFX Mentorship #1466
• Upgrade Plexus dependencies (e.g. [Feature]: upgrade graph layout library #1081 and Upgrade plexus to use [email protected] #339) to actively supported libraries
• Normalize look and feel of different graphs
  • DAG and FDG
  • Deep dependency graph (accessible from Search results)

Desired outcomes:

• Jaeger UI is not using deprecated dependencies
• Consistent look and feel of graphs
• Bonus: side panel for details for a given node
• Bonus: overlaying metrics on the graph (as edge annotations and node coloring to reflect health / error rates)
• Bonus: varying node displays depending on the type of node and implementation language

Risks / open questions

• The FDG view was originally designed to handle large graphs (it was able to visualize complete topology of Uber, around 3000 micro-services at the time). It is not clear how Plexus would behave given such high number of nodes and whether the layout will be legible. It will need to be benchmarked during the project.

[yashpandey06]

@yurishkuro Great !!. I would love to be a part of it !!

[jayg2309]

@yurishkuro I'd love to be a part of this. Please let me know the further process.

[yurishkuro]

@jayg2309 it is described in the parent issue linked at the top

[coderboy-yash]

i have started working on it, will make a pr soon

[yurishkuro]

@coderboy-yash this is proposed as a 3-month project. We are not asking to make PRs for this specific issue until the project starts. We have plenty of other open issues in the UI that you can solve to demonstrate your skillset.

[coderboy-yash]

#1597 (comment)
can you please see my above comment, I posted it 2 days ago, I need your suggestion to go ahead in it.