chiark / gitweb /
m.plots: adapt tests to different output with matplotlib 3.6+.
authorVladimír Vondruš <mosra@centrum.cz>
Wed, 21 Aug 2024 10:02:33 +0000 (12:02 +0200)
committerVladimír Vondruš <mosra@centrum.cz>
Wed, 21 Aug 2024 11:50:31 +0000 (13:50 +0200)
Unfortunately version 3.8+ has different output YET AGAIN, meaning I
have to pin again until I build up the patience to retry all this.

documentation/test_python/page_plugins/plots-35.html [new file with mode: 0644]
documentation/test_python/page_plugins/plots.html
documentation/test_python/test_page.py
package/ci/circleci.yml
plugins/m/test/plots/page-35.html [new file with mode: 0644]
plugins/m/test/plots/page.html
plugins/m/test/test_plots.py

diff --git a/documentation/test_python/page_plugins/plots-35.html b/documentation/test_python/page_plugins/plots-35.html
new file mode 100644 (file)
index 0000000..9d85968
--- /dev/null
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>And now something totally different | My Python Project</title>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i%7CSource+Code+Pro:400,400i,600" />
+  <link rel="stylesheet" href="m-dark+documentation.compiled.css" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+</head>
+<body>
+<header><nav id="navigation">
+  <div class="m-container">
+    <div class="m-row">
+      <a href="index.html" id="m-navbar-brand" class="m-col-t-8 m-col-m-none m-left-m">My Python Project</a>
+    </div>
+  </div>
+</nav></header>
+<main><article>
+  <div class="m-container m-container-inflatable">
+    <div class="m-row">
+      <div class="m-col-l-10 m-push-l-1">
+        <h1>
+          And now something totally different
+        </h1>
+<style>
+div.m-plot svg { font-family: DejaVu Sans; }
+</style><div class="m-plot">
+<svg viewBox="0 0 576 113.76">
+ <defs>
+  <style type="text/css">*{stroke-linejoin: round; stroke-linecap: butt}</style>
+ </defs>
+ <g id="figure_1">
+  <g id="axes_1">
+   <g id="patch_1">
+    <path d="M 59.365156 69.588125 L 564.12 69.588125 L 564.12 27.757969 L 59.365156 27.757969 z" class="m-background"/>
+   </g>
+   <g id="plot1-value0-0"><title>15.0 meters, i guess?</title>
+    <path d="M 59.365156 29.659339 L 299.724606 29.659339 L 299.724606 46.560413 L 59.365156 46.560413 z" clip-path="url(#pcce33c7247)" class="m-bar m-success"/>
+   </g>
+   <g id="plot1-value0-1"><title>30.0 meters, i guess?</title>
+    <path d="M 59.365156 50.785681 L 540.084055 50.785681 L 540.084055 67.686754 L 59.365156 67.686754 z" clip-path="url(#pcce33c7247)" class="m-bar m-success"/>
+   </g>
+   <g id="matplotlib.axis_1">
+    <g id="xtick_1">
+     <g id="line2d_1">
+      <defs>
+       <path id="mc4bea1de13" d="M 0 0 L 0 3.5" class="m-line"/>
+      </defs>
+      <g>
+       <use xlink:href="#mc4bea1de13" x="59.365156" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_1">
+      <text class="m-label" style="text-anchor: middle" x="59.365156" y="84.946406" transform="rotate(-0, 59.365156, 84.946406)">0</text>
+     </g>
+    </g>
+    <g id="xtick_2">
+     <g id="line2d_2">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="139.484973" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_2">
+      <text class="m-label" style="text-anchor: middle" x="139.484973" y="84.946406" transform="rotate(-0, 139.484973, 84.946406)">5</text>
+     </g>
+    </g>
+    <g id="xtick_3">
+     <g id="line2d_3">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="219.604789" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_3">
+      <text class="m-label" style="text-anchor: middle" x="219.604789" y="84.946406" transform="rotate(-0, 219.604789, 84.946406)">10</text>
+     </g>
+    </g>
+    <g id="xtick_4">
+     <g id="line2d_4">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="299.724606" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_4">
+      <text class="m-label" style="text-anchor: middle" x="299.724606" y="84.946406" transform="rotate(-0, 299.724606, 84.946406)">15</text>
+     </g>
+    </g>
+    <g id="xtick_5">
+     <g id="line2d_5">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="379.844422" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_5">
+      <text class="m-label" style="text-anchor: middle" x="379.844422" y="84.946406" transform="rotate(-0, 379.844422, 84.946406)">20</text>
+     </g>
+    </g>
+    <g id="xtick_6">
+     <g id="line2d_6">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="459.964239" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_6">
+      <text class="m-label" style="text-anchor: middle" x="459.964239" y="84.946406" transform="rotate(-0, 459.964239, 84.946406)">25</text>
+     </g>
+    </g>
+    <g id="xtick_7">
+     <g id="line2d_7">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="540.084055" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_7">
+      <text class="m-label" style="text-anchor: middle" x="540.084055" y="84.946406" transform="rotate(-0, 540.084055, 84.946406)">30</text>
+     </g>
+    </g>
+    <g id="text_8">
+     <text class="m-label" style="text-anchor: middle" x="311.742578" y="99.592344" transform="rotate(-0, 311.742578, 99.592344)">meters, i guess?</text>
+    </g>
+   </g>
+   <g id="matplotlib.axis_2">
+    <g id="ytick_1">
+     <g id="line2d_8">
+      <defs>
+       <path id="mae1c673641" d="M 0 0 L -3.5 0" class="m-line"/>
+      </defs>
+      <g>
+       <use xlink:href="#mae1c673641" x="59.365156" y="38.109876"/>
+      </g>
+     </g>
+     <g id="text_9">
+      <text class="m-label" style="text-anchor: end" x="52.365156" y="42.289017" transform="rotate(-0, 52.365156, 42.289017)">First</text>
+     </g>
+    </g>
+    <g id="ytick_2">
+     <g id="line2d_9">
+      <g>
+       <use xlink:href="#mae1c673641" x="59.365156" y="59.236218"/>
+      </g>
+     </g>
+     <g id="text_10">
+      <text class="m-label" style="text-anchor: end" x="52.365156" y="63.415358" transform="rotate(-0, 52.365156, 63.415358)">Second</text>
+     </g>
+    </g>
+   </g>
+   <g id="text_11">
+    <text class="m-title" style="text-anchor: middle" x="311.742578" y="21.757969" transform="rotate(-0, 311.742578, 21.757969)">A plot with a single color</text>
+   </g>
+  </g>
+ </g>
+ <defs>
+  <clipPath id="pcce33c7247">
+   <rect x="59.365156" y="27.757969" width="504.754844" height="41.830156"/>
+  </clipPath>
+ </defs>
+</svg>
+</div>
+      </div>
+    </div>
+  </div>
+</article></main>
+</body>
+</html>
index 9d85968177df9cf77e104ffb9db9367a689ce071..53518c0a1bdaff621375a5b97c5bc1e5f7f73a42 100644 (file)
@@ -51,7 +51,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_1">
-      <text class="m-label" style="text-anchor: middle" x="59.365156" y="84.946406" transform="rotate(-0, 59.365156, 84.946406)">0</text>
+      <text class="m-label" style="text-anchor: middle" x="59.365156" y="84.946406" transform="rotate(-0 59.365156 84.946406)">0</text>
      </g>
     </g>
     <g id="xtick_2">
@@ -61,7 +61,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_2">
-      <text class="m-label" style="text-anchor: middle" x="139.484973" y="84.946406" transform="rotate(-0, 139.484973, 84.946406)">5</text>
+      <text class="m-label" style="text-anchor: middle" x="139.484973" y="84.946406" transform="rotate(-0 139.484973 84.946406)">5</text>
      </g>
     </g>
     <g id="xtick_3">
@@ -71,7 +71,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_3">
-      <text class="m-label" style="text-anchor: middle" x="219.604789" y="84.946406" transform="rotate(-0, 219.604789, 84.946406)">10</text>
+      <text class="m-label" style="text-anchor: middle" x="219.604789" y="84.946406" transform="rotate(-0 219.604789 84.946406)">10</text>
      </g>
     </g>
     <g id="xtick_4">
