# How can we export a VTU object as an htms/js object that can be opened in a we b browser?

**URL:** https://discourse.paraview.org/t/how-can-we-export-a-vtu-object-as-an-htms-js-object-that-can-be-opened-in-a-we-b-browser/13155
**Category:** ParaView Support
**Created:** [November 1, 2023, 4:31pm UTC](https://discourse.paraview.org/t/how-can-we-export-a-vtu-object-as-an-htms-js-object-that-can-be-opened-in-a-we-b-browser/13155 "2023-11-01T16:31:27Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Renard](https://discourse.paraview.org/user_avatar/discourse.paraview.org/renard/32/5701_2.png) [@Renard](https://discourse.paraview.org/u/Renard)
#### Post date: [November 1, 2023, 4:31pm UTC](https://discourse.paraview.org/t/how-can-we-export-a-vtu-object-as-an-htms-js-object-that-can-be-opened-in-a-we-b-browser/13155/1 "2023-11-01T16:31:27Z")

</div>

Hi,  
I have several 3D models that I’m visualizing. I would like to convert them into 3D models in HTML/JS so that I can share them on my webpage and users can interact with it. How can I do this?  
I tried the “export scene” option and exported it to a vtkjs object, but that file could not be opened by web browsers. How can I achieve this?

---

<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: [November 1, 2023, 4:49pm UTC](https://discourse.paraview.org/t/how-can-we-export-a-vtu-object-as-an-htms-js-object-that-can-be-opened-in-a-we-b-browser/13155/2 "2023-11-01T16:49:18Z")

</div>

If you show the advanced option, you can generate an HTML file rather than just the data. Also you can use HTML app like [that one](https://kitware.github.io/vtk-js/examples/SceneExplorer.html) to load that file and display it.

---

<div class="post-metadata">

### Author: ![Renard](https://discourse.paraview.org/user_avatar/discourse.paraview.org/renard/32/5701_2.png) [@Renard](https://discourse.paraview.org/u/Renard)
#### Post date: [November 1, 2023, 5:10pm UTC](https://discourse.paraview.org/t/how-can-we-export-a-vtu-object-as-an-htms-js-object-that-can-be-opened-in-a-we-b-browser/13155/3 "2023-11-01T17:10:24Z")

</div>

Hi, thank you for your quick reply. I added the Macro to my paraview by going to add a new macro option. However, when I click on it and try to run, nothing happens. Using ParaView version 5.11.0. Is it possible to view these files locally without web app? How can I open this vtkjs file?

---

<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: [November 1, 2023, 5:40pm UTC](https://discourse.paraview.org/t/how-can-we-export-a-vtu-object-as-an-htms-js-object-that-can-be-opened-in-a-we-b-browser/13155/4 "2023-11-01T17:40:27Z")

</div>

Not sure that I follow what you mean by macro.

But to view vtkjs file locally, you should first download [that HTML](https://kitware.github.io/vtk-js/examples/SceneExplorer/SceneExplorer.html) locally.

1. Double click on the HTML file on your desktop (or where ever you’ve downloaded it)
2. Drag your vtkjs file to the page that opened in step 1.
3. Done

---

<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: [November 1, 2023, 5:41pm UTC](https://discourse.paraview.org/t/how-can-we-export-a-vtu-object-as-an-htms-js-object-that-can-be-opened-in-a-we-b-browser/13155/5 "2023-11-01T17:41:52Z")

</div>

And if you do the html export like I mentioned earlier, you would get an HTML file directly that you can double click on it.

---

<div class="post-metadata">

### Author: ![Renard](https://discourse.paraview.org/user_avatar/discourse.paraview.org/renard/32/5701_2.png) [@Renard](https://discourse.paraview.org/u/Renard)
#### Post date: [November 1, 2023, 5:48pm UTC](https://discourse.paraview.org/t/how-can-we-export-a-vtu-object-as-an-htms-js-object-that-can-be-opened-in-a-we-b-browser/13155/6 "2023-11-01T17:48:36Z")

</div>

Thanks, it is working when I restarted my browser.

---

<div class="post-metadata">

### Author: ![Renard](https://discourse.paraview.org/user_avatar/discourse.paraview.org/renard/32/5701_2.png) [@Renard](https://discourse.paraview.org/u/Renard)
#### Post date: [November 1, 2023, 5:49pm UTC](https://discourse.paraview.org/t/how-can-we-export-a-vtu-object-as-an-htms-js-object-that-can-be-opened-in-a-we-b-browser/13155/7 "2023-11-01T17:49:53Z")

</div>

Thanks, this is what I’m looking for. I thin this option will be easier to upload to a webpage. Can you please explain the steps? Which advanced options should I click?

---

<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: [November 1, 2023, 6:28pm UTC](https://discourse.paraview.org/t/how-can-we-export-a-vtu-object-as-an-htms-js-object-that-can-be-opened-in-a-we-b-browser/13155/8 "2023-11-01T18:28:41Z")

</div>

[https://www.kitware.com/exporting-paraview-scenes-to-paraview-glance/](https://www.kitware.com/exporting-paraview-scenes-to-paraview-glance/)
