Truncate long labels in decision table visualization

[sei-vsarvepalli]

A small update to try to fix any text that is too long for display inside a SVG. It is quite simple first step to avoid SVG Graph looking too crowded.

This pull request enhances the visualization in docs/ssvc-explorer/simple.js by improving how node labels are displayed and ensuring class names are generated safely. The changes focus on truncating long node names for better readability and sanitizing class names to avoid issues with invalid characters.

Improvements to node label display:

• Added a truncateEllipsis function to shorten node names longer than 25 characters, appending an ellipsis for clarity. This function is now used wherever node names are displayed, improving readability in the graph. [1] [2] [3]
• Node labels now include a data-fullname attribute containing the full, untruncated name, allowing access to the complete value if needed (e.g., for tooltips or accessibility). [1] [2]

Class name sanitization:

• Updated the logic for generating class names from node names to ensure they start with a letter and contain only safe characters, preventing potential CSS or JavaScript issues.

[Copilot]

Pull Request Overview

This PR adds text truncation functionality to prevent long node and path labels from causing layout issues in the SSVC decision tree visualization. The changes introduce ellipsis truncation for text exceeding 25 characters and add CSS class sanitization to prevent invalid class names.

• Added truncateEllipsis function to truncate long text with ellipsis
• Implemented CSS class name sanitization using regex replacements
• Added data-fullname attributes to preserve original text for tooltips/interactions

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[sei-vsarvepalli]

There are these two screenshots that show before and after the patch.
After patch

--- Before Patch ---