@@ -81,7 +81,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_4">
-      <text class="m-label" style="text-anchor: middle" x="299.724606" y="84.946406" transform="rotate(-0, 299.724606, 84.946406)">15</text>
+      <text class="m-label" style="text-anchor: middle" x="299.724606" y="84.946406" transform="rotate(-0 299.724606 84.946406)">15</text>
      </g>
     </g>
     <g id="xtick_5">
@@ -91,7 +91,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_5">
-      <text class="m-label" style="text-anchor: middle" x="379.844422" y="84.946406" transform="rotate(-0, 379.844422, 84.946406)">20</text>
+      <text class="m-label" style="text-anchor: middle" x="379.844422" y="84.946406" transform="rotate(-0 379.844422 84.946406)">20</text>
      </g>
     </g>
     <g id="xtick_6">
@@ -101,7 +101,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_6">
-      <text class="m-label" style="text-anchor: middle" x="459.964239" y="84.946406" transform="rotate(-0, 459.964239, 84.946406)">25</text>
+      <text class="m-label" style="text-anchor: middle" x="459.964239" y="84.946406" transform="rotate(-0 459.964239 84.946406)">25</text>
      </g>
     </g>
     <g id="xtick_7">
@@ -111,11 +111,11 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_7">
-      <text class="m-label" style="text-anchor: middle" x="540.084055" y="84.946406" transform="rotate(-0, 540.084055, 84.946406)">30</text>
+      <text class="m-label" style="text-anchor: middle" x="540.084055" y="84.946406" transform="rotate(-0 540.084055 84.946406)">30</text>
      </g>
     </g>
     <g id="text_8">
-     <text class="m-label" style="text-anchor: middle" x="311.742578" y="99.592344" transform="rotate(-0, 311.742578, 99.592344)">meters, i guess?</text>
+     <text class="m-label" style="text-anchor: middle" x="311.742578" y="99.592344" transform="rotate(-0 311.742578 99.592344)">meters, i guess?</text>
     </g>
    </g>
    <g id="matplotlib.axis_2">
@@ -129,7 +129,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_9">
-      <text class="m-label" style="text-anchor: end" x="52.365156" y="42.289017" transform="rotate(-0, 52.365156, 42.289017)">First</text>
+      <text class="m-label" style="text-anchor: end" x="52.365156" y="42.289017" transform="rotate(-0 52.365156 42.289017)">First</text>
      </g>
     </g>
     <g id="ytick_2">
@@ -139,12 +139,12 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_10">
-      <text class="m-label" style="text-anchor: end" x="52.365156" y="63.415358" transform="rotate(-0, 52.365156, 63.415358)">Second</text>
+      <text class="m-label" style="text-anchor: end" x="52.365156" y="63.415358" transform="rotate(-0 52.365156 63.415358)">Second</text>
      </g>
     </g>
    </g>
    <g id="text_11">
-    <text class="m-title" style="text-anchor: middle" x="311.742578" y="21.757969" transform="rotate(-0, 311.742578, 21.757969)">A plot with a single color</text>
+    <text class="m-title" style="text-anchor: middle" x="311.742578" y="21.757969" transform="rotate(-0 311.742578 21.757969)">A plot with a single color</text>
    </g>
   </g>
  </g>
index a1cc450d2478c34b3e0e786bdb10c6030826c063..941665f4d5fb0a625c4154c5bdadf781519597ec 100644 (file)
@@ -90,12 +90,16 @@ class Plugins(BaseTestCase):
 
         # I assume this will be a MASSIVE ANNOYANCE at some point as well so
         # keeping it separate. (Yes, thank you past mosra. Very helpful.)
-        if parse_version(matplotlib.__version__) >= parse_version('3.5'):
-            self.assertEqual(*self.actual_expected_contents('plots.html'))
+        if parse_version(matplotlib.__version__) >= parse_version('3.6'):
+            # https://github.com/matplotlib/matplotlib/commit/1cf5a33b5b5fb07f8fd3956322b85efa0e307b18
+            file = 'plots.html'
+        elif parse_version(matplotlib.__version__) >= parse_version('3.5'):
+            file = 'plots-35.html'
         elif parse_version(matplotlib.__version__) >= parse_version('3.4'):
-            self.assertEqual(*self.actual_expected_contents('plots.html', 'plots-34.html'))
+            file = 'plots-34.html'
         else:
-            self.assertEqual(*self.actual_expected_contents('plots.html', 'plots-32.html'))
+            file = 'plots-32.html'
+        self.assertEqual(*self.actual_expected_contents('plots.html', file))
         self.assertTrue(os.path.exists(os.path.join(self.path, 'output/tiny.png')))
 
         import fancyline
index 64232f5f4cad6a09c7ea56558e8d08592c153f53..6679b19dfc45095aa3ea3b095e91fc67b62c1298 100644 (file)
@@ -240,8 +240,8 @@ jobs:
     - install-base:
         extra: graphviz cmake ninja-build wget
     - install-python-deps:
-        # Matplotlib 3.6 has significantly different output AGAIN, pin on 3.5.2
-        # until I have it on Arch and can test it locally
+        # Matplotlib 3.6 has slightly different output, be sure to have at
+        # least one job testing 3.5 so we don't regress
         matplotlib-version: ==3.5.2
         # Docutils 0.18.0 dropped `in_footnote_list` and made some changes that
         # 0.18.1 reverted again, test we're not affected by those
@@ -264,9 +264,9 @@ jobs:
         # libtinfo5 needed by doxygen 1.8.18, wtf
         extra: graphviz cmake ninja-build wget libtinfo5
     - install-python-deps:
-        # Matplotlib 3.6 has significantly different output AGAIN, pin on 3.5.2
-        # until I have it on Arch and can test it locally
-        matplotlib-version: ==3.5.2
+        # Matplotlib 3.8+ has significantly different output AGAIN, pin on 3.7
+        # until I can be bothered testing yet again
+        matplotlib-version: ==3.7.4
     - checkout
     - test-theme
     - test-plugins
@@ -285,9 +285,9 @@ jobs:
         # libtinfo5 needed by doxygen 1.8.18, wtf
         extra: graphviz cmake ninja-build wget libtinfo5
     - install-python-deps:
-        # Matplotlib 3.6 has significantly different output AGAIN, pin on 3.5.2
-        # until I have it on Arch and can test it locally
-        matplotlib-version: ==3.5.2
+        # Matplotlib 3.8+ has significantly different output AGAIN, pin on 3.7
+        # until I can be bothered testing yet again
+        matplotlib-version: ==3.7.4
     - checkout
     - test-theme
     - test-plugins
