# How to make custom graph like Monitors overview

**URL:** <https://discuss.elastic.co/t/how-to-make-custom-graph-like-monitors-overview/275589>\
**Category:** Kibana\
**Created:** [June 10, 2021, 2:40pm UTC](https://discuss.elastic.co/t/how-to-make-custom-graph-like-monitors-overview/275589 "2021-06-10T14:40:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mar-ro](https://avatars.discourse-cdn.com/v4/letter/m/90ced4/32.png) [@mar-ro](https://discuss.elastic.co/u/mar-ro)\
**Post date:** [June 10, 2021, 2:40pm UTC](https://discuss.elastic.co/t/how-to-make-custom-graph-like-monitors-overview/275589/1 "2021-06-10T14:40:05Z")

</div>

Good afternoon.  
I'm trying to create a custom dashboard that among its "widgets" has one like the one shown in the "Uptime" menu with the monitors that are "Up" and those that are "Down".  
My intention is to be able to embed this dashboard in a web.  
I have tried to create an element of type "Gauge" in the menu "Visualize Library" that shows the monitors that are "Up" and another one that shows the ones that are "Down". For this I have selected in "Panel options" as "Index pattern": "heartbeat-\*" and in "Data timerange mode": "Last value", but even though I have tried the different configurations of the "Metrics" tab I can't get satisfactorily the value corresponding to: the number of different monitors (understanding different monitors as those elements with a value different from "monitor. name") with the value of "summary.up" equal to 1 (for the "Gauge" that shows those that are Up) and with the value "sumarry.down" equal to 1, or "summary.up" equal to 0 for the "Gauge" that shows those that are Down.  
Could you tell me if it is possible to do what I want to do? If so, how should I configure the different values of both the "Data" and "Panel options" tabs?  
Thanks

---

<div class="post-metadata">

**Author:** ![wylie](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/wylie/32/81794_2.png) [@wylie](https://discuss.elastic.co/u/wylie)\
**Post date:** [June 10, 2021, 2:49pm UTC](https://discuss.elastic.co/t/how-to-make-custom-graph-like-monitors-overview/275589/2 "2021-06-10T14:49:34Z")

</div>

The uptime app uses a lot of custom logic that is not shared with other parts of the Kibana UI. The main limitation is that the _input data is event-based_ and you are trying to convert that into _entity-centric data_. One of your best options is to use [transforms](https://www.elastic.co/guide/en/elasticsearch/reference/current/transforms.html) to pivot your event-based data into entity-centric data, and then you can easily visualize using the Kibana tools.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [July 8, 2021, 2:49pm UTC](https://discuss.elastic.co/t/how-to-make-custom-graph-like-monitors-overview/275589/3 "2021-07-08T14:49:38Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
