how to present an interactive SVG?

[skierpage]

Select Topic Area

Question

Body

I made an interactive SVG with embedded <script>. GitHub, understandably, strips the JavaScript when it presents the SVG, even in raw mode. Is there any way around this? Could I put it in GitHub Pages, or reference an external script?

I can't find any documentation for GitHub's behavior here. Sanitizing may be the right thing to do, but please explain what happens.

[yoannchaudet]

Hello!

GitHub Pages is your best bet here.

As to what is going on, SVG are sanitized before being rendered on the GitHub.com domain. This is for security reasons and also why Pages sites are hosted on a different domain by default (github.io). Allowing arbitrary client side code to run on a given domain is a major security risk. An ill intended person could try to exfiltrate your session token and perform operations on your behalf. You can learn more about that in the actual post we made many years ago when moving Pages to github.io!

[github-actions[bot]]

🕒 Discussion Activity Reminder 🕒

This Discussion has been labeled as dormant by an automated system for having no activity in the last 60 days. Please consider one the following actions:

1️⃣ Close as Out of Date: If the topic is no longer relevant, close the Discussion as out of date at the bottom of the page.

2️⃣ Provide More Information: Share additional details or context — or let the community know if you've found a solution on your own.

3️⃣ Mark a Reply as Answer: If your question has been answered by a reply, mark the most helpful reply as the solution.

Note: This dormant notification will only apply to Discussions with the Question label. To learn more, see our recent announcement.

Thank you for helping bring this Discussion to a resolution! 💬