Blog post preview
May 31, 2023

Demo Wednesday: Searchable Sitemap

We've published a new demo: Searchable Sitemap

Today's demo will help you understand how to generate a searchable interactive sitemap from an XML file - using a custom search instead of a native browser search.

Although JointJS+ diagrams (thanks to the SVG approach) allow you to use browser search to find text in elements and scroll to them, there are cases where you need to implement custom search. Imagine searching for content that is hidden in a collapsed branch or when virtual rendering is in place. A custom search would be the only way to go, which is nicely demonstrated in the example below.

See the Pen JointJS+: Searchable Sitemap by JointJS (@jointjs) on CodePen.

Interested in using such a diagramming studio in your app? Start a free JointJS+ trial and build visual and No-Code/Low-Code applications with easy and confidence.

Every Wednesday we share diagramming tips, interesting features and news in JointJS. Learn with us, get content delivered straight to your inbox and become a real diagramming pro:

Blog post author
Roman Bruckner
Diagramming enthusiast from an early age, traveler and a persistent contributor to the developer community.
Marek Hozak
Marketing guy, father, and sports fanatic who loves to learn about new technologies.
Stay in the loop

Speed up your development with a powerful library