diff --git a/plugins/m/test/plots/page-35.html b/plugins/m/test/plots/page-35.html
new file mode 100644 (file)
index 0000000..b01ee25
--- /dev/null
@@ -0,0 +1,682 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>m.plots | A Pelican Blog</title>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i" />
+  <link rel="stylesheet" href="static/m-dark.css" />
+  <link rel="canonical" href="page.html" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+</head>
+<body>
+<header><nav id="navigation">
+  <div class="m-container">
+    <div class="m-row">
+      <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
+    </div>
+  </div>
+</nav></header>
+<main>
+<article>
+  <div class="m-container m-container-inflatable">
+    <div class="m-row">
+      <div class="m-col-l-10 m-push-l-1">
+        <h1>m.plots</h1>
+<!-- content -->
+<p>Note: the test uses DejaVu Sans instead of Source Sans Pro in order to have
+predictable rendering on the CIs.</p>
+<style>
+div.m-plot svg { font-family: DejaVu Sans; }
+</style><div class="m-plot">
+<svg viewBox="0 0 576 113.76">
+ <defs>
+  <style type="text/css">*{stroke-linejoin: round; stroke-linecap: butt}</style>
+ </defs>
+ <g id="figure_1">
+  <g id="axes_1">
+   <g id="patch_1">
+    <path d="M 59.365156 69.588125 L 564.12 69.588125 L 564.12 27.757969 L 59.365156 27.757969 z" class="m-background"/>
+   </g>
+   <g id="plot1-value0-0"><title>15.0 meters, i guess?</title>
+    <path d="M 59.365156 29.659339 L 299.724606 29.659339 L 299.724606 46.560413 L 59.365156 46.560413 z" clip-path="url(#pcce33c7247)" class="m-bar m-success"/>
+   </g>
+   <g id="plot1-value0-1"><title>30.0 meters, i guess?</title>
+    <path d="M 59.365156 50.785681 L 540.084055 50.785681 L 540.084055 67.686754 L 59.365156 67.686754 z" clip-path="url(#pcce33c7247)" class="m-bar m-success"/>
+   </g>
+   <g id="matplotlib.axis_1">
+    <g id="xtick_1">
+     <g id="line2d_1">
+      <defs>
+       <path id="mc4bea1de13" d="M 0 0 L 0 3.5" class="m-line"/>
+      </defs>
+      <g>
+       <use xlink:href="#mc4bea1de13" x="59.365156" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_1">
+      <text class="m-label" style="text-anchor: middle" x="59.365156" y="84.946406" transform="rotate(-0, 59.365156, 84.946406)">0</text>
+     </g>
+    </g>
+    <g id="xtick_2">
+     <g id="line2d_2">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="139.484973" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_2">
+      <text class="m-label" style="text-anchor: middle" x="139.484973" y="84.946406" transform="rotate(-0, 139.484973, 84.946406)">5</text>
+     </g>
+    </g>
+    <g id="xtick_3">
+     <g id="line2d_3">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="219.604789" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_3">
+      <text class="m-label" style="text-anchor: middle" x="219.604789" y="84.946406" transform="rotate(-0, 219.604789, 84.946406)">10</text>
+     </g>
+    </g>
+    <g id="xtick_4">
+     <g id="line2d_4">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="299.724606" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_4">
+      <text class="m-label" style="text-anchor: middle" x="299.724606" y="84.946406" transform="rotate(-0, 299.724606, 84.946406)">15</text>
+     </g>
+    </g>
+    <g id="xtick_5">
+     <g id="line2d_5">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="379.844422" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_5">
+      <text class="m-label" style="text-anchor: middle" x="379.844422" y="84.946406" transform="rotate(-0, 379.844422, 84.946406)">20</text>
+     </g>
+    </g>
+    <g id="xtick_6">
+     <g id="line2d_6">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="459.964239" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_6">
+      <text class="m-label" style="text-anchor: middle" x="459.964239" y="84.946406" transform="rotate(-0, 459.964239, 84.946406)">25</text>
+     </g>
+    </g>
+    <g id="xtick_7">
+     <g id="line2d_7">
+      <g>
+       <use xlink:href="#mc4bea1de13" x="540.084055" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_7">
+      <text class="m-label" style="text-anchor: middle" x="540.084055" y="84.946406" transform="rotate(-0, 540.084055, 84.946406)">30</text>
+     </g>
+    </g>
+    <g id="text_8">
+     <text class="m-label" style="text-anchor: middle" x="311.742578" y="99.592344" transform="rotate(-0, 311.742578, 99.592344)">meters, i guess?</text>
+    </g>
+   </g>
+   <g id="matplotlib.axis_2">
+    <g id="ytick_1">
+     <g id="line2d_8">
+      <defs>
+       <path id="mae1c673641" d="M 0 0 L -3.5 0" class="m-line"/>
+      </defs>
+      <g>
+       <use xlink:href="#mae1c673641" x="59.365156" y="38.109876"/>
+      </g>
+     </g>
+     <g id="text_9">
+      <text class="m-label" style="text-anchor: end" x="52.365156" y="42.289017" transform="rotate(-0, 52.365156, 42.289017)">First</text>
+     </g>
+    </g>
+    <g id="ytick_2">
+     <g id="line2d_9">
+      <g>
+       <use xlink:href="#mae1c673641" x="59.365156" y="59.236218"/>
+      </g>
+     </g>
+     <g id="text_10">
+      <text class="m-label" style="text-anchor: end" x="52.365156" y="63.415358" transform="rotate(-0, 52.365156, 63.415358)">Second</text>
+     </g>
+    </g>
+   </g>
+   <g id="text_11">
+    <text class="m-title" style="text-anchor: middle" x="311.742578" y="21.757969" transform="rotate(-0, 311.742578, 21.757969)">A plot with a single color</text>
+   </g>
+  </g>
+ </g>
+ <defs>
+  <clipPath id="pcce33c7247">
+   <rect x="59.365156" y="27.757969" width="504.754844" height="41.830156"/>
+  </clipPath>
+ </defs>
+</svg>
+</div>
+<div class="m-col-m-6 m-center-m">
+<p>A plot with separate colors, extra labels, error bars and custom width + height</p>
+<div class="m-plot">
+<svg viewBox="0 0 324 218.16">
+ <defs>
+  <style type="text/css">*{stroke-linejoin: round; stroke-linecap: butt}</style>
+ </defs>
+ <g id="figure_1">
+  <g id="axes_1">
+   <g id="patch_1">
+    <path d="M 76.642031 173.988125 L 312.12 173.988125 L 312.12 27.757969 L 76.642031 27.757969 z" class="m-background"/>
+   </g>
+   <g id="plot2-value0-0"><title>3.0 ± 0.1 Mondays</title>
+    <path d="M 76.642031 34.404794 L 186.936162 34.404794 L 186.936162 72.386653 L 76.642031 72.386653 z" clip-path="url(#p91542c6844)" class="m-bar m-success"/>
+   </g>
+   <g id="plot2-value0-1"><title>4.0 ± 2.1 Mondays</title>
+    <path d="M 76.642031 81.882117 L 223.700872 81.882117 L 223.700872 119.863976 L 76.642031 119.863976 z" clip-path="url(#p91542c6844)" class="m-bar m-info"/>
+   </g>
+   <g id="plot2-value0-2"><title>5.0 ± 1.0 Mondays</title>
+    <path d="M 76.642031 129.359441 L 260.465582 129.359441 L 260.465582 167.3413 L 76.642031 167.3413 z" clip-path="url(#p91542c6844)" class="m-bar m-danger"/>
+   </g>
+   <g id="matplotlib.axis_1">
+    <g id="xtick_1">
+     <g id="line2d_1">
+      <defs>
+       <path id="m6c4cdc507b" d="M 0 0 L 0 3.5" class="m-line"/>
+      </defs>
+      <g>
+       <use xlink:href="#m6c4cdc507b" x="76.642031" y="173.988125"/>
+      </g>
+     </g>
+     <g id="text_1">
+      <text class="m-label" style="text-anchor: middle" x="76.642031" y="189.346406" transform="rotate(-0, 76.642031, 189.346406)">0</text>
+     </g>
+    </g>
+    <g id="xtick_2">
+     <g id="line2d_2">
+      <g>
+       <use xlink:href="#m6c4cdc507b" x="113.406741" y="173.988125"/>
+      </g>
+     </g>
+     <g id="text_2">
+      <text class="m-label" style="text-anchor: middle" x="113.406741" y="189.346406" transform="rotate(-0, 113.406741, 189.346406)">1</text>
+     </g>
+    </g>
+    <g id="xtick_3">
+     <g id="line2d_3">
+      <g>
+       <use xlink:href="#m6c4cdc507b" x="150.171452" y="173.988125"/>
+      </g>
+     </g>
+     <g id="text_3">
+      <text class="m-label" style="text-anchor: middle" x="150.171452" y="189.346406" transform="rotate(-0, 150.171452, 189.346406)">2</text>
+     </g>
+    </g>
+    <g id="xtick_4">
+     <g id="line2d_4">
+      <g>
+       <use xlink:href="#m6c4cdc507b" x="186.936162" y="173.988125"/>
+      </g>
+     </g>
+     <g id="text_4">
+      <text class="m-label" style="text-anchor: middle" x="186.936162" y="189.346406" transform="rotate(-0, 186.936162, 189.346406)">3</text>
+     </g>
+    </g>
+    <g id="xtick_5">
+     <g id="line2d_5">
+      <g>
+       <use xlink:href="#m6c4cdc507b" x="223.700872" y="173.988125"/>
+      </g>
+     </g>
+     <g id="text_5">
+      <text class="m-label" style="text-anchor: middle" x="223.700872" y="189.346406" transform="rotate(-0, 223.700872, 189.346406)">4</text>
+     </g>
+    </g>
+    <g id="xtick_6">
+     <g id="line2d_6">
+      <g>
+       <use xlink:href="#m6c4cdc507b" x="260.465582" y="173.988125"/>
+      </g>
+     </g>
+     <g id="text_6">
+      <text class="m-label" style="text-anchor: middle" x="260.465582" y="189.346406" transform="rotate(-0, 260.465582, 189.346406)">5</text>
+     </g>
+    </g>
+    <g id="xtick_7">
+     <g id="line2d_7">
+      <g>
+       <use xlink:href="#m6c4cdc507b" x="297.230292" y="173.988125"/>
+      </g>
+     </g>
+     <g id="text_7">
+      <text class="m-label" style="text-anchor: middle" x="297.230292" y="189.346406" transform="rotate(-0, 297.230292, 189.346406)">6</text>
+     </g>
+    </g>
+    <g id="text_8">
+     <text class="m-label" style="text-anchor: middle" x="194.381016" y="203.992344" transform="rotate(-0, 194.381016, 203.992344)">Mondays</text>
+    </g>
+   </g>
+   <g id="matplotlib.axis_2">
+    <g id="ytick_1">
+     <g id="line2d_8">
+      <defs>
+       <path id="m74ed764a78" d="M 0 0 L -3.5 0" class="m-line"/>
+      </defs>
+      <g>
+       <use xlink:href="#m74ed764a78" x="76.642031" y="53.395723"/>
+      </g>
+     </g>
+     <g id="text_9">
+      <text class="m-label" transform="translate(27.94 52.251895)">January</text>
+      <text class="m-label" transform="translate(69.642031 64.569489)"/>
+     </g>
+    </g>
+    <g id="ytick_2">
+     <g id="line2d_9">
+      <g>
+       <use xlink:href="#m74ed764a78" x="76.642031" y="100.873047"/>
+      </g>
+     </g>
+     <g id="text_10">
+      <text class="m-label" style="text-anchor: end" x="69.642031" y="105.052188" transform="rotate(-0, 69.642031, 105.052188)">February</text>
+     </g>
+    </g>
+    <g id="ytick_3">
+     <g id="line2d_10">
+      <g>
+       <use xlink:href="#m74ed764a78" x="76.642031" y="148.35037"/>
+      </g>
+     </g>
+     <g id="text_11">
+      <text class="m-label" transform="translate(36.116094 147.206542)">March</text>
+      <text class="m-label" transform="translate(69.642031 159.524136)"/>
+     </g>
+    </g>
+   </g>
+   <g id="LineCollection_1">
+    <path d="M 183.259691 53.395723 L 190.612633 53.395723" clip-path="url(#p91542c6844)" class="m-error"/>
+    <path d="M 146.494981 100.873047 L 300.906763 100.873047" clip-path="url(#p91542c6844)" class="m-error"/>
+    <path d="M 223.700872 148.35037 L 297.230292 148.35037" clip-path="url(#p91542c6844)" class="m-error"/>
+   </g>
+   <g id="line2d_11">
+    <defs>
+     <path id="m4a3b31aa5b" d="M 0 9.375 L 0 -9.375" class="m-error"/>
+    </defs>
+    <g clip-path="url(#p91542c6844)">
+     <use xlink:href="#m4a3b31aa5b" x="183.259691" y="53.395723"/>
+     <use xlink:href="#m4a3b31aa5b" x="146.494981" y="100.873047"/>
+     <use xlink:href="#m4a3b31aa5b" x="223.700872" y="148.35037"/>
+    </g>
+   </g>
+   <g id="line2d_12">
+    <g clip-path="url(#p91542c6844)">
+     <use xlink:href="#m4a3b31aa5b" x="190.612633" y="53.395723"/>
+     <use xlink:href="#m4a3b31aa5b" x="300.906763" y="100.873047"/>
+     <use xlink:href="#m4a3b31aa5b" x="297.230292" y="148.35037"/>
+    </g>
+   </g>
+   <g id="text_12">
+    <text class="m-label m-dim" transform="translate(69.642031 52.646105)"/>
+    <text class="m-label m-dim" transform="translate(11.88 64.963699)">a paradise</text>
+   </g>
+   <g id="text_13">
+    <text class="m-label m-dim" transform="translate(69.642031 147.600752)"/>
+    <text class="m-label m-dim" transform="translate(45.380156 159.918346)">hell!</text>
+   </g>
+   <g id="text_14">
+    <text class="m-title" style="text-anchor: middle" x="194.381016" y="21.757969" transform="rotate(-0, 194.381016, 21.757969)">Yes.</text>
+   </g>
+  </g>
+ </g>
+ <defs>
+  <clipPath id="p91542c6844">
+   <rect x="76.642031" y="27.757969" width="235.477969" height="146.230156"/>
+  </clipPath>
+ </defs>
+</svg>
+</div>
+</div>
+<div class="m-plot">
+<svg viewBox="0 0 576 142.56">
+ <defs>
+  <style type="text/css">*{stroke-linejoin: round; stroke-linecap: butt}</style>
+ </defs>
+ <g id="figure_1">
+  <g id="axes_1">
+   <g id="patch_1">
+    <path d="M 26.561094 98.388125 L 564.12 98.388125 L 564.12 27.757969 L 26.561094 27.757969 z" class="m-background"/>
+   </g>
+   <g id="plot3-value0-0"><title>111.9 kB</title>
+    <path d="M 26.561094 30.96843 L 94.510828 30.96843 L 94.510828 49.313926 L 26.561094 49.313926 z" clip-path="url(#p3be1189609)" class="m-bar m-success"/>
+   </g>
+   <g id="plot3-value0-1"><title>74.4 kB</title>
+    <path d="M 26.561094 53.900299 L 71.739469 53.900299 L 71.739469 72.245794 L 26.561094 72.245794 z" clip-path="url(#p3be1189609)" class="m-bar m-success"/>
+   </g>
+   <g id="plot3-value0-2"><title>52.1 kB</title>
+    <path d="M 26.561094 76.832168 L 58.198101 76.832168 L 58.198101 95.177663 L 26.561094 95.177663 z" clip-path="url(#p3be1189609)" class="m-bar m-success"/>
+   </g>
+   <g id="plot3-value1-0"><title>731.2 kB</title>
+    <path d="M 94.510828 30.96843 L 538.521957 30.96843 L 538.521957 49.313926 L 94.510828 49.313926 z" clip-path="url(#p3be1189609)" class="m-bar m-info"/>
+   </g>
+   <g id="plot3-value1-1"><title>226.3 kB</title>
+    <path d="M 71.739469 53.900299 L 209.157027 53.900299 L 209.157027 72.245794 L 71.739469 72.245794 z" clip-path="url(#p3be1189609)" class="m-bar m-info"/>
+   </g>
+   <g id="plot3-value1-2"><title>226.0 kB</title>
+    <path d="M 58.198101 76.832168 L 195.433489 76.832168 L 195.433489 95.177663 L 58.198101 95.177663 z" clip-path="url(#p3be1189609)" class="m-bar m-info"/>
+   </g>
+   <g id="matplotlib.axis_1">
+    <g id="xtick_1">
+     <g id="line2d_1">
+      <defs>
+       <path id="m0f8c636808" d="M 0 0 L 0 3.5" class="m-line"/>
+      </defs>
+      <g>
+       <use xlink:href="#m0f8c636808" x="26.561094" y="98.388125"/>
+      </g>
+     </g>
+     <g id="text_1">
+      <text class="m-label" style="text-anchor: middle" x="26.561094" y="113.746406" transform="rotate(-0, 26.561094, 113.746406)">0</text>
+     </g>
+    </g>
+    <g id="xtick_2">
+     <g id="line2d_2">
+      <g>
+       <use xlink:href="#m0f8c636808" x="87.284716" y="98.388125"/>
+      </g>
+     </g>
+     <g id="text_2">
+      <text class="m-label" style="text-anchor: middle" x="87.284716" y="113.746406" transform="rotate(-0, 87.284716, 113.746406)">100</text>
+     </g>
+    </g>
+    <g id="xtick_3">
+     <g id="line2d_3">
+      <g>
+       <use xlink:href="#m0f8c636808" x="148.008339" y="98.388125"/>
+      </g>
+     </g>
+     <g id="text_3">
+      <text class="m-label" style="text-anchor: middle" x="148.008339" y="113.746406" transform="rotate(-0, 148.008339, 113.746406)">200</text>
+     </g>
+    </g>
+    <g id="xtick_4">
+     <g id="line2d_4">
+      <g>
+       <use xlink:href="#m0f8c636808" x="208.731962" y="98.388125"/>
+      </g>
+     </g>
+     <g id="text_4">
+      <text class="m-label" style="text-anchor: middle" x="208.731962" y="113.746406" transform="rotate(-0, 208.731962, 113.746406)">300</text>
+     </g>
+    </g>
+    <g id="xtick_5">
+     <g id="line2d_5">
+      <g>
+       <use xlink:href="#m0f8c636808" x="269.455585" y="98.388125"/>
+      </g>
+     </g>
+     <g id="text_5">
+      <text class="m-label" style="text-anchor: middle" x="269.455585" y="113.746406" transform="rotate(-0, 269.455585, 113.746406)">400</text>
+     </g>
+    </g>
+    <g id="xtick_6">
+     <g id="line2d_6">
+      <g>
+       <use xlink:href="#m0f8c636808" x="330.179207" y="98.388125"/>
+      </g>
+     </g>
+     <g id="text_6">
+      <text class="m-label" style="text-anchor: middle" x="330.179207" y="113.746406" transform="rotate(-0, 330.179207, 113.746406)">500</text>
+     </g>
+    </g>
+    <g id="xtick_7">
+     <g id="line2d_7">
+      <g>
+       <use xlink:href="#m0f8c636808" x="390.90283" y="98.388125"/>
+      </g>
+     </g>
+     <g id="text_7">
+      <text class="m-label" style="text-anchor: middle" x="390.90283" y="113.746406" transform="rotate(-0, 390.90283, 113.746406)">600</text>
+     </g>
+    </g>
+    <g id="xtick_8">
+     <g id="line2d_8">
+      <g>
+       <use xlink:href="#m0f8c636808" x="451.626453" y="98.388125"/>
+      </g>
+     </g>
+     <g id="text_8">
+      <text class="m-label" style="text-anchor: middle" x="451.626453" y="113.746406" transform="rotate(-0, 451.626453, 113.746406)">700</text>
+     </g>
+    </g>
+    <g id="xtick_9">
+     <g id="line2d_9">
+      <g>
+       <use xlink:href="#m0f8c636808" x="512.350075" y="98.388125"/>
+      </g>
+     </g>
+     <g id="text_9">
+      <text class="m-label" style="text-anchor: middle" x="512.350075" y="113.746406" transform="rotate(-0, 512.350075, 113.746406)">800</text>
+     </g>
+    </g>
+    <g id="text_10">
+     <text class="m-label" style="text-anchor: middle" x="295.340547" y="128.392344" transform="rotate(-0, 295.340547, 128.392344)">kB</text>
+    </g>
+   </g>
+   <g id="matplotlib.axis_2">
+    <g id="ytick_1">
+     <g id="line2d_10">
+      <defs>
+       <path id="m3e62786acc" d="M 0 0 L -3.5 0" class="m-line"/>
+      </defs>
+      <g>
+       <use xlink:href="#m3e62786acc" x="26.561094" y="40.141178"/>
+      </g>
+     </g>
+     <g id="text_11">
+      <text class="m-label" style="text-anchor: end" x="19.561094" y="44.320319" transform="rotate(-0, 19.561094, 44.320319)">A</text>
+     </g>
+    </g>
+    <g id="ytick_2">
+     <g id="line2d_11">
+      <g>
+       <use xlink:href="#m3e62786acc" x="26.561094" y="63.073047"/>
+      </g>
+     </g>
+     <g id="text_12">
+      <text class="m-label" style="text-anchor: end" x="19.561094" y="67.252188" transform="rotate(-0, 19.561094, 67.252188)">B</text>
+     </g>
+    </g>
+    <g id="ytick_3">
+     <g id="line2d_12">
+      <g>
+       <use xlink:href="#m3e62786acc" x="26.561094" y="86.004916"/>
+      </g>
+     </g>
+     <g id="text_13">
+      <text class="m-label" style="text-anchor: end" x="19.561094" y="90.184056" transform="rotate(-0, 19.561094, 90.184056)">C</text>
+     </g>
+    </g>
+   </g>
+   <g id="text_14">
+    <text class="m-title" style="text-anchor: middle" x="295.340547" y="21.757969" transform="rotate(-0, 295.340547, 21.757969)">Stacked plot</text>
+   </g>
+  </g>
+ </g>
+ <defs>
+  <clipPath id="p3be1189609">
+   <rect x="26.561094" y="27.757969" width="537.558906" height="70.630156"/>
+  </clipPath>
+ </defs>
+</svg>
+</div>
+<div class="m-plot">
+<svg viewBox="0 0 576 113.76">
+ <defs>
+  <style type="text/css">*{stroke-linejoin: round; stroke-linecap: butt}</style>
+ </defs>
+ <g id="figure_1">
+  <g id="axes_1">
+   <g id="patch_1">
+    <path d="M 26.427031 69.588125 L 564.12 69.588125 L 564.12 27.757969 L 26.427031 27.757969 z" class="m-background"/>
+   </g>
+   <g id="plot4-value0-0"><title>111.9 ± 25.0 kB</title>
+    <path d="M 26.427031 29.659339 L 81.36204 29.659339 L 81.36204 46.560413 L 26.427031 46.560413 z" clip-path="url(#p49914ebfa5)" class="m-bar m-success"/>
+   </g>
+   <g id="plot4-value0-1"><title>74.4 ± 15.3 kB</title>
+    <path d="M 26.427031 50.785681 L 62.952185 50.785681 L 62.952185 67.686754 L 26.427031 67.686754 z" clip-path="url(#p49914ebfa5)" class="m-bar m-danger"/>
+   </g>
+   <g id="plot4-value1-0"><title>731.2 ± 200.0 kB</title>
+    <path d="M 81.36204 29.659339 L 440.329677 29.659339 L 440.329677 46.560413 L 81.36204 46.560413 z" clip-path="url(#p49914ebfa5)" class="m-bar m-info"/>
+   </g>
+   <g id="plot4-value1-1"><title>226.3 ± 5.0 kB</title>
+    <path d="M 62.952185 50.785681 L 174.049526 50.785681 L 174.049526 67.686754 L 62.952185 67.686754 z" clip-path="url(#p49914ebfa5)" class="m-bar m-primary"/>
+   </g>
+   <g id="matplotlib.axis_1">
+    <g id="xtick_1">
+     <g id="line2d_1">
+      <defs>
+       <path id="m662ed05794" d="M 0 0 L 0 3.5" class="m-line"/>
+      </defs>
+      <g>
+       <use xlink:href="#m662ed05794" x="26.427031" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_1">
+      <text class="m-label" style="text-anchor: middle" x="26.427031" y="84.946406" transform="rotate(-0, 26.427031, 84.946406)">0</text>
+     </g>
+    </g>
+    <g id="xtick_2">
+     <g id="line2d_2">
+      <g>
+       <use xlink:href="#m662ed05794" x="124.612927" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_2">
+      <text class="m-label" style="text-anchor: middle" x="124.612927" y="84.946406" transform="rotate(-0, 124.612927, 84.946406)">200</text>
+     </g>
+    </g>
+    <g id="xtick_3">
+     <g id="line2d_3">
+      <g>
+       <use xlink:href="#m662ed05794" x="222.798824" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_3">
+      <text class="m-label" style="text-anchor: middle" x="222.798824" y="84.946406" transform="rotate(-0, 222.798824, 84.946406)">400</text>
+     </g>
+    </g>
+    <g id="xtick_4">
+     <g id="line2d_4">
+      <g>
+       <use xlink:href="#m662ed05794" x="320.98472" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_4">
+      <text class="m-label" style="text-anchor: middle" x="320.98472" y="84.946406" transform="rotate(-0, 320.98472, 84.946406)">600</text>
+     </g>
+    </g>
+    <g id="xtick_5">
+     <g id="line2d_5">
+      <g>
+       <use xlink:href="#m662ed05794" x="419.170616" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_5">
+      <text class="m-label" style="text-anchor: middle" x="419.170616" y="84.946406" transform="rotate(-0, 419.170616, 84.946406)">800</text>
+     </g>
+    </g>
+    <g id="xtick_6">
+     <g id="line2d_6">
+      <g>
+       <use xlink:href="#m662ed05794" x="517.356512" y="69.588125"/>
+      </g>
+     </g>
+     <g id="text_6">
+      <text class="m-label" style="text-anchor: middle" x="517.356512" y="84.946406" transform="rotate(-0, 517.356512, 84.946406)">1000</text>
+     </g>
+    </g>
+    <g id="text_7">
+     <text class="m-label" style="text-anchor: middle" x="295.273516" y="99.592344" transform="rotate(-0, 295.273516, 99.592344)">kB</text>
+    </g>
+   </g>
+   <g id="matplotlib.axis_2">
+    <g id="ytick_1">
+     <g id="line2d_7">
+      <defs>
+       <path id="m104b56c38f" d="M 0 0 L -3.5 0" class="m-line"/>
+      </defs>
+      <g>
+       <use xlink:href="#m104b56c38f" x="26.427031" y="38.109876"/>
+      </g>
+     </g>
+     <g id="text_8">
+      <text class="m-label" style="text-anchor: end" x="19.427031" y="42.289017" transform="rotate(-0, 19.427031, 42.289017)">A</text>
+     </g>
+    </g>
+    <g id="ytick_2">
+     <g id="line2d_8">
+      <g>
+       <use xlink:href="#m104b56c38f" x="26.427031" y="59.236218"/>
+      </g>
+     </g>
+     <g id="text_9">
+      <text class="m-label" style="text-anchor: end" x="19.427031" y="63.415358" transform="rotate(-0, 19.427031, 63.415358)">B</text>
+     </g>
+    </g>
+   </g>
+   <g id="LineCollection_1">
+    <path d="M 69.088803 38.109876 L 93.635277 38.109876" clip-path="url(#p49914ebfa5)" class="m-error"/>
+    <path d="M 55.440964 59.236218 L 70.463406 59.236218" clip-path="url(#p49914ebfa5)" class="m-error"/>
+   </g>
+   <g id="line2d_9">
+    <defs>
+     <path id="m26893248e6" d="M 0 5 L 0 -5" class="m-error"/>
+    </defs>
+    <g clip-path="url(#p49914ebfa5)">
+     <use xlink:href="#m26893248e6" x="69.088803" y="38.109876"/>
+     <use xlink:href="#m26893248e6" x="55.440964" y="59.236218"/>
+    </g>
+   </g>
+   <g id="line2d_10">
+    <g clip-path="url(#p49914ebfa5)">
+     <use xlink:href="#m26893248e6" x="93.635277" y="38.109876"/>
+     <use xlink:href="#m26893248e6" x="70.463406" y="59.236218"/>
+    </g>
+   </g>
+   <g id="LineCollection_2">
+    <path d="M 342.143781 38.109876 L 538.515573 38.109876" clip-path="url(#p49914ebfa5)" class="m-error"/>
+    <path d="M 171.594879 59.236218 L 176.504174 59.236218" clip-path="url(#p49914ebfa5)" class="m-error"/>
+   </g>
+   <g id="line2d_11">
+    <g clip-path="url(#p49914ebfa5)">
+     <use xlink:href="#m26893248e6" x="342.143781" y="38.109876"/>
+     <use xlink:href="#m26893248e6" x="171.594879" y="59.236218"/>
+    </g>
+   </g>
+   <g id="line2d_12">
+    <g clip-path="url(#p49914ebfa5)">
+     <use xlink:href="#m26893248e6" x="538.515573" y="38.109876"/>
+     <use xlink:href="#m26893248e6" x="176.504174" y="59.236218"/>
+    </g>
+   </g>
+   <g id="text_10">
+    <text class="m-title" style="text-anchor: middle" x="295.273516" y="21.757969" transform="rotate(-0, 295.273516, 21.757969)">Stacked plot with errors and full colors</text>
+   </g>
+  </g>
+ </g>
+ <defs>
+  <clipPath id="p49914ebfa5">
+   <rect x="26.427031" y="27.757969" width="537.692969" height="41.830156"/>
+  </clipPath>
+ </defs>
+</svg>
+</div>
+<!-- /content -->
+      </div>
+    </div>
+  </div>
+</article>
+</main>
+</body>
+</html>
index b01ee2532eb6480232d581a5bc7e389cc99768b1..8b7c6a8fce82f358d02aa0391300217ecaf99764 100644 (file)
@@ -54,7 +54,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_1">
-      <text class="m-label" style="text-anchor: middle" x="59.365156" y="84.946406" transform="rotate(-0, 59.365156, 84.946406)">0</text>
+      <text class="m-label" style="text-anchor: middle" x="59.365156" y="84.946406" transform="rotate(-0 59.365156 84.946406)">0</text>
      </g>
     </g>
     <g id="xtick_2">
