1.0djokohttps://djoko.nl/home6Jean-François Roebershttps://djoko.nl/home6/index.php/author/jean_admin/SVG interactief - djokorich600338<blockquote class="wp-embedded-content" data-secret="RPbskG3XmC"><a href="https://djoko.nl/home6/index.php/2026/04/01/svg-interactief/">SVG interactief</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://djoko.nl/home6/index.php/2026/04/01/svg-interactief/embed/#?secret=RPbskG3XmC" width="600" height="338" title="“SVG interactief” — djoko" data-secret="RPbskG3XmC" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script>
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
//# sourceURL=https://djoko.nl/home6/wp-includes/js/wp-embed.min.js
</script>
Een SVG (Scalable Vector Graphic) is heel gemakkelijk interactief te maken. Hieronder zie je een voorbeeld waarbij elementen in de DOM een andere tekst krijgen. Brussels Hoofdstedelijk Gewest omvat 19 deelgemeenten Klik op een deelgemeente