Redesign of Resource Graph for Busola Dashboard

[valentinvieriu]

Description

As Sebastian and Matthew, we would like the Resource Graph in the Busola Dashboard to be redesigned in accordance with the SAP Horizon Visual Theme to enhance user experience and visual consistency across the platform.

Acceptance Criteria

• Redesign the Resource Graph according to the specifications in the Figma file.
• Implement the Horizon Theme's color palette and design elements in the Resource Graph.
• Ensure high contrast and readability in the new design.
• Make sure it works in dark mode

Business Value

This enhancement will provide a more consistent and visually appealing user experience that aligns with SAP standards, improving usability and satisfaction for cloud-native engineers and enterprise architects.

Reasons

Redesigning the Resource Graph is important for maintaining a cohesive look and feel throughout the Busola Dashboard, adhering to SAP's visual guidelines, and meeting the expectations of our sophisticated user base.

Dependencies

Depends on the broader initiative to align Busola with SAP's Horizon Visual Theme using UI5 Web Components.

Non-functional Requirements

The redesign should maintain or improve the current performance and responsiveness of the Resource Graph.

Notes and Comments

Refer to the broader Epic for additional context: Align Busola with SAP's Horizon Visual Theme.

Size or Effort

Small - Requires detailed design and development effort, but within the scope of the existing project framework.

Mockups or Diagrams

Refer to the Figma file for detailed design and layout specifications.

Useful Links

• Epic for Horizon Visual Theme
• Figma Design File

Attachments

[dbadura]

As network graph is not available in react componetns I created feature request: SAP/ui5-webcomponents-react#5370