@@ -64,7 +64,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_2">
-      <text class="m-label" style="text-anchor: middle" x="139.484973" y="84.946406" transform="rotate(-0, 139.484973, 84.946406)">5</text>
+      <text class="m-label" style="text-anchor: middle" x="139.484973" y="84.946406" transform="rotate(-0 139.484973 84.946406)">5</text>
      </g>
     </g>
     <g id="xtick_3">
@@ -74,7 +74,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_3">
-      <text class="m-label" style="text-anchor: middle" x="219.604789" y="84.946406" transform="rotate(-0, 219.604789, 84.946406)">10</text>
+      <text class="m-label" style="text-anchor: middle" x="219.604789" y="84.946406" transform="rotate(-0 219.604789 84.946406)">10</text>
      </g>
     </g>
     <g id="xtick_4">
@@ -84,7 +84,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_4">
-      <text class="m-label" style="text-anchor: middle" x="299.724606" y="84.946406" transform="rotate(-0, 299.724606, 84.946406)">15</text>
+      <text class="m-label" style="text-anchor: middle" x="299.724606" y="84.946406" transform="rotate(-0 299.724606 84.946406)">15</text>
      </g>
     </g>
     <g id="xtick_5">
@@ -94,7 +94,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_5">
-      <text class="m-label" style="text-anchor: middle" x="379.844422" y="84.946406" transform="rotate(-0, 379.844422, 84.946406)">20</text>
+      <text class="m-label" style="text-anchor: middle" x="379.844422" y="84.946406" transform="rotate(-0 379.844422 84.946406)">20</text>
      </g>
     </g>
     <g id="xtick_6">
