Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: improve dependency graph design and layout #1011

Merged
merged 6 commits into from
Oct 2, 2023

Conversation

Traxmaxx
Copy link
Contributor

@Traxmaxx Traxmaxx commented Sep 29, 2023

Problem

Bigger graphs look a little bit odd sometimes and I want to get closer to the original designs

Solution

I changes some of the layout parameters (coent-bilkent) to get closer to the designs when rendering the graph.

Before:
Screenshot 2023-09-29 at 15 26 44

after:
Screenshot 2023-09-29 at 15 33 53

Changes Made

See diff

How to Test

[Provide instructions on how to test the changes you made, including any relevant details like configuration steps or data to be used for testing.]

Screenshots

[Include screenshots, if relevant, to help reviewers understand the changes you made.]

Notes

[Any additional notes or information that you would like to share with the reviewers.]

Checklist

  • Code follows the contributing guidelines
  • Changes have been thoroughly tested
  • Documentation has been updated, if necessary
  • Any dependencies have been added to the project, if necessary

Reviewers

@[username of the reviewer]

Copy link
Collaborator

@AvineshTripathi AvineshTripathi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@Traxmaxx Traxmaxx changed the title fix: improve cose-bilkent layout parameters fix: improve dependency graph design and layout Oct 2, 2023
@Traxmaxx
Copy link
Contributor Author

Traxmaxx commented Oct 2, 2023

I added some more improvements based on feedback from @AllieMendes and @jakepage91 (thanks a lot 🙏)

Show full name on hover and also show relation type on hovering edges. Additionally we now show the total resource count in the bottom left corner and there's a tooltip which explains we just display AWS infrastructure for the interim period.
Screenshot 2023-10-02 at 12 00 13
Screenshot 2023-10-02 at 12 00 17
Screenshot 2023-10-02 at 12 00 25

@shivam-sharma7
Copy link
Contributor

@Traxmaxx This is amazing

@mlabouardy mlabouardy added this to the v3.1.1 milestone Oct 2, 2023
@mlabouardy mlabouardy merged commit 4ae0cce into develop Oct 2, 2023
2 checks passed
@mlabouardy mlabouardy deleted the improve-dependency-graph-rendering branch October 2, 2023 19:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request frontend
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants