<!-- source: https://bl.ocks.org/monfera/19845caf6aa383abddaa248a3f0d2ae0 -->
<svg width="230" height="120"
     style="transform: scale(4); transform-origin: 0 0;" 
     version="1.1" xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink">
  
  <filter id="heat">
    <feTurbulence id="turb" baseFrequency="0.2" type="turbulence" />
    <feDisplacementMap scale="1" in="SourceGraphic" />
  </filter>
  
  <image style="filter: url(#heat)" width="100%" height="100%" 
         xlink:href="https://bl.ocks.org/monfera/raw/19845caf6aa383abddaa248a3f0d2ae0/thumbnail.png" />
  
  <script>
    window.setInterval(function () {
      document.getElementById('turb').setAttribute('seed', 500 * Math.random())
    }, 100)
  </script>

</svg>