# Inventory Management

Table of Contents

- Project Layout
- The Model XML File
- Setting up the Main Viewer
- Loading Models
- Linking to Application Data
- Creating the Display Filter
- Adding Color Gradients
- Adding the UI Event Listeners

This tutorial focuses on capabilities that would typically be provided by an inventory management visualization solution. The concepts here are not specific to inventory management, 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 Visualize Web 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

- Generating and parsing an XML file using Converter
- Linking parsed node IDs to database information
- Using the HOOPS WebViewer to access this additional application data
- Filtering nodes in the model tree given the current UI state
- Potential rendering techniques to display the filtered data

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

Conversation saved
HOOPSY BETA

### Hello! I'm HOOPSY

Your Docs generative AI assistant. Ask me anything about HOOPS Visualize Web or choose a sample question below to start a conversation:

What is HOOPS Visualize Web?
What are the latest release notes for HOOPS Visualize Web?
How do I start evaluating HOOPS Visualize Web?
How do I write my first sample application?
How can I get assistance?

HOOPSY may store conversations according to OpenAI's policy. Responses may not always be accurate.

HOOPSY is thinking...