@@ -104,7 +104,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_6">
-      <text class="m-label" style="text-anchor: middle" x="459.964239" y="84.946406" transform="rotate(-0, 459.964239, 84.946406)">25</text>
+      <text class="m-label" style="text-anchor: middle" x="459.964239" y="84.946406" transform="rotate(-0 459.964239 84.946406)">25</text>
      </g>
     </g>
     <g id="xtick_7">
@@ -114,11 +114,11 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_7">
-      <text class="m-label" style="text-anchor: middle" x="540.084055" y="84.946406" transform="rotate(-0, 540.084055, 84.946406)">30</text>
+      <text class="m-label" style="text-anchor: middle" x="540.084055" y="84.946406" transform="rotate(-0 540.084055 84.946406)">30</text>
      </g>
     </g>
     <g id="text_8">
-     <text class="m-label" style="text-anchor: middle" x="311.742578" y="99.592344" transform="rotate(-0, 311.742578, 99.592344)">meters, i guess?</text>
+     <text class="m-label" style="text-anchor: middle" x="311.742578" y="99.592344" transform="rotate(-0 311.742578 99.592344)">meters, i guess?</text>
     </g>
    </g>
    <g id="matplotlib.axis_2">
@@ -132,7 +132,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_9">
-      <text class="m-label" style="text-anchor: end" x="52.365156" y="42.289017" transform="rotate(-0, 52.365156, 42.289017)">First</text>
+      <text class="m-label" style="text-anchor: end" x="52.365156" y="42.289017" transform="rotate(-0 52.365156 42.289017)">First</text>
      </g>
     </g>
     <g id="ytick_2">
