Kibana: [APM] Updated header icons

Created on 27 Oct 2020  路  4Comments  路  Source: elastic/kibana

(Part of the new APM service overview. See elastic/kibana#81135 for more.)

The main header will be updated to make it consistent with the other Observability apps.

Header

Apart from the re-arrangements, we'll be adding new icons at the top to indicate the service agent, container, and cloud metadata.

馃柤 View screens
Screenshot 2020-10-20 at 11 53 00Screenshot 2020-10-20 at 11 53 06Screenshot 2020-10-20 at 11 53 11

Service

  • Service version
  • Runtime name & version
  • Framework name
  • Agent name & version

Container

  • OS
  • Containerized
  • Average number of instances
  • Orchestration

Cloud

  • Cloud provider
  • Availability zone(s)
  • Machine type(s)
  • Project ID

Handling unknown entities

In the case where either the agent name, container orchestration or cloud provider isn't on our "most common" list, we will show a fallback monotone icon instead so the information is still available.

Slice 1

  • Agent: node (same fallback as in Service Maps)
  • Container orchestration: storage
  • Cloud provider: cloudSunny
apm In Progress service-overview v7.11.0

All 4 comments

Pinging @elastic/apm-ui (Team:apm)

Added an example of fallbacks in the issue description for either entity in the header icons

Opened an issue to track the definitions for the container orchestration and cloud provider icons https://github.com/elastic/kibana/issues/84738

@cauemarcondes We arrived at a shortlist of container orchestration platforms and cloud providers, all of which we have logo SVGs for in our EUI icon set as per https://github.com/elastic/kibana/issues/84738#issuecomment-737824429

Was this page helpful?
0 / 5 - 0 ratings

Related issues

spalger picture spalger  路  3Comments

socialmineruser1 picture socialmineruser1  路  3Comments

LukeMathWalker picture LukeMathWalker  路  3Comments

timmolter picture timmolter  路  3Comments

timroes picture timroes  路  3Comments