Repeat panels in Scenes

xforman2 · December 15, 2023, 9:49am

Is there a way to have something similar to repeating panels in Grafana Dashboards in Scenes?
In Grafana Dashboards I would use repeat by variable option. I am curious what would be the equivalent in the Scenes framework.

I have a mySQL datasource and a variable with n values.

const gpus = new QueryVariable({
  name: 'gpu',
  label: 'gpu',
  datasource: SQL_DATASOURCE,
  query: 'SELECT Name from Gpu',
  sort: 1,
  isMulti: true,
  includeAll: true
});

And for every value of selected variable I want a different panel.
My goal is to use a single query in queryRunner.

nitinnannapaneni · February 5, 2024, 12:17pm

Hi, I’m facing a similar challenge. I was wondering if you were able to find a solution or any insights that you wouldn’t mind sharing. Any help or direction you could provide would be greatly appreciated.

xforman2 · February 8, 2024, 8:18am

Hi, after posting here I also posted an issue in the official github repository

github.com/grafana/scenes

Repeat panels

opened 02:07PM - 23 Dec 23 UTC

closed 02:33PM - 07 Feb 24 UTC

xforman2

Hi, I am currently playing around with scenes and I am planning to use it in my …bachelor thesis. I am using mySQL datasource and I am wondering if there is option to use repeat panels from dashboard framework I could not find anything in documentation. I would have QueryVariable lets say: ``` new QueryVariable({ name: 'gpu', label: 'GPUS', datasource: SQL_DATASOURCE, query: "SELECT Id __value, name __text from Gpu", sort: 1, isMulti: true, includeAll: true, }); ``` And I want to display only panels that have been selected in the dropdown of this variable. I would do it by selecting "repeat by variable" in the old framework and I am wondering if there is possibility to do it here.

and it has been closed 2 days ago with a promising pull request which seems to solve this issue. As of now it has not been included in a release, but I expect it to be very shortly. There is also a demo showcasing the usage

github.com

grafana/scenes/blob/main/packages/scenes-app/src/demos/variableRepeater.tsx

import {
  SceneFlexLayout,
  SceneTimeRange,
  SceneVariableSet,
  TestVariable,
  EmbeddedScene,
  SceneFlexItem,
  SceneAppPage,
  SceneAppPageState,
  PanelBuilders,
  VariableValueSelectors,
  SceneByVariableRepeater,
  VariableValueOption,
} from '@grafana/scenes';
import { getQueryRunnerWithRandomWalkQuery } from './utils';

export function getVariableRepeaterDemo(defaults: SceneAppPageState) {
  return new SceneAppPage({
    ...defaults,
    subTitle: 'Test of repeating layout by variable',

This file has been truncated. show original

Topic		Replies	Views
Repeat Panel Query based on variable templating	4	12161	February 8, 2023
Repeat panels with key value variables Grafana templating , dashboard-variables	0	14	November 5, 2024
Library panels spontaneously replicating Dashboards	0	157	November 21, 2023
Handling "repeat by variable" in custom data source Grafana Plugin Development	0	656	June 2, 2020
Repeat panels based on custom defined dashboard variable Dashboards templating	1	953	April 20, 2023

Repeat panels in Scenes

Related topics