# Product configurator

Table of Contents

- Project layout
- Setting up the viewers
- Loading models
- Add component selection
- Incorporating model relationships
- Clearing the build

This tutorial focuses on capabilities that would typically be provided by a product configurator visualization solution. The concepts here are not specific to a product configurator, and can be cherry picked for use in your own application. A completed version of this tutorial can be found on our GitHub project. The master branch contains an empty HOOPS Communicator project, intended for you to paste code snippets from this tutorial and build the app as you follow along. Alternatively, the completed branch contains the completed tutorial.

## Covered topics

- Bringing multiple models and assemblies in and out of the scene

- Inserting transformed nodes into an existing model assembly tree

- Working with multiple WebViewers

- Incorporating external data

The intent would be for the end user to navigate a selection of potential components, view them, and select the desired component to be added to the final assembly.

By the end of this tutorial, we will see an application that looks similar to the final result below.