<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2">
 <title>&lt;event-source>: addEventSource()</title>
 <style> #alphabeta { fill:lime } </style>
 <circle cx="1" cy="1" r="1" fill="red"/>
 <script>
  var svg = document.getElementsByTagNameNS("http://www.w3.org/2000/svg", "svg")[0],
      circle = document.getElementsByTagNameNS("http://www.w3.org/2000/svg", "circle")[0]
  svg.addEventListener("alpha", function() { update("alpha") }, false)
  svg.addEventListener("beta", function() { update("beta") }, false)
  svg.addEventSource("support/sse-simple.php?event=alpha")
  svg.addEventSource("support/sse-simple.php?event=beta")
  function update(text) { circle.id += text }
 </script>
</svg>

