[FEATURE] Add canvas panel plugin#729
Open
adrianSepiol wants to merge 2 commits into
Open
Conversation
adrianSepiol
force-pushed
the
feature/canvas-panel-plugin
branch
7 times, most recently
from
July 16, 2026 13:20
3ea64b7 to
39b9803
Compare
Signed-off-by: Adrian Sepiół <a.sepiol@sap.com> [ENHANCEMENT] update panel schema re-exports to use @perses-dev/plugin-system panelEditorSchema and buildPanelEditorSchema have moved from @perses-dev/spec to @perses-dev/plugin-system. Signed-off-by: Adrian Sepiół <a.sepiol@sap.com>
adrianSepiol
force-pushed
the
feature/canvas-panel-plugin
branch
from
July 17, 2026 07:54
39b9803 to
d73e5e2
Compare
adrianSepiol
marked this pull request as ready for review
July 20, 2026 13:42
adrianSepiol
requested review from
a team,
AntoineThebaud and
Nexucis
as code owners
July 20, 2026 13:42
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Related to: perses/perses#3845
Introduces the
canvaspanel plugin — a free-form network diagram editor for building weathermap-style dashboards. Users can place nodes, connect them with edges, and overlay background shapes or images. Node and edge colors can be driven by query-bound thresholds, and edge thickness can scale with metric values.Screenshots
Here's a walkthrough of the main interactions:
Example weather map created in canvas:
Adding a node:
Screen.Recording.2026-07-20.at.15.26.09.mov
After creating a node, you can specify its label and position, add a link, bind a query to it, and use the query value in the label or derive the color from thresholds.
Adding an edge:
Screen.Recording.2026-07-20.at.15.26.45.mov
Edges are created by dragging from one node to another. They can be bidirectional and, like nodes, can have a query bound to them.
Zoom, pan, and resize:
Screen.Recording.2026-07-20.at.15.32.35.mov
Adding backgrounds:
adding.background.mov
Multiple backgrounds can be added with an image or a solid color at varying opacity levels. If "Global" is selected, the background always fills the entire view regardless of pan/zoom; otherwise it is scoped to a specified area.
Checklist
[<catalog_entry>] <commit message>naming convention using one of thefollowing
catalog_entryvalues:FEATURE,ENHANCEMENT,BUGFIX,BREAKINGCHANGE,DOC,IGNORE.UI Changes