<svg width="450px" height="325px" viewBox="0 0 450 325" version="1.1">      <title>Example feTurbulence - Examples of feTurbulence operations</title>      <desc>Six rectangular areas showing the effects of various parameter settings for feTurbulence.</desc>      <g font-family="Verdana" text-anchor="middle" font-size="10">           <defs>                <filter id="Turb1" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">                     <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/>                </filter>                <filter id="Turb2" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">                     <feTurbulence type="turbulence" baseFrequency="0.1" numOctaves="2"/>                </filter>                <filter id="Turb3" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">                     <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="8"/>                </filter>                <filter id="Turb4" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">                     <feTurbulence type="fractalNoise" baseFrequency="0.1" numOctaves="4"/>                </filter>                <filter id="Turb5" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">                     <feTurbulence type="fractalNoise" baseFrequency="0.4" numOctaves="4"/>                </filter>                <filter id="Turb6" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">                     <feTurbulence type="fractalNoise" baseFrequency="0.1" numOctaves="1"/>                </filter>           </defs>           <rect x="1" y="1" width="448" height="323" fill="none" stroke="blue" stroke-width="1"/>           <rect x="25" y="25" width="100" height="75" filter="url(#Turb1)"/>           <text x="75" y="117">type=turbulence</text>           <text x="75" y="129">baseFrequency=0.05</text>           <text x="75" y="141">numOctaves=2</text>           <rect x="175" y="25" width="100" height="75" filter="url(#Turb2)"/>           <text x="225" y="117">type=turbulence</text>           <text x="225" y="129">baseFrequency=0.1</text>           <text x="225" y="141">numOctaves=2</text>           <rect x="325" y="25" width="100" height="75" filter="url(#Turb3)"/>           <text x="375" y="117">type=turbulence</text>           <text x="375" y="129">baseFrequency=0.05</text>           <text x="375" y="141">numOctaves=8</text>           <rect x="25" y="180" width="100" height="75" filter="url(#Turb4)"/>           <text x="75" y="272">type=fractalNoise</text>           <text x="75" y="284">baseFrequency=0.1</text>           <text x="75" y="296">numOctaves=4</text>           <rect x="175" y="180" width="100" height="75" filter="url(#Turb5)"/>           <text x="225" y="272">type=fractalNoise</text>           <text x="225" y="284">baseFrequency=0.4</text>           <text x="225" y="296">numOctaves=4</text>           <rect x="325" y="180" width="100" height="75" filter="url(#Turb6)"/>           <text x="375" y="272">type=fractalNoise</text>           <text x="375" y="284">baseFrequency=0.1</text>           <text x="375" y="296">numOctaves=1</text>      </g> </svg>

Original SVG source