# Custom HTML with three.js for interactive 3D asset visualization

**URL:** <https://community.wandb.ai/t/custom-html-with-three-js-for-interactive-3d-asset-visualization/2258>\
**Category:** W&B Help\
**Created:** [April 18, 2022, 2:18pm UTC](https://community.wandb.ai/t/custom-html-with-three-js-for-interactive-3d-asset-visualization/2258 "2022-04-18T14:18:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![zc-alexfan](https://avatars.discourse-cdn.com/v4/letter/z/a3d4f5/32.png) [@zc-alexfan](https://community.wandb.ai/u/zc-alexfan)\
**Post date:** [April 18, 2022, 2:18pm UTC](https://community.wandb.ai/t/custom-html-with-three-js-for-interactive-3d-asset-visualization/2258/1 "2022-04-18T14:18:12Z")

</div>

Hi, I am working on a 3D reconstruction task that returns multiple 3D meshes in my visualization. The custom W&B 3D visualization is too bright and it is not helpful for tasks that require to visualize texture; also, it seems to reduce the triangle counts, but triangle counts are important for 3D vision.

It seems that W&B supports uploading custom HTML. I am wondering if it is possible to:

1. Upload my predicted 3D meshes for each step.
2. Display my 3D meshes using a custom HTML that using [three.js](https://threejs.org/examples/#webgl_animation_keyframes) to allow me interact with it.

Potential blockers:

- I assume `wandb.Object3D` is used with `wandb.log` to upload my 3D prediction. In my HTML, how do I get access to the uploaded meshes?
- Similarly, how do I upload and get access to a js library in the HTML? (the paths)

---

<div class="post-metadata">

**Author:** ![justice](https://sea2.discourse-cdn.com/flex020/user_avatar/community.wandb.ai/justice/32/720_2.png) [@justice](https://community.wandb.ai/u/justice)\
**Post date:** [May 1, 2022, 2:29pm UTC](https://community.wandb.ai/t/custom-html-with-three-js-for-interactive-3d-asset-visualization/2258/2 "2022-05-01T14:29:04Z")

</div>

Alosm curious about this.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/wandb/original/1X/366b649231631dbab896843020da0056074ac79d.png) [@system](https://community.wandb.ai/u/system)\
**Post date:** [June 30, 2022, 2:29pm UTC](https://community.wandb.ai/t/custom-html-with-three-js-for-interactive-3d-asset-visualization/2258/3 "2022-06-30T14:29:55Z")

</div>

Closed on June 30, 2022, 2:29pm UTC

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