# Embedding Kibana dashboard into react application

**URL:** <https://discuss.elastic.co/t/embedding-kibana-dashboard-into-react-application/173944>\
**Category:** Kibana\
**Created:** [March 26, 2019, 2:02pm UTC](https://discuss.elastic.co/t/embedding-kibana-dashboard-into-react-application/173944 "2019-03-26T14:02:35Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ji\_Ho\_Choi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ji_ho_choi/32/42794_2.png) [@Ji\_Ho\_Choi](https://discuss.elastic.co/u/Ji_Ho_Choi)\
**Post date:** [March 26, 2019, 2:02pm UTC](https://discuss.elastic.co/t/embedding-kibana-dashboard-into-react-application/173944/1 "2019-03-26T14:02:36Z")

</div>

I need to embed kibana dashboard into react application but depending on the user, the data that user is able to view have to be restricted e.g. if user id is 9983 -\> data with only userId:9983 should be available on the dashboard when the user logs in.

Would this be possible programmatically? A process that would be preferable is 1) I create a visualization in Kibana 2) somehow get link to the visualization and embed into react 3) apply a little bit of custom code on react side so that data viewed is restricted.

---

<div class="post-metadata">

**Author:** ![bhavyarm](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/bhavyarm/32/22392_2.png) [@bhavyarm](https://discuss.elastic.co/u/bhavyarm)\
**Post date:** [March 26, 2019, 2:34pm UTC](https://discuss.elastic.co/t/embedding-kibana-dashboard-into-react-application/173944/2 "2019-03-26T14:34:20Z")

</div>

Hello,

Kibana has dashboard only mode and spaces which should help you with this:

> **[Kibana Dashboard Only Mode](https://www.elastic.co/blog/kibana-dashboard-only-mode)**
>
> Ever wish you could share your Kibana dashboards without the risk of someone accidentally deleting or modifying them? Do you want to show off your dashboards without the distraction of unrelated applications and links? In version 6.0 we’re making it...

  

> **[Introducing Kibana Spaces for Organization and Security](https://www.elastic.co/blog/introducing-kibana-spaces-for-organization-and-security)**
>
> New in 6.5, organize your dashboards, visualizations, and other saved objects with Kibana Spaces.

You can also share a viz/dashboard using iFrame:

 ![56%20AM](https://us1.discourse-cdn.com/elastic/original/3X/5/9/598d37c76e24a0872168e22fb07594f6b0144e18.png)

Tagging our kibana app team dev in case if you have further questions. cc @lukeelmers

Thanks,  
Bhavya

---

<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 23, 2019, 2:34pm UTC](https://discuss.elastic.co/t/embedding-kibana-dashboard-into-react-application/173944/3 "2019-04-23T14:34:21Z")

</div>

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