# Showing icons for legends in place of text

**URL:** <https://discuss.elastic.co/t/showing-icons-for-legends-in-place-of-text/240316>\
**Category:** Kibana\
**Created:** [July 8, 2020, 9:34am UTC](https://discuss.elastic.co/t/showing-icons-for-legends-in-place-of-text/240316 "2020-07-08T09:34:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![VipinAgarwal](https://avatars.discourse-cdn.com/v4/letter/v/5fc32e/32.png) [@VipinAgarwal](https://discuss.elastic.co/u/VipinAgarwal)\
**Post date:** [July 8, 2020, 9:34am UTC](https://discuss.elastic.co/t/showing-icons-for-legends-in-place-of-text/240316/1 "2020-07-08T09:34:16Z")

</div>

Hello all,  
I'm a newbie to ELK stack, so apologies if this has already been answered. Would really appreciate if you can point me to right place.

We have a requirement where we would like to show a horizontal bar with the legends on the axis instead of how it currently shows as a collection on the side, also have to show the icons for each legends instead of displaying plain text.

So, for example, we have ES index data in the following format -

```
{ 
    "socialFacebook": 100,
    "socialGoogleplus": 50,
    "socialLinkedin": 10,
    "socialPinterest": 20,
    "socialTwitter": 500 
} 

```

and we would like to represent the **sum aggregation** of each social media data to appear something like below image. Please note we want to **show the respective icons for the social media on the X-axis in place of legend**.

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

FYI, We have tried with Canvas and were able to show the social media icons. But as Canvas stands as an independent visualisation, we couldn't find a way to include canvas in the existing dashboard with other visualisations. Any ideas or help in achieving this is greatly appreciated. Thanks.

---

<div class="post-metadata">

**Author:** ![nickpeihl](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nickpeihl/32/112622_2.png) [@nickpeihl](https://discuss.elastic.co/u/nickpeihl)\
**Post date:** [July 8, 2020, 9:02pm UTC](https://discuss.elastic.co/t/showing-icons-for-legends-in-place-of-text/240316/2 "2020-07-08T21:02:50Z")

</div>

Hi @VipinAgarwal. This is really neat idea! However, I think Canvas is the only way to do this right now.

There is a [feature request](https://github.com/elastic/kibana/issues/23042) for adding Canvas elements and workpads to a dashboard, but it does not appear to be on our immediate timeline. Feel free to express your need in that ticket so we can discuss how to prioritize this going forward.

---

<div class="post-metadata">

**Author:** ![VipinAgarwal](https://avatars.discourse-cdn.com/v4/letter/v/5fc32e/32.png) [@VipinAgarwal](https://discuss.elastic.co/u/VipinAgarwal)\
**Post date:** [July 9, 2020, 7:20am UTC](https://discuss.elastic.co/t/showing-icons-for-legends-in-place-of-text/240316/3 "2020-07-09T07:20:43Z")

</div>

Thanks @nickpeihl for your response, appreciate it.

---

<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:** [August 6, 2020, 7:20am UTC](https://discuss.elastic.co/t/showing-icons-for-legends-in-place-of-text/240316/4 "2020-08-06T07:20:43Z")

</div>

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