Meet the New Kid in the Sandbox - Integrating Visualization with Prometheus

When you jump in the CNCF Sandbox you will meet the new kid, a visualization and dashboards project called Perses. This session will provide attendees with the basics to get started with integrating Prometheus, PromQL, and more with Perses. A journey will be taken from zero to beautiful visualizations seamlessly integrated with Prometheus. This session leaves the attendees with hands-on self-paced workshop content to head home and dive right into creating their first visualizations and integrations with Prometheus and Perses!

Perses (visualization) - Great observability is impossible without great visualization! Learn how to adopt truly open visualization by installing Perses, exploring the provided tooling, tinkering with its API, and then get your hands dirty building your first dashboard in no time! The workshop is self-paced and available online, so attendees can continue to explore after the event: https://o11y-workshops.gitlab.io/workshop-perses

1. Meet the New Kid in the Sandbox Integrating Visualization with Prometheus Eric D. Schabell Director Evangelism, Chronosphere @schabell.org | @ericschabell{@fosstodon.org} Devoxx UK - 8 May, London

2. CNCF missing o11y visualization project Perses built specifically for Prometheus Fully open source == choice (Apache 2.0) Open specification for dashboards ‹#›

3. 24 Jan 2021 - Initial commit Supporting extensible plugin architecture built for developers (DaC) Provide embeddable visualizations reusable components lightweight and reusable components GitOps friendly Kubernetes native specification multi-language support (CUE, Go) powerful CLI automation

4. CNCF Sandbox project Started discussing Sep 2023, submitted March 2024, review started second week in August… few days later… Welcome to the Sandbox!

5. IDE Perses DaC - Build Go SDK CUE SDK

6. Perses DaC - Flexible + CI/CD Diff retrieve original

7. KubeCon EU https://bit.ly/perses-dac

8. Embeddable visualizations https://bit.ly/perses-embed

9. The Perses API provides access to five operations for every resources (CRUD): http://localhost:8080/api/v1/projects Perses API

10. Command line (percli): $ ./percli login http://localhost:8080 Perses API $ ./percli get projects NAME | AGE ------------------+------ workshopproject | 21h $ ./percli delete dashboards MyFirstDashboard object "Dashboard" "MyFirstDashboard" has been deleted in the project "WorkshopProject" $ ./percli get --all datasources NAME | PROJECT | DATASOURCE TYPE | AGE -----------------------+-----------------+----------------------+------ prometheusbrowser | workshopproject | PrometheusDatasource | 21h prometheusdemo | workshopproject | PrometheusDatasource | 21h prometheusdemolocal | workshopproject | PrometheusDatasource | 21h $ ./percli describe datasource prometheusdemolocal kind: Datasource metadata: name: prometheusdemolocal createdAt: 2024-08-28T16:07:19.538000824Z updatedAt: 2024-08-28T16:07:19.538000824Z version: project: workshopproject spec: display: name: localhost:9090 default: false plugin: kind: PrometheusDatasource spec: directUrl: http://localhost:9090 $ . /percli apply -f support/ workshop-myfirstdashboard.json object "Dashboard" "MyFirstDashboard" has been applied in the project "WorkshopProject"

11. Perses - Stat Chart

12. Perses - Gauge Chart

13. Perses - Time Series Chart

14. Perses - Documentation Panel

15. Perses - Multi Gauge

16. Perses - Table

17. Perses - Bar chart

18. Perses - Tracing TraceQL query here…

19. Examples - OpenShift Console Tracing UI

20. Examples - OpenShift Console Tracing UI

21. Examples - Service Overview

22. Examples - Trace Explorer

23. Take it for a spin - demo.perses.dev

24. Augustin Husson (877) Antoine Thebaud (245) Steven Cobb (239) Guillaume Ladorme (150) Julie Pagano (102) Andreas Gerstmayr (70) Luke Tillman (68) Eunice Wong (67) Célian Garcia (69) Christine Donovan (66) The contributors Shan Aminzadeh (49) Gabriel Bernal (47) Nicolas Takashi (14) Colin Douch (13) Julius Volz (12) Alexander Belyakin (7) Ellen Wyllie (6), Eric D. Schabell (6), kamijin_fanta (6)

25. Building beautiful visualizations

26. Short link: bit.ly/perses-workshop

27. TODO: references Perses project Code repository - https://github.com/perses Community dashboards - https://github.com/perses/community-dashboards Project roadmap - https://github.com/perses/perses/blob/main/ROADMAP.md Slack Channel - cloud-native.slack.com ( #perses-dev ) Social media - X: PersesDev LinkedIn: PersesDev Demo sandbox - https://demo.perses.dev Perses workshop - https://bit.ly/perses-workshop Prometheus workshop - https://bit.ly/prom-workshop KubeCon EU 2025 - Limitless Possibilities, Consistent Design: Crafting Dashboards with Perses DaC PromCon 2024 - Meet the New Kid in the Sandbox: Integrating Visualization with Prometheus

28. Questions? Eric D. Schabell Director Evangelism, Chronosphere @schabell.org | @ericschabell{@fosstodon.org}