# Display all individual components in 3d model as images in a side panel

**URL:** <https://discourse.threejs.org/t/display-all-individual-components-in-3d-model-as-images-in-a-side-panel/39337>\
**Category:** Questions\
**Tags:** loaders, geometry\
**Created:** [June 16, 2022, 9:07pm UTC](https://discourse.threejs.org/t/display-all-individual-components-in-3d-model-as-images-in-a-side-panel/39337 "2022-06-16T21:07:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jeff\_Boker](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jeff_boker/32/22518_2.png) [@Jeff\_Boker](https://discourse.threejs.org/u/Jeff_Boker)\
**Post date:** [June 16, 2022, 9:07pm UTC](https://discourse.threejs.org/t/display-all-individual-components-in-3d-model-as-images-in-a-side-panel/39337/1 "2022-06-16T21:07:52Z")

</div>

I wanted to present a 3d model’s individual meshes as images in a side panel as shown in the picture below from 3D Builder. Essentially showing the user what the model is composed of visually rather than simply displaying their names which is cumbersome to read if there are too many components.

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/3/6/362a4cf272a2d446b4550acb975630e101d0b6d0.jpeg)

I came across the following where I can convert the canvas into a png image, but that takes a picture of the entire model. [Convert 3d model in threejs scene to png image](https://discourse.threejs.org/t/convert-3d-model-in-threejs-scene-to-png-image/20742)

I have access to all the groups and meshes of the model, so I was wondering if there is a better way to display the images for them?

---

<div class="post-metadata">

**Author:** ![tfoller](https://avatars.discourse-cdn.com/v4/letter/t/3e96dc/32.png) [@tfoller](https://discourse.threejs.org/u/tfoller)\
**Post date:** [June 18, 2022, 2:33pm UTC](https://discourse.threejs.org/t/display-all-individual-components-in-3d-model-as-images-in-a-side-panel/39337/2 "2022-06-18T14:33:44Z")

</div>

You can make all meshes except one invisible and render only that mesh. Also, you can create render targets and render individual meshes on them and then turn them into an image.

---

<div class="post-metadata">

**Author:** ![rrrr\_rrrr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/rrrr_rrrr/32/7697_2.png) [@rrrr\_rrrr](https://discourse.threejs.org/u/rrrr_rrrr)\
**Post date:** [June 19, 2022, 7:17am UTC](https://discourse.threejs.org/t/display-all-individual-components-in-3d-model-as-images-in-a-side-panel/39337/3 "2022-06-19T07:17:08Z")

</div>

Is this a **Mesh** with several Groups?  
Or a Group made of serverl Meshes?