SVG

Example Code

The code to create SVGs can be quite complex. There's a lot of math involved

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="380" width='400' style='position:absolute; top:0; left:0;'>
  <defs>

    <path id="path1" d="M 40,200 a 1,1 0 1,1 310,0 a 1,1 0 1,1 -310,1">
  </defs>
  <text x="0" y="0" style="fill:blue;font-size:36px; font-family:sans-serif;">

  <textPath xlink:href="#path1">
    to understand recursion, you must first understand recursion,   </textPath>
  </text>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"height="250" width='250' style='display:inline; position:absolute; top:93px; left:93px;'>

    <ellipse cx="100" cy="100" rx="90" ry="35" stroke="black" stroke-width="2" fill="transparent" />

    <ellipse cx="100" cy="100" rx="90" ry="35" stroke="black" stroke-width="2" fill="transparent" transform="rotate(90, 100, 100)" />

    <ellipse cx="100" cy="100" rx="50" ry="65" stroke="black" stroke-width="2" fill="transparent" transform="rotate(30, 100, 100)" />

    <ellipse cx="100" cy="100" rx="65" ry="50" stroke="black" sroke-width="2" fill="transparent" transform="rotate(60, 100, 100)" />

    <ellipse cx="100" cy="100" rx="28" ry="7" stroke="DarkRed" stroke-width="2" fill="crimson" transform="rotate(45, 100, 100)" />

    <ellipse cx="100" cy="100" rx="7" ry="28" stroke="DarkRed" stroke-width="2" fill="crimson" transform="rotate(45, 100, 100)" />

    <ellipse cx="100" cy="100" rx="7" ry="28" stroke="DarkRed" stroke-width="2" fill="crimson" />

    <ellipse cx="100" cy="100" rx="28" ry="7" stroke="DarkRed" stroke-width="2" fill="crimson" />

    <circle cx="100" cy="100" r="20" stroke="black" stroke-width="1" fill="DarkRed"/>

    <circle cx="100" cy="100" r="4" stroke="black" stroke-width="0" fill="Gold"/>
</svg>

Scalable Vector Graphics

Scalable Vector Graphics (SVG) are a popular web technology for displaying graphic content (...not that kind of 'graphic content!')

Scalable Vector Graphics (SVG) is an Extensible Markup Language (XML)-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999

to understand recursion, you must first understand recursion,