Add resize controls in System Architecture Force Directed Graph and DAG

[Danafrid]

Requirement - what kind of business use case are you trying to solve?

Currently, when entering the above screens, the default content size is very small on the screen, and there is no intuitive way to zoom in and zoom out. Viewing the content is difficult. The option to zoom in and out via two fingers exists but it is not apparent for the user.

Problem - what in Jaeger blocks you from solving the requirement?

It's difficult to view the titles and connections of each micro-service and to work with the FDG and DAG.

Proposal - what do you suggest to solve the problem or improve the existing situation?

1. Set default as zoom to fit
2. Add controls to allow the user to zoom in and zoom out of the screen's content
3. Add control to allow the user to quickly zoom to fit

[yoave23]

@yurishkuro would you be willing to consider using some other open-source library for the visualizations (instead of react-vis-force)?

[yurishkuro]

I don't have any attachment to that lib, which I think is unmaintained.

[jkowall]

@yurishkuro would you be willing to consider using some other open-source library for the visualizations (instead of react-vis-force)?

Which lib are you thinking, Yoav?

[yurishkuro]

I'm fine with ditching that lib, I don't think it's been maintained since written originally for Jaeger. We have a built in module called Plexus that provides rich graph viz, used for DDG. It would be nice to converge all views to it.