@@ -142,12 +142,12 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_10">
-      <text class="m-label" style="text-anchor: end" x="52.365156" y="63.415358" transform="rotate(-0, 52.365156, 63.415358)">Second</text>
+      <text class="m-label" style="text-anchor: end" x="52.365156" y="63.415358" transform="rotate(-0 52.365156 63.415358)">Second</text>
      </g>
     </g>
    </g>
    <g id="text_11">
-    <text class="m-title" style="text-anchor: middle" x="311.742578" y="21.757969" transform="rotate(-0, 311.742578, 21.757969)">A plot with a single color</text>
+    <text class="m-title" style="text-anchor: middle" x="311.742578" y="21.757969" transform="rotate(-0 311.742578 21.757969)">A plot with a single color</text>
    </g>
   </g>
  </g>
@@ -190,7 +190,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_1">
-      <text class="m-label" style="text-anchor: middle" x="76.642031" y="189.346406" transform="rotate(-0, 76.642031, 189.346406)">0</text>
+      <text class="m-label" style="text-anchor: middle" x="76.642031" y="189.346406" transform="rotate(-0 76.642031 189.346406)">0</text>
      </g>
     </g>
     <g id="xtick_2">
@@ -200,7 +200,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_2">
-      <text class="m-label" style="text-anchor: middle" x="113.406741" y="189.346406" transform="rotate(-0, 113.406741, 189.346406)">1</text>
+      <text class="m-label" style="text-anchor: middle" x="113.406741" y="189.346406" transform="rotate(-0 113.406741 189.346406)">1</text>
      </g>
     </g>
     <g id="xtick_3">
