# Create kibana visualizations using Chart.js or elastic-charts

**URL:** <https://discuss.elastic.co/t/create-kibana-visualizations-using-chart-js-or-elastic-charts/298805>\
**Category:** Kibana\
**Created:** [March 4, 2022, 3:05am UTC](https://discuss.elastic.co/t/create-kibana-visualizations-using-chart-js-or-elastic-charts/298805 "2022-03-04T03:05:11Z")\
**Posts on this page:** 3\
**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 4, 2022, 3:05am UTC](https://discuss.elastic.co/t/create-kibana-visualizations-using-chart-js-or-elastic-charts/298805/1 "2022-03-04T03:05:11Z")

</div>

I want to create the visualization similar to one which are created by kibana (in dashboard).

By using chart.js / elastic-charts on frontend and the data present in my Elasticsearch instance.

how can I do that ?

---

<div class="post-metadata">

**Author:** ![sagarpatel](https://avatars.discourse-cdn.com/v4/letter/s/ebca7d/32.png) [@sagarpatel](https://discuss.elastic.co/u/sagarpatel)\
**Post date:** [March 4, 2022, 6:55am UTC](https://discuss.elastic.co/t/create-kibana-visualizations-using-chart-js-or-elastic-charts/298805/2 "2022-03-04T06:55:07Z")

</div>

Yes, You can achieve it because Kibana Visualization generates based on [Elastic DSL](https://www.elastic.co/guide/en/elasticsearch/reference/7.16/query-dsl.html) and [aggregation](https://www.elastic.co/guide/en/elasticsearch/reference/7.16/search-aggregations.html).

You can view the query of specific visulization by following below steps:

1. Go to Kibana -\> Visualize
2. Open the specific visulization which is created.
3. Click on Inspect on top right corner.
4. Select Request tab. Here, you will be able to see query generated by Kibana for creating chart.
5. You can copy request and execute using Elasticsearch instance and use response for showing Graph.

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

---

<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:** [April 1, 2022, 6:55am UTC](https://discuss.elastic.co/t/create-kibana-visualizations-using-chart-js-or-elastic-charts/298805/3 "2022-04-01T06:55:28Z")

</div>

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