grafana-scenes

@grafana/scenes Framework Build reactive, data-driven Grafana plugin pages with declarative scene objects. Core Concepts Scenes composes a tree of objects: SceneApp → SceneAppPage → EmbeddedScene → layouts → panels. Each node can own data ( $data ), variables ( $variables ), time ranges ( $timeRange ), and behaviors ( $behaviors ) that propagate down the tree. Quick Start: New Scene Page 1. Create the scene file // src/components/scenes/MyFeature/scene.tsx import { EmbeddedScene , SceneFlexLayout , SceneFlexItem , SceneQueryRunner , SceneVariableSet , QueryVariable , PanelBuilders , VariableValueSelectors , SceneControlsSpacer , } from '@grafana/scenes' ; Show more