@@ -210,7 +210,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_3">
-      <text class="m-label" style="text-anchor: middle" x="150.171452" y="189.346406" transform="rotate(-0, 150.171452, 189.346406)">2</text>
+      <text class="m-label" style="text-anchor: middle" x="150.171452" y="189.346406" transform="rotate(-0 150.171452 189.346406)">2</text>
      </g>
     </g>
     <g id="xtick_4">
@@ -220,7 +220,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_4">
-      <text class="m-label" style="text-anchor: middle" x="186.936162" y="189.346406" transform="rotate(-0, 186.936162, 189.346406)">3</text>
+      <text class="m-label" style="text-anchor: middle" x="186.936162" y="189.346406" transform="rotate(-0 186.936162 189.346406)">3</text>
      </g>
     </g>
     <g id="xtick_5">
@@ -230,7 +230,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_5">
-      <text class="m-label" style="text-anchor: middle" x="223.700872" y="189.346406" transform="rotate(-0, 223.700872, 189.346406)">4</text>
+      <text class="m-label" style="text-anchor: middle" x="223.700872" y="189.346406" transform="rotate(-0 223.700872 189.346406)">4</text>
      </g>
     </g>
     <g id="xtick_6">
@@ -240,7 +240,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_6">
-      <text class="m-label" style="text-anchor: middle" x="260.465582" y="189.346406" transform="rotate(-0, 260.465582, 189.346406)">5</text>
+      <text class="m-label" style="text-anchor: middle" x="260.465582" y="189.346406" transform="rotate(-0 260.465582 189.346406)">5</text>
      </g>
     </g>
     <g id="xtick_7">
@@ -250,11 +250,11 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_7">
-      <text class="m-label" style="text-anchor: middle" x="297.230292" y="189.346406" transform="rotate(-0, 297.230292, 189.346406)">6</text>
+      <text class="m-label" style="text-anchor: middle" x="297.230292" y="189.346406" transform="rotate(-0 297.230292 189.346406)">6</text>
      </g>
     </g>
     <g id="text_8">
-     <text class="m-label" style="text-anchor: middle" x="194.381016" y="203.992344" transform="rotate(-0, 194.381016, 203.992344)">Mondays</text>
+     <text class="m-label" style="text-anchor: middle" x="194.381016" y="203.992344" transform="rotate(-0 194.381016 203.992344)">Mondays</text>
     </g>
    </g>
    <g id="matplotlib.axis_2">
@@ -279,7 +279,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_10">
-      <text class="m-label" style="text-anchor: end" x="69.642031" y="105.052188" transform="rotate(-0, 69.642031, 105.052188)">February</text>
+      <text class="m-label" style="text-anchor: end" x="69.642031" y="105.052188" transform="rotate(-0 69.642031 105.052188)">February</text>
      </g>
     </g>
     <g id="ytick_3">
@@ -325,7 +325,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
     <text class="m-label m-dim" transform="translate(45.380156 159.918346)">hell!</text>
    </g>
    <g id="text_14">
-    <text class="m-title" style="text-anchor: middle" x="194.381016" y="21.757969" transform="rotate(-0, 194.381016, 21.757969)">Yes.</text>
+    <text class="m-title" style="text-anchor: middle" x="194.381016" y="21.757969" transform="rotate(-0 194.381016 21.757969)">Yes.</text>
    </g>
   </g>
  </g>
@@ -376,7 +376,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_1">
-      <text class="m-label" style="text-anchor: middle" x="26.561094" y="113.746406" transform="rotate(-0, 26.561094, 113.746406)">0</text>
+      <text class="m-label" style="text-anchor: middle" x="26.561094" y="113.746406" transform="rotate(-0 26.561094 113.746406)">0</text>
      </g>
     </g>
     <g id="xtick_2">
@@ -386,7 +386,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_2">
-      <text class="m-label" style="text-anchor: middle" x="87.284716" y="113.746406" transform="rotate(-0, 87.284716, 113.746406)">100</text>
+      <text class="m-label" style="text-anchor: middle" x="87.284716" y="113.746406" transform="rotate(-0 87.284716 113.746406)">100</text>
      </g>
     </g>
     <g id="xtick_3">
@@ -396,7 +396,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_3">
-      <text class="m-label" style="text-anchor: middle" x="148.008339" y="113.746406" transform="rotate(-0, 148.008339, 113.746406)">200</text>
+      <text class="m-label" style="text-anchor: middle" x="148.008339" y="113.746406" transform="rotate(-0 148.008339 113.746406)">200</text>
      </g>
     </g>
     <g id="xtick_4">
@@ -406,7 +406,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_4">
-      <text class="m-label" style="text-anchor: middle" x="208.731962" y="113.746406" transform="rotate(-0, 208.731962, 113.746406)">300</text>
+      <text class="m-label" style="text-anchor: middle" x="208.731962" y="113.746406" transform="rotate(-0 208.731962 113.746406)">300</text>
      </g>
     </g>
     <g id="xtick_5">
@@ -416,7 +416,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_5">
-      <text class="m-label" style="text-anchor: middle" x="269.455585" y="113.746406" transform="rotate(-0, 269.455585, 113.746406)">400</text>
+      <text class="m-label" style="text-anchor: middle" x="269.455585" y="113.746406" transform="rotate(-0 269.455585 113.746406)">400</text>
      </g>
     </g>
     <g id="xtick_6">
@@ -426,7 +426,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_6">
-      <text class="m-label" style="text-anchor: middle" x="330.179207" y="113.746406" transform="rotate(-0, 330.179207, 113.746406)">500</text>
+      <text class="m-label" style="text-anchor: middle" x="330.179207" y="113.746406" transform="rotate(-0 330.179207 113.746406)">500</text>
      </g>
     </g>
     <g id="xtick_7">
@@ -436,7 +436,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_7">
-      <text class="m-label" style="text-anchor: middle" x="390.90283" y="113.746406" transform="rotate(-0, 390.90283, 113.746406)">600</text>
+      <text class="m-label" style="text-anchor: middle" x="390.90283" y="113.746406" transform="rotate(-0 390.90283 113.746406)">600</text>
      </g>
     </g>
     <g id="xtick_8">
@@ -446,7 +446,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_8">
-      <text class="m-label" style="text-anchor: middle" x="451.626453" y="113.746406" transform="rotate(-0, 451.626453, 113.746406)">700</text>
+      <text class="m-label" style="text-anchor: middle" x="451.626453" y="113.746406" transform="rotate(-0 451.626453 113.746406)">700</text>
      </g>
     </g>
     <g id="xtick_9">
