---
source: https://www.jointjs.com/demos/searchable-sitemap
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/searchable-sitemap/README.md
generated: 2026-03-20
format: plaintext
---

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

Thanks to SVG you can find the text in the JointJS+ diagram elements and navigate to them using the browser search. However, there are cases where you want to use a custom search, for example if you only want to search by data stored in models or if the text you are looking for is part of a collapsed branch. In this case, custom search is useful. See below for an example of how to implement such a search, which we demonstrate on our own sitemap generated from an XML file. Enjoy!

This demo is also available online at jointjs.com.

Available Versions

JavaScript

Screenshot

!screenshot