# Display live image data (base64 jpeg) in Kibana

**URL:** <https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871>\
**Category:** Kibana\
**Created:** [February 7, 2023, 8:44am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871 "2023-02-07T08:44:20Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 8:44am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/1 "2023-02-07T08:44:20Z")

</div>

I have Base64 encoded jpeg image data stored in ES which I want to display in a dashboard.

I'm able to to that with a static image from a specific path using the markdown visualization.

But how can I do that with data from ES?

Until now I did this:

1. The field from the index pattern in which I store the image I formatted it like this:

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/d/d/dd202bb3d944a99a41e3438098e5debab4290b9e.png)

If I replace the {{value}} with a base64 code I see an image in the preview file

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/3/b/3b59a8dc5c146e19af3b14826749f3e67bf27e05.png)

1. Then I created a markdown visualization

_The data tab:_

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/8/b/8b10d7d98c497ee207762b363e0cc18fbe55ab22.png)

_The markdown tab:_

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/3/9/398732de9810628b26f48b66fd60e13454cfe476.png)

But the photo is not retrieved. Something is fishy in the markdown visualization because I cannot see an image even if I let the hardcoded image field as here

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/3/b/3b59a8dc5c146e19af3b14826749f3e67bf27e05.png)

I see always this type of number {{ count.data.raw }} `[[ “1673128800000”, “0”], ... ]` where the image should have been.

What am I doing wrong?

Thanks a lot!

---

<div class="post-metadata">

**Author:** ![Stratoula\_Kalafateli](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stratoula_kalafateli/32/70923_2.png) [@Stratoula\_Kalafateli](https://discuss.elastic.co/u/Stratoula_Kalafateli)\
**Post date:** [February 7, 2023, 8:55am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/2 "2023-02-07T08:55:43Z")

</div>

Hey! You are using cardinality aggregation of the keyword field which actually returns a number. It doesn't return the raw value. So you can't use it like that.

I am not sure if it would work if you add the keyword on the breakdown. Then I think you would have access to the value.

---

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 9:05am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/3 "2023-02-07T09:05:34Z")

</div>

I don't understand this:

> I am not sure if it would work if you add the keyword on the breakdown. Then I think you would have access to the value.

Where I should add the keyword?

Thanks!

---

<div class="post-metadata">

**Author:** ![Stratoula\_Kalafateli](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stratoula_kalafateli/32/70923_2.png) [@Stratoula\_Kalafateli](https://discuss.elastic.co/u/Stratoula_Kalafateli)\
**Post date:** [February 7, 2023, 10:31am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/4 "2023-02-07T10:31:13Z")

</div>

Here on the Group by

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/d/7/d779b21259de57a4789494fe1090aec0e30da2ae.png)

---

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 11:02am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/5 "2023-02-07T11:02:19Z")

</div>

> [@Stratoula\_Kalafateli](#):
>
> breakdown

It doesn't work ☹

I tried it like this

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/4/b/4b2e88a851c2c20673afc98ffc3480bcef88db6a.png)  
But again it doesn't work.

For a string field like user name it works, the name is displayed. But for photo no ☹

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/b/9/b9b234edcac9f623e71320beb81ec4f9f3ed5ef1.png)

Can you, please suggest any other solution that I may try?

---

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 11:14am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/6 "2023-02-07T11:14:59Z")

</div>

I tried it also in this way

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/0/9/094c253b60a34c2b0b889df46336ee6585ce306d.png)

Now I have something displayed, but again with the weird numbers...

---

<div class="post-metadata">

**Author:** ![Stratoula\_Kalafateli](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stratoula_kalafateli/32/70923_2.png) [@Stratoula\_Kalafateli](https://discuss.elastic.co/u/Stratoula_Kalafateli)\
**Post date:** [February 7, 2023, 11:16am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/7 "2023-02-07T11:16:41Z")

</div>

This is how you embed a base 64 image in markdown

```auto
![Hello World](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAUCAAAAAAVAxSkAAABrUlEQVQ4y+3TPUvDQBgH8OdDOGa+oUMgk2MpdHIIgpSUiqC0OKirgxYX8QVFRQRpBRF8KShqLbgIYkUEteCgFVuqUEVxEIkvJFhae3m8S2KbSkcFBw9yHP88+eXucgH8kQZ/jSm4VDaIy9RKCpKac9NKgU4uEJNwhHhK3qvPBVO8rxRWmFXPF+NSM1KVMbwriAMwhDgVcrxeMZm85GR0PhvGJAAmyozJsbsxgNEir4iEjIK0SYqGd8sOR3rJAGN2BCEkOxhxMhpd8Mk0CXtZacxi1hr20mI/rzgnxayoidevcGuHXTC/q6QuYSMt1jC+gBIiMg12v2vb5NlklChiWnhmFZpwvxDGzuUzV8kOg+N8UUvNBp64vy9q3UN7gDXhwWLY2nMC3zRDibfsY7wjEkY79CdMZhrxSqqzxf4ZRPXwzWJirMicDa5KwiPeARygHXKNMQHEy3rMopDR20XNZGbJzUtrwDC/KshlLDWyqdmhxZzCsdYmf2fWZPoxCEDyfIvdtNQH0PRkH6Q51g8rFO3Qzxh2LbItcDCOpmuOsV7ntNaERe3v/lP/zO8yn4N+yNPrekmPAAAAAElFTkSuQmCC)

```

Are you using the correct syntax?

---

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 11:19am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/8 "2023-02-07T11:19:49Z")

</div>

yes, this is the syntax that I used when formatting the field to URL-\> Type Image

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/3/b/3b59a8dc5c146e19af3b14826749f3e67bf27e05.png)

---

