# How does kibana generates the visualizations?

**URL:** <https://discuss.elastic.co/t/how-does-kibana-generates-the-visualizations/298721>\
**Category:** Kibana\
**Created:** [March 3, 2022, 10:00am UTC](https://discuss.elastic.co/t/how-does-kibana-generates-the-visualizations/298721 "2022-03-03T10:00:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![frank3nst3in](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/frank3nst3in/32/102673_2.png) [@frank3nst3in](https://discuss.elastic.co/u/frank3nst3in)\
**Post date:** [March 3, 2022, 10:00am UTC](https://discuss.elastic.co/t/how-does-kibana-generates-the-visualizations/298721/1 "2022-03-03T10:00:05Z")

</div>

How does the kibana generates the bar charts shown in dashboard ?

Does kibana uses SSR (server side rendering) or it uses any third party library like Chart.js or something else ?

---

<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:** [March 3, 2022, 12:07pm UTC](https://discuss.elastic.co/t/how-does-kibana-generates-the-visualizations/298721/2 "2022-03-03T12:07:25Z")

</div>

In the Lens and TSVB editors we are using the elastic-charts library [GitHub - elastic/elastic-charts: Elastic Charts library](https://github.com/elastic/elastic-charts) in the majority of the charts or custom implementations (for example on the metric viz).  
In the Visualize editor, it depends on the kibana version. In the most recent versions we are using the elastic charts library and in older implementations d3

---

<div class="post-metadata">

**Author:** ![frank3nst3in](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/frank3nst3in/32/102673_2.png) [@frank3nst3in](https://discuss.elastic.co/u/frank3nst3in)\
**Post date:** [March 3, 2022, 12:25pm UTC](https://discuss.elastic.co/t/how-does-kibana-generates-the-visualizations/298721/3 "2022-03-03T12:25:08Z")

</div>

yeah !

and does the charts are created on frontend by querying data using kql or they are created on demand in backend and then rendered on FE ?

---

<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:** [March 3, 2022, 12:27pm UTC](https://discuss.elastic.co/t/how-does-kibana-generates-the-visualizations/298721/4 "2022-03-03T12:27:33Z")

</div>

The charts are created on the frontend side. We are getting the data from ES by running the aggregations, filter/search etc and pass them to the charts.

---

<div class="post-metadata">

**Author:** ![frank3nst3in](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/frank3nst3in/32/102673_2.png) [@frank3nst3in](https://discuss.elastic.co/u/frank3nst3in)\
**Post date:** [March 3, 2022, 12:28pm UTC](https://discuss.elastic.co/t/how-does-kibana-generates-the-visualizations/298721/5 "2022-03-03T12:28:28Z")

</div>

thanks !

It will help me alot

---

<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:** [March 31, 2022, 12:28pm UTC](https://discuss.elastic.co/t/how-does-kibana-generates-the-visualizations/298721/6 "2022-03-31T12:28:58Z")

</div>

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