# How to customize Grafana/k6 web-dashboard

**URL:** <https://community.grafana.com/t/how-to-customize-grafana-k6-web-dashboard/113700>\
**Category:** OSS Support\
**Created:** [February 5, 2024, 3:57pm UTC](https://community.grafana.com/t/how-to-customize-grafana-k6-web-dashboard/113700 "2024-02-05T15:57:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sqa](https://avatars.discourse-cdn.com/v4/letter/s/6de8d8/32.png) [@sqa](https://community.grafana.com/u/sqa)\
**Post date:** [February 5, 2024, 3:57pm UTC](https://community.grafana.com/t/how-to-customize-grafana-k6-web-dashboard/113700/1 "2024-02-05T15:57:56Z")

</div>

I just upgraded to Grafana/k6 v0.49.0 and I have started to use the [web-dashboard](https://grafana.com/docs/k6/latest/results-output/web-dashboard/) functionality.

Question:  
Is it possible to customize what graphs and metrics are displayed and which order?

For (a basic) example, is it possible to have the “Summary” section displayed at the top of the end of the report? and only with these two data points:

1. http\_req\_failed
2. http\_req\_duration

Currently located at the bottom of the report:

 ![k6-summary](https://us1.discourse-cdn.com/grafana/original/3X/1/f/1f576c0132201dc06593b6257de4294d91c7625a.png)

Requested (with some DOM manipulation 😃):

 ![k6-report-updated](https://us1.discourse-cdn.com/grafana/original/3X/1/8/18c2581ca7e1ebd9ae1f313c70d4c3c7640ebe01.png)

---

<div class="post-metadata">

**Author:** ![oleiade](https://sea2.discourse-cdn.com/grafana/user_avatar/community.grafana.com/oleiade/32/35836_2.png) [@oleiade](https://community.grafana.com/u/oleiade)\
**Post date:** [February 12, 2024, 10:13am UTC](https://community.grafana.com/t/how-to-customize-grafana-k6-web-dashboard/113700/3 "2024-02-12T10:13:55Z")

</div>

Hi @sqa 👋

Customization of the web dashboard has been explicitly left out of scope for this initial release, at least in its current form, which is a direct integration in k6 as a core feature.

It used to be possible in the [xk6-dashboard](https://github.com/grafana/xk6-dashboard) extension, though, and I believe @szkiba made it so that it might still be available to adventurous users who would like to use that feature. Maybe he will be able to provide more context instructions. 🙇‍♂️

---

<div class="post-metadata">

**Author:** ![szkiba](https://sea2.discourse-cdn.com/grafana/user_avatar/community.grafana.com/szkiba/32/35748_2.png) [@szkiba](https://community.grafana.com/u/szkiba)\
**Post date:** [February 12, 2024, 10:35am UTC](https://community.grafana.com/t/how-to-customize-grafana-k6-web-dashboard/113700/4 "2024-02-12T10:35:17Z")

</div>

Hi @sqa ,

You can find information on customization on this wiki page:

> **[Customization](https://github.com/grafana/xk6-dashboard/wiki/Customization)**
>
> A k6 extension that makes k6 metrics available on a web-based dashboard. - grafana/xk6-dashboard

Briefly: the chapters in the report are the dashboard tabs and appear in the same order as on the dashboard. This order corresponds to the order of definition in the configuration. That is, the summary can simply be placed at the beginning of the report. What should be displayed in each section also comes from the configuration, it is described exactly by a JMESPath expression. So, in principle, the content of the summary tables can be narrowed down with a suitable JMESPath expression.

---

<div class="post-metadata">

**Author:** ![sqa](https://avatars.discourse-cdn.com/v4/letter/s/6de8d8/32.png) [@sqa](https://community.grafana.com/u/sqa)\
**Post date:** [February 12, 2024, 1:49pm UTC](https://community.grafana.com/t/how-to-customize-grafana-k6-web-dashboard/113700/5 "2024-02-12T13:49:29Z")

</div>

Thank you for the information.