<div class="post-metadata">

**Author:** ![Stratoula\_Kalafateli](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stratoula_kalafateli/32/70923_2.png) [@Stratoula\_Kalafateli](https://discuss.elastic.co/u/Stratoula_Kalafateli)\
**Post date:** [February 7, 2023, 11:45am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/9 "2023-02-07T11:45:47Z")

</div>

TSVB markdown is not going to use the formatted value I am afraid, so you need to do something like that

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/9/b/9b167ece7c5725f6cfbfa56c2bf6fc521ed336dd.png)

---

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 11:52am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/10 "2023-02-07T11:52:33Z")

</div>

I am trying to replicate what you've done.  
So I should not apply anything on field level in index pattern, let it as it is (String) base64 encoded.  
And on Data tab on Markdown visualization what should I put?

---

<div class="post-metadata">

**Author:** ![Stratoula\_Kalafateli](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stratoula_kalafateli/32/70923_2.png) [@Stratoula\_Kalafateli](https://discuss.elastic.co/u/Stratoula_Kalafateli)\
**Post date:** [February 7, 2023, 12:18pm UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/11 "2023-02-07T12:18:08Z")

</div>

This is what I have set up

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

split is the field with the image base 64 string.

---

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 1:42pm UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/12 "2023-02-07T13:42:18Z")

</div>

For me is not working.

I put here an example of base64 that I have.

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

If I put it by hand in the markdown is ok,

But if I put it as you described nothing appears.

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

It is said  
No variables available for the selected data metrics, even thought I have

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/4/1/41c6b5a7aad23325f0063049981855a7408801b5.png)

But I do have

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/e/7/e71fbe01606e25f8e9fce4e9cf0ea8b79d5bce64.png)

On the image field on Index pattern is ok like this?

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/7/2/72052ebc6658f2150f15fc80a18ccad7a48dcece.png)

Thanks a lot!

---

<div class="post-metadata">

**Author:** ![Stratoula\_Kalafateli](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stratoula_kalafateli/32/70923_2.png) [@Stratoula\_Kalafateli](https://discuss.elastic.co/u/Stratoula_Kalafateli)\
**Post date:** [February 7, 2023, 1:53pm UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/13 "2023-02-07T13:53:20Z")

</div>

Well I kept the formatting but I don't think that it affects it.  
How does your Timeseries tab look like? Does it depict data?

Also here

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/4/e/4e53428c00a6988164fa1b79582b5cbffe89a191.png)

can you remove the label - label (variable name)?

---

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 2:04pm UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/14 "2023-02-07T14:04:17Z")

</div>

No, no data is depicted in Time Series ☹

---

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 3:29pm UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/15 "2023-02-07T15:29:39Z")

</div>

Even though in discover tab this field is completed and visible

---

<div class="post-metadata">

**Author:** ![Stratoula\_Kalafateli](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stratoula_kalafateli/32/70923_2.png) [@Stratoula\_Kalafateli](https://discuss.elastic.co/u/Stratoula_Kalafateli)\
**Post date:** [February 7, 2023, 3:50pm UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/16 "2023-02-07T15:50:29Z")

</div>

Hmm possibly because this is a .keyword field. I created a mapping

```auto
PUT /discuss2/_mapping
{
  "properties": {
    "split": {
      "type": "keyword"
    }
  }
}

```

and then I ingested my data. I guess you didnt right? So you actually have 2 fields, a text and a .keyword. I feel that this is the problem.

---

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 4:09pm UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/17 "2023-02-07T16:09:08Z")

</div>

Yes I have 2 fields.  
In Discover page I always use the text field and in dashboards the .keyword field.

---

<div class="post-metadata">

**Author:** ![martel](https://avatars.discourse-cdn.com/v4/letter/m/b77776/32.png) [@martel](https://discuss.elastic.co/u/martel)\
**Post date:** [February 7, 2023, 4:55pm UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/18 "2023-02-07T16:55:22Z")

</div>

in your mapping, i dont see the ignore\_above with number of caracter max before ignored.  
i cry by default is 256 caracters no ?  
if you add ignore\_above : 30000 , perhaps elastic have all correctly base64

---

<div class="post-metadata">

**Author:** ![Alice\_Ionescu](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@Alice\_Ionescu](https://discuss.elastic.co/u/Alice_Ionescu)\
**Post date:** [February 7, 2023, 5:06pm UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/19 "2023-02-07T17:06:17Z")

</div>

> [@martel](#):
>
> ignore\_above

I think my mapping is ok as I can see the fields based on image base64 in Discover page.  
Or maybe I misunderstood your remark.

---

<div class="post-metadata">

**Author:** ![martel](https://avatars.discourse-cdn.com/v4/letter/m/b77776/32.png) [@martel](https://discuss.elastic.co/u/martel)\
**Post date:** [February 9, 2023, 7:07am UTC](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871/20 "2023-02-09T07:07:21Z")

</div>

en voyant quelques messages, je pense que tu parles français, tout comme moi.  
Et se sera plus simple pour moi.  
"es tu sûre que ton field en base64 est complet ? qu'il ne te manque pas des caractères ?  
car entre le moment ou tu essaies en encodant directement ton base64 a la main cela fonctionne, mais pas lorsqu'il est injecté dans élastic, peut être est ce dû au fait de la limite de caractère par défaut des champs.  
Dans ton Discover, si tu sélectionnes une ligne et que tu l'affiches en complet, ton field photo, si tu copies sa valeur a partir d'ici et tu refais ton test a la main pour voir si tous les caractères sont bien présent ?"

[Next page](https://discuss.elastic.co/t/display-live-image-data-base64-jpeg-in-kibana/324871.md?page=2)