---
source: https://www.jointjs.com/demos/diagram-index
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/diagram-index/README.md
generated: 2026-10-05
format: markdown
---

# JointJS+: Diagram Index <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

The Diagram Index demo - written in React, Vue, Angular and Svelte – allows the user to display multiple JointJS diagrams while navigating each cell of a certain diagram via a TreeView component. Thus you or your customers can get a better overview of all elements contained in your diagrams, and work in a more organized way.

This demo is also available online at [jointjs.com](https://jointjs.com/demos/diagram-index).

## Available Versions

- [Angular](./angular/)
- [React](./react/)
- [Vue](./vue/)
- [Svelte](./svelte/)

## Screenshot

![screenshot](./screenshot.png)
