# Embedding Visualizer in React App

**URL:** https://discourse.paraview.org/t/embedding-visualizer-in-react-app/13447
**Category:** Web Support
**Created:** [December 5, 2023, 3:00pm UTC](https://discourse.paraview.org/t/embedding-visualizer-in-react-app/13447 "2023-12-05T15:00:57Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![OlumdeSamuel](https://discourse.paraview.org/user_avatar/discourse.paraview.org/olumdesamuel/32/13089_2.png) [@OlumdeSamuel](https://discourse.paraview.org/u/OlumdeSamuel)
#### Post date: [December 5, 2023, 3:00pm UTC](https://discourse.paraview.org/t/embedding-visualizer-in-react-app/13447/1 "2023-12-05T15:00:58Z")

</div>

Hello,  
I have the ParaviewWeb visualizer setup running on localhost:8080 with the python server in the background.

However, is it possible to embed the frontend service running on the browser into my react project using iframes for example? Such that the visualizer can run independently within my react project.

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [December 5, 2023, 5:18pm UTC](https://discourse.paraview.org/t/embedding-visualizer-in-react-app/13447/2 "2023-12-05T17:18:20Z")

</div>

yes the iframe path is a viable solution

---

<div class="post-metadata">

### Author: ![OlumdeSamuel](https://discourse.paraview.org/user_avatar/discourse.paraview.org/olumdesamuel/32/13089_2.png) [@OlumdeSamuel](https://discourse.paraview.org/u/OlumdeSamuel)
#### Post date: [December 6, 2023, 2:22pm UTC](https://discourse.paraview.org/t/embedding-visualizer-in-react-app/13447/3 "2023-12-06T14:22:13Z")

</div>

Oh great. How can I isolate the frontend service from within the python launcher then?

Also, let’s say I’m able to isolate the frontend service, host it somewhere and load it into my iframe using the src attribute, will it be possible then to establish a connection between the frontend service and the Paraview server running locally to access my files from within my react project?

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [December 11, 2023, 10:09pm UTC](https://discourse.paraview.org/t/embedding-visualizer-in-react-app/13447/4 "2023-12-11T22:09:33Z")

</div>

I’m not sure to follow, but the iframe will have to connect via websocket to the Python server that drive ParaView.