Redesigned Graph Visualization & Network Graph

These efforts concentrated on enhancing the visual representation and functionality of graph visualization within the Triton platform. The task involved redesigning the presentation of entities and relationships to improve clarity and align with C4ADS brand standards.

Improvements

Entity Display Adjustments

• Updated stylization of entity types to match C4ADS icon library and network graphs.

• Rounded corners of relationship lines for a smoother visual appearance.

• Replaced "i" icon with MUI "i" icon for consistency across the platform.

• Added warning icon to entities with flagged IUU vessels in their networks.

• Rounded corners of entity name boxes for aesthetic consistency.

• Updated overall color scheme to adhere to C4ADS brand standards.

Connection Tooltip

• Introduced a small tooltip for displaying relationships between entities with a simple hover, enhancing user intuitiveness and ease of understanding.
  

Bug Fixes

• Fixed issues with graph visualization, addressing unintuitive default graph visualization that team found during QA/QC sessions

• Implemented sorting by directions, relations and  overall ensure nodes are clear to end users 

• Corrected hierarchy display, ensuring entities like persons and vessels are represented accurately and distinctly.