@@ -131,6 +131,30 @@ $(document).on('markupLoaded', function () {
     data: [{ fn: 'sqrt(1 - x * x)' }, { fn: '-sqrt(1 - x * x)' }]
   })
 
+  /**
+   * ### Polar coordinate grid
+   *
+   * Polar equations use Cartesian axes by default. Set `coordinateSystem: 'polar'`
+   * to draw a polar grid with equal x/y units instead. `polar.grid` defaults to
+   * `true`, while angular labels are opt-in with `polar.angularLabels: true`.
+   * Labels use radians by default; `angleUnit: 'degrees'` changes their format.
+   */
+  functionPlot({
+    target: '#polar-grid',
+    coordinateSystem: 'polar',
+    polar: {
+      radiusDomain: [0, 3],
+      angularLabels: true
+    },
+    data: [
+      {
+        r: '2 * sin(4 * theta)',
+        fnType: 'polar',
+        graphType: 'polyline'
+      }
+    ]
+  })
+
   /**
    * ### Domain
    *
@@ -772,6 +796,11 @@ $(document).on('markupLoaded', function () {
    */
   functionPlot({
     target: '#polar-circle',
+    coordinateSystem: 'polar',
+    polar: {
+      radiusDomain: [0, 3],
+      angularLabels: true
+    },
     yAxis: { domain: [-1.897959183, 1.897959183] },
     xAxis: { domain: [-3, 3] },
     data: [
@@ -788,52 +817,6 @@ $(document).on('markupLoaded', function () {
     ]
   })
 
-  /**
-   * ### Polar equations <br /> <div class="small">Polar rose</div>
-   *
-   * Rendering the equation of the polar rose
-   *
-   * $$
-   * r = 2 sin(4 \theta)
-   * $$
-   */
-  functionPlot({
-    target: '#polar-complex',
-    yAxis: { domain: [-1.897959183, 1.897959183] },
-    xAxis: { domain: [-3, 3] },
-    data: [
-      {
-        r: '2 * sin(4 theta)',
-        fnType: 'polar',
-        graphType: 'polyline'
-      }
-    ]
-  })
-
-  /**
-   * ### Polar coordinate grid
-   *
-   * Polar equations use Cartesian axes by default. Set `coordinateSystem: 'polar'`
-   * to draw a polar grid with equal x/y units instead. `polar.grid` defaults to
-   * `true`, while angular labels are opt-in with `polar.angularLabels: true`.
-   * Labels use radians by default; `angleUnit: 'degrees'` changes their format.
-   */
-  functionPlot({
-    target: '#polar-grid',
-    coordinateSystem: 'polar',
-    polar: {
-      radiusDomain: [0, 3],
-      angularLabels: true
-    },
-    data: [
-      {
-        r: '2 * sin(4 * theta)',
-        fnType: 'polar',
-        graphType: 'polyline'
-      }
-    ]
-  })
-
   /**
    * ### Implicit functions
    *
 
@@ -59,7 +59,25 @@
   },
   grid: true,
   data: [{ fn: 'sqrt(1 - x * x)' }, { fn: '-sqrt(1 - x * x)' }]
-})</code></pre></div></div><div class="col-md-6 center-block demos"><span id="grid" class="graph"></span></div></div></div></div><div class="example"><div class="container"><div class="row"><div class="col-md-6"><div class="comment"><h3>Domain</h3>
+})</code></pre></div></div><div class="col-md-6 center-block demos"><span id="grid" class="graph"></span></div></div></div></div><div class="example"><div class="container"><div class="row"><div class="col-md-6"><div class="comment"><h3>Polar coordinate grid</h3>
+<p>Polar equations use Cartesian axes by default. Set <code>coordinateSystem: 'polar'</code> 
+to draw a polar grid with equal x/y units instead. <code>polar.grid</code> defaults to 
+<code>true</code>, while angular labels are opt-in with <code>polar.angularLabels: true</code>. 
+Labels use radians by default; <code>angleUnit: 'degrees'</code> changes their format.</p></div><div class="code"><pre><code class="javascript">functionPlot({
+  target: '#polar-grid',
+  coordinateSystem: 'polar',
+  polar: {
+    radiusDomain: [0, 3],
+    angularLabels: true
+  },
+  data: [
+    {
+      r: '2 * sin(4 * theta)',
+      fnType: 'polar',
+      graphType: 'polyline'
+    }
+  ]
+})</code></pre></div></div><div class="col-md-6 center-block demos"><span id="polar-grid" class="graph"></span></div></div></div></div><div class="example"><div class="container"><div class="row"><div class="col-md-6"><div class="comment"><h3>Domain</h3>
 <p>The domains of both axes can be changed with the following configurations:</p>
 <ul>
 <li><code>xDomain</code>, defaults to <code>[-7, 7]</code></li>
@@ -540,6 +558,11 @@
 instead of rectangles generated by the interval-arithmetic sampler set 
 <code>graphType: 'polyline'</code> which uses the normal single point evaluation</p></div><div class="code"><pre><code class="javascript">functionPlot({
   target: '#polar-circle',
+  coordinateSystem: 'polar',
+  polar: {
+    radiusDomain: [0, 3],
+    angularLabels: true
+  },
   yAxis: { domain: [-1.897959183, 1.897959183] },
   xAxis: { domain: [-3, 3] },
   data: [
@@ -554,22 +577,7 @@
       graphType: 'polyline'
     }
   ]
-})</code></pre></div></div><div class="col-md-6 center-block demos"><span id="polar-circle" class="graph"></span></div></div></div></div><div class="example"><div class="container"><div class="row"><div class="col-md-6"><div class="comment"><h3>Polar equations   <div class="small">Polar rose</div></h3>
-<p>Rendering the equation of the polar rose</p>
-<p>$$ 
-r = 2 sin(4 \theta) 
-$$</p></div><div class="code"><pre><code class="javascript">functionPlot({
-  target: '#polar-complex',
-  yAxis: { domain: [-1.897959183, 1.897959183] },
-  xAxis: { domain: [-3, 3] },
-  data: [
-    {
-      r: '2 * sin(4 theta)',
-      fnType: 'polar',
-      graphType: 'polyline'
-    }
-  ]
-})</code></pre></div></div><div class="col-md-6 center-block demos"><span id="polar-complex" class="graph"></span></div></div></div></div><div class="example"><div class="container"><div class="row"><div class="col-md-6"><div class="comment"><h3>Implicit functions</h3>
+})</code></pre></div></div><div class="col-md-6 center-block demos"><span id="polar-circle" class="graph"></span></div></div></div></div><div class="example"><div class="container"><div class="row"><div class="col-md-6"><div class="comment"><h3>Implicit functions</h3>
 <p>The equation of a circle of radius 1 $x^2 + y^2 = 1$ expressed in an explicit way is:</p>
 <p>$$ 
 y = \sqrt{1 - x^2} \quad and \quad y = -\sqrt{1 - x^2}