# Add Clock to Ops Dashboard

**URL:** https://discuss.elastic.co/t/add-clock-to-ops-dashboard/254684
**Category:** Kibana
**Created:** [November 8, 2020, 3:59pm UTC](https://discuss.elastic.co/t/add-clock-to-ops-dashboard/254684 "2020-11-08T15:59:20Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Brandon\_Wagoner](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/brandon_wagoner/32/78643_2.png) [@Brandon\_Wagoner](https://discuss.elastic.co/u/Brandon_Wagoner)
#### Post date: [November 8, 2020, 3:59pm UTC](https://discuss.elastic.co/t/add-clock-to-ops-dashboard/254684/1 "2020-11-08T15:59:20Z")

</div>

Is there a way to add a clock or several clocks (multiple time zones) to a kibana dashboard for display in an operations center?

---

<div class="post-metadata">

### Author: ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)
#### Post date: [November 9, 2020, 11:18am UTC](https://discuss.elastic.co/t/add-clock-to-ops-dashboard/254684/2 "2020-11-09T11:18:02Z")

</div>

There is no built-in way to do so, but you can use a "Vega" visualization to build such a visualization yourself. See this similar question: [Obtaining `now` on a kibana visualization](https://discuss.elastic.co/t/obtaining-now-on-a-kibana-visualization/208511)

---

<div class="post-metadata">

### Author: ![aaron-nimocks](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/aaron-nimocks/32/73965_2.png) [@aaron-nimocks](https://discuss.elastic.co/u/aaron-nimocks)
#### Post date: [November 9, 2020, 1:33pm UTC](https://discuss.elastic.co/t/add-clock-to-ops-dashboard/254684/3 "2020-11-09T13:33:54Z")

</div>

Here is a basic example of a clock. Would just need to add your timezones and do some styling.

Change the throttle number if you want it to update less often. Set at 1 second right now.

```auto
{
  "$schema": "https://vega.github.io/schema/vega/v5.json",
  "title": "Clock Example",
  "signals": [
    {
      "name": "time",
      "init": "month(now()) + '/' + date(now()) + '/' + year(now()) + ' ' + hours(now()) + ':' + minutes(now()) + ':' + seconds(now())",
      "on": [{"events": {"type": "timer", "throttle": 1000}, "update": "month(now()) + '/' + date(now()) + '/' + year(now()) + ' ' + hours(now()) + ':' + minutes(now()) + ':' + seconds(now())"}]
    }
  ],
  "marks": [
    {
      "type": "text",
      "encode": {
        "update": {
          "text": {"signal": "time"},
          "opacity": {"value": 1},
          "x": {"value": 10},
          "y": {"value": 10},
          "fontSize": {"value": "30"}
        }
      }
    }
  ]
}

```

Output

![image](https://us1.discourse-cdn.com/elastic/original/3X/6/0/60a4fb19704e299275a548fb50869ce852cb5d26.png)

---

<div class="post-metadata">

### Author: ![ylasri](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ylasri/32/86120_2.png) [@ylasri](https://discuss.elastic.co/u/ylasri)
#### Post date: [November 9, 2020, 1:52pm UTC](https://discuss.elastic.co/t/add-clock-to-ops-dashboard/254684/4 "2020-11-09T13:52:21Z")

</div>

I would prefer this [example](https://vega.github.io/vega/examples/clock/) 🙂

---

<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: [December 7, 2020, 1:52pm UTC](https://discuss.elastic.co/t/add-clock-to-ops-dashboard/254684/5 "2020-12-07T13:52:29Z")

</div>

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