# Permite vega imagenes en base64

**URL:** <https://discuss.elastic.co/t/permite-vega-imagenes-en-base64/287936>\
**Category:** Elastic en Español\
**Tags:** vega\
**Created:** [October 28, 2021, 2:58pm UTC](https://discuss.elastic.co/t/permite-vega-imagenes-en-base64/287936 "2021-10-28T14:58:34Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![EduardoM](https://avatars.discourse-cdn.com/v4/letter/e/bbe5ce/32.png) [@EduardoM](https://discuss.elastic.co/u/EduardoM)\
**Post date:** [October 28, 2021, 2:58pm UTC](https://discuss.elastic.co/t/permite-vega-imagenes-en-base64/287936/1 "2021-10-28T14:58:34Z")

</div>

Hola a todos,

seria muy valoroso si alguien me puediera ayudar con vega, he visto que funciona de cierta manera al utilizar imagenes codificadas en base64, vega realamente lo permite.

tengo un ejemplo pero no veo nnguna imagen o error en vega despues de actulizar el codigo:

```auto
{
  "$schema": "https://vega.github.io/schema/vega/v4.json",
  "width": 40,
  "height": 20,
  "padding": 5,
  "autosize": "none"
  "marks": [
    {
      "type": "image",
      // "from": {"data":"table"},
      "encode": {
        "enter": {
          "url": {
            "value": "data:image/png;base64,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"
          },
          "width": {"value": 30},
          "height": {"value": 60}
        }
      }
    }
  ]
}

```

esta es la imagen  
 ![Apple_256x](https://us1.discourse-cdn.com/elastic/original/3X/4/a/4a867113e40c8b3670a19d33db76106a26d7a6d3.png)  
este es el resultado

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

seria muy bueno un poco de ayuda!

saludos

---

<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 1, 2021, 8:03pm UTC](https://discuss.elastic.co/t/permite-vega-imagenes-en-base64/287936/2 "2021-11-01T20:03:09Z")

</div>

Currently not allowed. You can see this issue and comment that you are looking for this functionality. [Link](https://github.com/elastic/kibana/issues/67921)

Actualmente no permitido. Puede ver este problema y comentar que está buscando esta funcionalidad. [Link](https://github.com/elastic/kibana/issues/67921)

---

<div class="post-metadata">

**Author:** ![EduardoM](https://avatars.discourse-cdn.com/v4/letter/e/bbe5ce/32.png) [@EduardoM](https://discuss.elastic.co/u/EduardoM)\
**Post date:** [November 4, 2021, 7:47am UTC](https://discuss.elastic.co/t/permite-vega-imagenes-en-base64/287936/3 "2021-11-04T07:47:30Z")

</div>

Muchas gracias por su respuesta, así que buscaré hacer un scripted fields con el código en base64 para cada logo y espero que funcione en alguna de visualización de kibana.

Gracias.

---

<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 2, 2021, 7:48am UTC](https://discuss.elastic.co/t/permite-vega-imagenes-en-base64/287936/4 "2021-12-02T07:48:09Z")

</div>

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