@@ -456,11 +456,11 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_9">
-      <text class="m-label" style="text-anchor: middle" x="512.350075" y="113.746406" transform="rotate(-0, 512.350075, 113.746406)">800</text>
+      <text class="m-label" style="text-anchor: middle" x="512.350075" y="113.746406" transform="rotate(-0 512.350075 113.746406)">800</text>
      </g>
     </g>
     <g id="text_10">
-     <text class="m-label" style="text-anchor: middle" x="295.340547" y="128.392344" transform="rotate(-0, 295.340547, 128.392344)">kB</text>
+     <text class="m-label" style="text-anchor: middle" x="295.340547" y="128.392344" transform="rotate(-0 295.340547 128.392344)">kB</text>
     </g>
    </g>
    <g id="matplotlib.axis_2">
@@ -474,7 +474,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_11">
-      <text class="m-label" style="text-anchor: end" x="19.561094" y="44.320319" transform="rotate(-0, 19.561094, 44.320319)">A</text>
+      <text class="m-label" style="text-anchor: end" x="19.561094" y="44.320319" transform="rotate(-0 19.561094 44.320319)">A</text>
      </g>
     </g>
     <g id="ytick_2">
@@ -484,7 +484,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_12">
-      <text class="m-label" style="text-anchor: end" x="19.561094" y="67.252188" transform="rotate(-0, 19.561094, 67.252188)">B</text>
+      <text class="m-label" style="text-anchor: end" x="19.561094" y="67.252188" transform="rotate(-0 19.561094 67.252188)">B</text>
      </g>
     </g>
     <g id="ytick_3">
@@ -494,12 +494,12 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_13">
-      <text class="m-label" style="text-anchor: end" x="19.561094" y="90.184056" transform="rotate(-0, 19.561094, 90.184056)">C</text>
+      <text class="m-label" style="text-anchor: end" x="19.561094" y="90.184056" transform="rotate(-0 19.561094 90.184056)">C</text>
      </g>
     </g>
    </g>
    <g id="text_14">
-    <text class="m-title" style="text-anchor: middle" x="295.340547" y="21.757969" transform="rotate(-0, 295.340547, 21.757969)">Stacked plot</text>
+    <text class="m-title" style="text-anchor: middle" x="295.340547" y="21.757969" transform="rotate(-0 295.340547 21.757969)">Stacked plot</text>
    </g>
   </g>
  </g>
@@ -543,7 +543,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_1">
-      <text class="m-label" style="text-anchor: middle" x="26.427031" y="84.946406" transform="rotate(-0, 26.427031, 84.946406)">0</text>
+      <text class="m-label" style="text-anchor: middle" x="26.427031" y="84.946406" transform="rotate(-0 26.427031 84.946406)">0</text>
      </g>
     </g>
     <g id="xtick_2">
@@ -553,7 +553,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_2">
-      <text class="m-label" style="text-anchor: middle" x="124.612927" y="84.946406" transform="rotate(-0, 124.612927, 84.946406)">200</text>
+      <text class="m-label" style="text-anchor: middle" x="124.612927" y="84.946406" transform="rotate(-0 124.612927 84.946406)">200</text>
      </g>
     </g>
     <g id="xtick_3">
@@ -563,7 +563,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_3">
-      <text class="m-label" style="text-anchor: middle" x="222.798824" y="84.946406" transform="rotate(-0, 222.798824, 84.946406)">400</text>
+      <text class="m-label" style="text-anchor: middle" x="222.798824" y="84.946406" transform="rotate(-0 222.798824 84.946406)">400</text>
      </g>
     </g>
     <g id="xtick_4">
@@ -573,7 +573,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_4">
-      <text class="m-label" style="text-anchor: middle" x="320.98472" y="84.946406" transform="rotate(-0, 320.98472, 84.946406)">600</text>
+      <text class="m-label" style="text-anchor: middle" x="320.98472" y="84.946406" transform="rotate(-0 320.98472 84.946406)">600</text>
      </g>
     </g>
     <g id="xtick_5">
@@ -583,7 +583,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_5">
-      <text class="m-label" style="text-anchor: middle" x="419.170616" y="84.946406" transform="rotate(-0, 419.170616, 84.946406)">800</text>
+      <text class="m-label" style="text-anchor: middle" x="419.170616" y="84.946406" transform="rotate(-0 419.170616 84.946406)">800</text>
      </g>
     </g>
     <g id="xtick_6">
@@ -593,11 +593,11 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_6">
-      <text class="m-label" style="text-anchor: middle" x="517.356512" y="84.946406" transform="rotate(-0, 517.356512, 84.946406)">1000</text>
+      <text class="m-label" style="text-anchor: middle" x="517.356512" y="84.946406" transform="rotate(-0 517.356512 84.946406)">1000</text>
      </g>
     </g>
     <g id="text_7">
-     <text class="m-label" style="text-anchor: middle" x="295.273516" y="99.592344" transform="rotate(-0, 295.273516, 99.592344)">kB</text>
+     <text class="m-label" style="text-anchor: middle" x="295.273516" y="99.592344" transform="rotate(-0 295.273516 99.592344)">kB</text>
     </g>
    </g>
    <g id="matplotlib.axis_2">
@@ -611,7 +611,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_8">
-      <text class="m-label" style="text-anchor: end" x="19.427031" y="42.289017" transform="rotate(-0, 19.427031, 42.289017)">A</text>
+      <text class="m-label" style="text-anchor: end" x="19.427031" y="42.289017" transform="rotate(-0 19.427031 42.289017)">A</text>
      </g>
     </g>
     <g id="ytick_2">
@@ -621,7 +621,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
       </g>
      </g>
      <g id="text_9">
-      <text class="m-label" style="text-anchor: end" x="19.427031" y="63.415358" transform="rotate(-0, 19.427031, 63.415358)">B</text>
+      <text class="m-label" style="text-anchor: end" x="19.427031" y="63.415358" transform="rotate(-0 19.427031 63.415358)">B</text>
      </g>
     </g>
    </g>
@@ -661,7 +661,7 @@ div.m-plot svg { font-family: DejaVu Sans; }
     </g>
    </g>
    <g id="text_10">
-    <text class="m-title" style="text-anchor: middle" x="295.273516" y="21.757969" transform="rotate(-0, 295.273516, 21.757969)">Stacked plot with errors and full colors</text>
+    <text class="m-title" style="text-anchor: middle" x="295.273516" y="21.757969" transform="rotate(-0 295.273516 21.757969)">Stacked plot with errors and full colors</text>
    </g>
   </g>
  </g>
index a32bcb97c13c84d00d6359cb1f149ba770a720a0..0e9323527ba6dcace84d75b632cd0879fae80672 100644 (file)
@@ -41,13 +41,18 @@ class Plots(PelicanPluginTestCase):
         })
 
         # FUCK this is annoying
-        if parse_version(matplotlib.__version__) >= parse_version('3.5'):
-            self.assertEqual(*self.actual_expected_contents('page.html'))
+        if parse_version(matplotlib.__version__) >= parse_version('3.6'):
+            # https://github.com/matplotlib/matplotlib/commit/1cf5a33b5b5fb07f8fd3956322b85efa0e307b18
+            file = 'page.html'
+        elif parse_version(matplotlib.__version__) >= parse_version('3.5'):
+            file = 'page-35.html'
         elif parse_version(matplotlib.__version__) >= parse_version('3.4'):
-            self.assertEqual(*self.actual_expected_contents('page.html', 'page-34.html'))
+            file = 'page-34.html'
         elif parse_version(matplotlib.__version__) >= parse_version('3.2'):
-            self.assertEqual(*self.actual_expected_contents('page.html', 'page-32.html'))
+            file = 'page-32.html'
         elif parse_version(matplotlib.__version__) >= parse_version('3.0'):
-            self.assertEqual(*self.actual_expected_contents('page.html', 'page-30.html'))
+            file = 'page-30.html'
         else:
-            self.assertEqual(*self.actual_expected_contents('page.html', 'page-22.html'))
+            file = 'page-22.html'
+
+        self.assertEqual(*self.actual_expected_contents('page.html', file))