diff --git a/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-0.svg b/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-0.svg
index 8f00af5cb0..defd8580aa 100644
--- a/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-0.svg
+++ b/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-0.svg
@@ -541,7 +541,7 @@
                         <g
                           id="g-svg-44"
                           fill="none"
-                          transform="matrix(1,0,0,1,11.180000,15)"
+                          transform="matrix(1,0,0,1,11.180000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -570,7 +570,7 @@
                         <g
                           id="g-svg-45"
                           fill="none"
-                          transform="matrix(1,0,0,1,34.104248,15)"
+                          transform="matrix(1,0,0,1,34.104248,17)"
                           class="axis-label"
                         >
                           <g>
@@ -599,7 +599,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,57.028496,15)"
+                          transform="matrix(1,0,0,1,57.028496,17)"
                           class="axis-label"
                         >
                           <g>
@@ -628,7 +628,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,79.952744,15)"
+                          transform="matrix(1,0,0,1,79.952744,17)"
                           class="axis-label"
                         >
                           <g>
@@ -657,7 +657,7 @@
                         <g
                           id="g-svg-48"
                           fill="none"
-                          transform="matrix(1,0,0,1,102.876991,15)"
+                          transform="matrix(1,0,0,1,102.876991,17)"
                           class="axis-label"
                         >
                           <g>
@@ -686,7 +686,7 @@
                         <g
                           id="g-svg-49"
                           fill="none"
-                          transform="matrix(1,0,0,1,125.801239,15)"
+                          transform="matrix(1,0,0,1,125.801239,17)"
                           class="axis-label"
                         >
                           <g>
@@ -715,7 +715,7 @@
                         <g
                           id="g-svg-50"
                           fill="none"
-                          transform="matrix(1,0,0,1,148.725494,15)"
+                          transform="matrix(1,0,0,1,148.725494,17)"
                           class="axis-label"
                         >
                           <g>
@@ -744,7 +744,7 @@
                         <g
                           id="g-svg-51"
                           fill="none"
-                          transform="matrix(1,0,0,1,171.649734,15)"
+                          transform="matrix(1,0,0,1,171.649734,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-1.svg b/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-1.svg
index 6631b28bcc..260a8ca433 100644
--- a/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-1.svg
+++ b/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-1.svg
@@ -541,7 +541,7 @@
                         <g
                           id="g-svg-44"
                           fill="none"
-                          transform="matrix(1,0,0,1,11.180000,15)"
+                          transform="matrix(1,0,0,1,11.180000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -570,7 +570,7 @@
                         <g
                           id="g-svg-45"
                           fill="none"
-                          transform="matrix(1,0,0,1,34.104248,15)"
+                          transform="matrix(1,0,0,1,34.104248,17)"
                           class="axis-label"
                         >
                           <g>
@@ -599,7 +599,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,57.028496,15)"
+                          transform="matrix(1,0,0,1,57.028496,17)"
                           class="axis-label"
                         >
                           <g>
@@ -628,7 +628,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,79.952744,15)"
+                          transform="matrix(1,0,0,1,79.952744,17)"
                           class="axis-label"
                         >
                           <g>
@@ -657,7 +657,7 @@
                         <g
                           id="g-svg-48"
                           fill="none"
-                          transform="matrix(1,0,0,1,102.876991,15)"
+                          transform="matrix(1,0,0,1,102.876991,17)"
                           class="axis-label"
                         >
                           <g>
@@ -686,7 +686,7 @@
                         <g
                           id="g-svg-49"
                           fill="none"
-                          transform="matrix(1,0,0,1,125.801239,15)"
+                          transform="matrix(1,0,0,1,125.801239,17)"
                           class="axis-label"
                         >
                           <g>
@@ -715,7 +715,7 @@
                         <g
                           id="g-svg-50"
                           fill="none"
-                          transform="matrix(1,0,0,1,148.725494,15)"
+                          transform="matrix(1,0,0,1,148.725494,17)"
                           class="axis-label"
                         >
                           <g>
@@ -744,7 +744,7 @@
                         <g
                           id="g-svg-51"
                           fill="none"
-                          transform="matrix(1,0,0,1,171.649734,15)"
+                          transform="matrix(1,0,0,1,171.649734,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-2.svg b/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-2.svg
index 3b7c083e98..089a4b6fab 100644
--- a/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-2.svg
+++ b/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-2.svg
@@ -541,7 +541,7 @@
                         <g
                           id="g-svg-44"
                           fill="none"
-                          transform="matrix(1,0,0,1,11.180000,15)"
+                          transform="matrix(1,0,0,1,11.180000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -570,7 +570,7 @@
                         <g
                           id="g-svg-45"
                           fill="none"
-                          transform="matrix(1,0,0,1,34.104248,15)"
+                          transform="matrix(1,0,0,1,34.104248,17)"
                           class="axis-label"
                         >
                           <g>
@@ -599,7 +599,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,57.028496,15)"
+                          transform="matrix(1,0,0,1,57.028496,17)"
                           class="axis-label"
                         >
                           <g>
@@ -628,7 +628,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,79.952744,15)"
+                          transform="matrix(1,0,0,1,79.952744,17)"
                           class="axis-label"
                         >
                           <g>
@@ -657,7 +657,7 @@
                         <g
                           id="g-svg-48"
                           fill="none"
-                          transform="matrix(1,0,0,1,102.876991,15)"
+                          transform="matrix(1,0,0,1,102.876991,17)"
                           class="axis-label"
                         >
                           <g>
@@ -686,7 +686,7 @@
                         <g
                           id="g-svg-49"
                           fill="none"
-                          transform="matrix(1,0,0,1,125.801239,15)"
+                          transform="matrix(1,0,0,1,125.801239,17)"
                           class="axis-label"
                         >
                           <g>
@@ -715,7 +715,7 @@
                         <g
                           id="g-svg-50"
                           fill="none"
-                          transform="matrix(1,0,0,1,148.725494,15)"
+                          transform="matrix(1,0,0,1,148.725494,17)"
                           class="axis-label"
                         >
                           <g>
@@ -744,7 +744,7 @@
                         <g
                           id="g-svg-51"
                           fill="none"
-                          transform="matrix(1,0,0,1,171.649734,15)"
+                          transform="matrix(1,0,0,1,171.649734,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-3.svg b/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-3.svg
index 5cae331eaf..4c64b55fbe 100644
--- a/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-3.svg
+++ b/__tests__/integration/snapshots/animation/polio-point-stack-enter/interval0-3.svg
@@ -541,7 +541,7 @@
                         <g
                           id="g-svg-44"
                           fill="none"
-                          transform="matrix(1,0,0,1,11.180000,15)"
+                          transform="matrix(1,0,0,1,11.180000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -570,7 +570,7 @@
                         <g
                           id="g-svg-45"
                           fill="none"
-                          transform="matrix(1,0,0,1,34.104248,15)"
+                          transform="matrix(1,0,0,1,34.104248,17)"
                           class="axis-label"
                         >
                           <g>
@@ -599,7 +599,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,57.028496,15)"
+                          transform="matrix(1,0,0,1,57.028496,17)"
                           class="axis-label"
                         >
                           <g>
@@ -628,7 +628,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,79.952744,15)"
+                          transform="matrix(1,0,0,1,79.952744,17)"
                           class="axis-label"
                         >
                           <g>
@@ -657,7 +657,7 @@
                         <g
                           id="g-svg-48"
                           fill="none"
-                          transform="matrix(1,0,0,1,102.876991,15)"
+                          transform="matrix(1,0,0,1,102.876991,17)"
                           class="axis-label"
                         >
                           <g>
@@ -686,7 +686,7 @@
                         <g
                           id="g-svg-49"
                           fill="none"
-                          transform="matrix(1,0,0,1,125.801239,15)"
+                          transform="matrix(1,0,0,1,125.801239,17)"
                           class="axis-label"
                         >
                           <g>
@@ -715,7 +715,7 @@
                         <g
                           id="g-svg-50"
                           fill="none"
-                          transform="matrix(1,0,0,1,148.725494,15)"
+                          transform="matrix(1,0,0,1,148.725494,17)"
                           class="axis-label"
                         >
                           <g>
@@ -744,7 +744,7 @@
                         <g
                           id="g-svg-51"
                           fill="none"
-                          transform="matrix(1,0,0,1,171.649734,15)"
+                          transform="matrix(1,0,0,1,171.649734,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/api/chart-emit-brush-highlight-axis-horizontal/step0.svg b/__tests__/integration/snapshots/api/chart-emit-brush-highlight-axis-horizontal/step0.svg
index c3355c7a2a..d8848aa16e 100644
--- a/__tests__/integration/snapshots/api/chart-emit-brush-highlight-axis-horizontal/step0.svg
+++ b/__tests__/integration/snapshots/api/chart-emit-brush-highlight-axis-horizontal/step0.svg
@@ -600,7 +600,7 @@
                         <g
                           id="g-svg-38"
                           fill="none"
-                          transform="matrix(1,0,0,1,4.400000,12)"
+                          transform="matrix(1,0,0,1,4.400000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -629,7 +629,7 @@
                         <g
                           id="g-svg-39"
                           fill="none"
-                          transform="matrix(1,0,0,1,62.639999,12)"
+                          transform="matrix(1,0,0,1,62.639999,17)"
                           class="axis-label"
                         >
                           <g>
@@ -658,7 +658,7 @@
                         <g
                           id="g-svg-40"
                           fill="none"
-                          transform="matrix(1,0,0,1,120.879997,12)"
+                          transform="matrix(1,0,0,1,120.879997,17)"
                           class="axis-label"
                         >
                           <g>
@@ -687,7 +687,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,179.119995,12)"
+                          transform="matrix(1,0,0,1,179.119995,17)"
                           class="axis-label"
                         >
                           <g>
@@ -716,7 +716,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,237.360001,12)"
+                          transform="matrix(1,0,0,1,237.360001,17)"
                           class="axis-label"
                         >
                           <g>
@@ -745,7 +745,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,295.600006,12)"
+                          transform="matrix(1,0,0,1,295.600006,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/api/chart-emit-brush-highlight-axis-horizontal/step1.svg b/__tests__/integration/snapshots/api/chart-emit-brush-highlight-axis-horizontal/step1.svg
index ca3ec85a22..96313c584c 100644
--- a/__tests__/integration/snapshots/api/chart-emit-brush-highlight-axis-horizontal/step1.svg
+++ b/__tests__/integration/snapshots/api/chart-emit-brush-highlight-axis-horizontal/step1.svg
@@ -600,7 +600,7 @@
                         <g
                           id="g-svg-38"
                           fill="none"
-                          transform="matrix(1,0,0,1,4.400000,12)"
+                          transform="matrix(1,0,0,1,4.400000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -629,7 +629,7 @@
                         <g
                           id="g-svg-39"
                           fill="none"
-                          transform="matrix(1,0,0,1,62.639999,12)"
+                          transform="matrix(1,0,0,1,62.639999,17)"
                           class="axis-label"
                         >
                           <g>
@@ -658,7 +658,7 @@
                         <g
                           id="g-svg-40"
                           fill="none"
-                          transform="matrix(1,0,0,1,120.879997,12)"
+                          transform="matrix(1,0,0,1,120.879997,17)"
                           class="axis-label"
                         >
                           <g>
@@ -687,7 +687,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,179.119995,12)"
+                          transform="matrix(1,0,0,1,179.119995,17)"
                           class="axis-label"
                         >
                           <g>
@@ -716,7 +716,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,237.360001,12)"
+                          transform="matrix(1,0,0,1,237.360001,17)"
                           class="axis-label"
                         >
                           <g>
@@ -745,7 +745,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,295.600006,12)"
+                          transform="matrix(1,0,0,1,295.600006,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/interaction/commits-point-legend-filter/step0.svg b/__tests__/integration/snapshots/interaction/commits-point-legend-filter/step0.svg
index 13cb0dd134..c561523800 100644
--- a/__tests__/integration/snapshots/interaction/commits-point-legend-filter/step0.svg
+++ b/__tests__/integration/snapshots/interaction/commits-point-legend-filter/step0.svg
@@ -501,7 +501,7 @@
                         <g
                           id="g-svg-38"
                           fill="none"
-                          transform="matrix(1,0,0,1,30.827078,15)"
+                          transform="matrix(1,0,0,1,30.827078,17)"
                           class="axis-label"
                         >
                           <g>
@@ -530,7 +530,7 @@
                         <g
                           id="g-svg-39"
                           fill="none"
-                          transform="matrix(1,0,0,1,59.060925,15)"
+                          transform="matrix(1,0,0,1,59.060925,17)"
                           class="axis-label"
                         >
                           <g>
@@ -559,7 +559,7 @@
                         <g
                           id="g-svg-40"
                           fill="none"
-                          transform="matrix(1,0,0,1,87.294769,15)"
+                          transform="matrix(1,0,0,1,87.294769,17)"
                           class="axis-label"
                         >
                           <g>
@@ -588,7 +588,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,115.528618,15)"
+                          transform="matrix(1,0,0,1,115.528618,17)"
                           class="axis-label"
                         >
                           <g>
@@ -617,7 +617,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,143.762466,15)"
+                          transform="matrix(1,0,0,1,143.762466,17)"
                           class="axis-label"
                         >
                           <g>
@@ -646,7 +646,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,171.996307,15)"
+                          transform="matrix(1,0,0,1,171.996307,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/interaction/countries-bubble-multi-legends/step0.svg b/__tests__/integration/snapshots/interaction/countries-bubble-multi-legends/step0.svg
index 90ecabc4fb..e8f50486e6 100644
--- a/__tests__/integration/snapshots/interaction/countries-bubble-multi-legends/step0.svg
+++ b/__tests__/integration/snapshots/interaction/countries-bubble-multi-legends/step0.svg
@@ -1430,7 +1430,7 @@
                         <g
                           id="g-svg-169"
                           fill="none"
-                          transform="matrix(1,0,0,1,55.211037,15)"
+                          transform="matrix(1,0,0,1,55.211037,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1459,7 +1459,7 @@
                         <g
                           id="g-svg-170"
                           fill="none"
-                          transform="matrix(1,0,0,1,73.361900,15)"
+                          transform="matrix(1,0,0,1,73.361900,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1488,7 +1488,7 @@
                         <g
                           id="g-svg-171"
                           fill="none"
-                          transform="matrix(1,0,0,1,91.512772,15)"
+                          transform="matrix(1,0,0,1,91.512772,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1517,7 +1517,7 @@
                         <g
                           id="g-svg-172"
                           fill="none"
-                          transform="matrix(1,0,0,1,109.663643,15)"
+                          transform="matrix(1,0,0,1,109.663643,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1546,7 +1546,7 @@
                         <g
                           id="g-svg-173"
                           fill="none"
-                          transform="matrix(1,0,0,1,127.814507,15)"
+                          transform="matrix(1,0,0,1,127.814507,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1575,7 +1575,7 @@
                         <g
                           id="g-svg-174"
                           fill="none"
-                          transform="matrix(1,0,0,1,145.965378,15)"
+                          transform="matrix(1,0,0,1,145.965378,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/interaction/countries-bubble-multi-legends/step1.svg b/__tests__/integration/snapshots/interaction/countries-bubble-multi-legends/step1.svg
index 2d1bc54e51..4b122bf7ae 100644
--- a/__tests__/integration/snapshots/interaction/countries-bubble-multi-legends/step1.svg
+++ b/__tests__/integration/snapshots/interaction/countries-bubble-multi-legends/step1.svg
@@ -1447,7 +1447,7 @@
                         <g
                           id="g-svg-169"
                           fill="none"
-                          transform="matrix(1,0,0,1,55.211037,15)"
+                          transform="matrix(1,0,0,1,55.211037,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1476,7 +1476,7 @@
                         <g
                           id="g-svg-170"
                           fill="none"
-                          transform="matrix(1,0,0,1,73.361900,15)"
+                          transform="matrix(1,0,0,1,73.361900,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1505,7 +1505,7 @@
                         <g
                           id="g-svg-171"
                           fill="none"
-                          transform="matrix(1,0,0,1,91.512772,15)"
+                          transform="matrix(1,0,0,1,91.512772,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1534,7 +1534,7 @@
                         <g
                           id="g-svg-172"
                           fill="none"
-                          transform="matrix(1,0,0,1,109.663643,15)"
+                          transform="matrix(1,0,0,1,109.663643,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1563,7 +1563,7 @@
                         <g
                           id="g-svg-173"
                           fill="none"
-                          transform="matrix(1,0,0,1,127.814507,15)"
+                          transform="matrix(1,0,0,1,127.814507,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1592,7 +1592,7 @@
                         <g
                           id="g-svg-174"
                           fill="none"
-                          transform="matrix(1,0,0,1,145.965378,15)"
+                          transform="matrix(1,0,0,1,145.965378,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/interaction/settle-weather-cell-brush-filter/step0.svg b/__tests__/integration/snapshots/interaction/settle-weather-cell-brush-filter/step0.svg
index 27dbceb7ce..40dbcffff9 100644
--- a/__tests__/integration/snapshots/interaction/settle-weather-cell-brush-filter/step0.svg
+++ b/__tests__/integration/snapshots/interaction/settle-weather-cell-brush-filter/step0.svg
@@ -532,7 +532,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,8.120000,15)"
+                          transform="matrix(1,0,0,1,8.120000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -561,7 +561,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,38.146145,15)"
+                          transform="matrix(1,0,0,1,38.146145,17)"
                           class="axis-label"
                         >
                           <g>
@@ -590,7 +590,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,68.172287,15)"
+                          transform="matrix(1,0,0,1,68.172287,17)"
                           class="axis-label"
                         >
                           <g>
@@ -619,7 +619,7 @@
                         <g
                           id="g-svg-44"
                           fill="none"
-                          transform="matrix(1,0,0,1,98.198433,15)"
+                          transform="matrix(1,0,0,1,98.198433,17)"
                           class="axis-label"
                         >
                           <g>
@@ -648,7 +648,7 @@
                         <g
                           id="g-svg-45"
                           fill="none"
-                          transform="matrix(1,0,0,1,128.224579,15)"
+                          transform="matrix(1,0,0,1,128.224579,17)"
                           class="axis-label"
                         >
                           <g>
@@ -677,7 +677,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,158.250717,15)"
+                          transform="matrix(1,0,0,1,158.250717,17)"
                           class="axis-label"
                         >
                           <g>
@@ -706,7 +706,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,188.276855,15)"
+                          transform="matrix(1,0,0,1,188.276855,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/interaction/settle-weather-cell-brush-filter/step1.svg b/__tests__/integration/snapshots/interaction/settle-weather-cell-brush-filter/step1.svg
index d7a5fd41e0..a915ff9bd7 100644
--- a/__tests__/integration/snapshots/interaction/settle-weather-cell-brush-filter/step1.svg
+++ b/__tests__/integration/snapshots/interaction/settle-weather-cell-brush-filter/step1.svg
@@ -544,7 +544,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,8.120000,15)"
+                          transform="matrix(1,0,0,1,8.120000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -573,7 +573,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,38.146145,15)"
+                          transform="matrix(1,0,0,1,38.146145,17)"
                           class="axis-label"
                         >
                           <g>
@@ -602,7 +602,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,68.172287,15)"
+                          transform="matrix(1,0,0,1,68.172287,17)"
                           class="axis-label"
                         >
                           <g>
@@ -631,7 +631,7 @@
                         <g
                           id="g-svg-44"
                           fill="none"
-                          transform="matrix(1,0,0,1,98.198433,15)"
+                          transform="matrix(1,0,0,1,98.198433,17)"
                           class="axis-label"
                         >
                           <g>
@@ -660,7 +660,7 @@
                         <g
                           id="g-svg-45"
                           fill="none"
-                          transform="matrix(1,0,0,1,128.224579,15)"
+                          transform="matrix(1,0,0,1,128.224579,17)"
                           class="axis-label"
                         >
                           <g>
@@ -689,7 +689,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,158.250717,15)"
+                          transform="matrix(1,0,0,1,158.250717,17)"
                           class="axis-label"
                         >
                           <g>
@@ -718,7 +718,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,188.276855,15)"
+                          transform="matrix(1,0,0,1,188.276855,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/interaction/settle-weather-legend-filter/step0.svg b/__tests__/integration/snapshots/interaction/settle-weather-legend-filter/step0.svg
index c02020ffaa..14aff4fdda 100644
--- a/__tests__/integration/snapshots/interaction/settle-weather-legend-filter/step0.svg
+++ b/__tests__/integration/snapshots/interaction/settle-weather-legend-filter/step0.svg
@@ -520,7 +520,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,8.120000,15)"
+                          transform="matrix(1,0,0,1,8.120000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -549,7 +549,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,38.146145,15)"
+                          transform="matrix(1,0,0,1,38.146145,17)"
                           class="axis-label"
                         >
                           <g>
@@ -578,7 +578,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,68.172287,15)"
+                          transform="matrix(1,0,0,1,68.172287,17)"
                           class="axis-label"
                         >
                           <g>
@@ -607,7 +607,7 @@
                         <g
                           id="g-svg-44"
                           fill="none"
-                          transform="matrix(1,0,0,1,98.198433,15)"
+                          transform="matrix(1,0,0,1,98.198433,17)"
                           class="axis-label"
                         >
                           <g>
@@ -636,7 +636,7 @@
                         <g
                           id="g-svg-45"
                           fill="none"
-                          transform="matrix(1,0,0,1,128.224579,15)"
+                          transform="matrix(1,0,0,1,128.224579,17)"
                           class="axis-label"
                         >
                           <g>
@@ -665,7 +665,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,158.250717,15)"
+                          transform="matrix(1,0,0,1,158.250717,17)"
                           class="axis-label"
                         >
                           <g>
@@ -694,7 +694,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,188.276855,15)"
+                          transform="matrix(1,0,0,1,188.276855,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/interaction/settle-weather-legend-filter/step1.svg b/__tests__/integration/snapshots/interaction/settle-weather-legend-filter/step1.svg
index b7071649fe..757e4bec1f 100644
--- a/__tests__/integration/snapshots/interaction/settle-weather-legend-filter/step1.svg
+++ b/__tests__/integration/snapshots/interaction/settle-weather-legend-filter/step1.svg
@@ -520,7 +520,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,8.120000,15)"
+                          transform="matrix(1,0,0,1,8.120000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -549,7 +549,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,38.146145,15)"
+                          transform="matrix(1,0,0,1,38.146145,17)"
                           class="axis-label"
                         >
                           <g>
@@ -578,7 +578,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,68.172287,15)"
+                          transform="matrix(1,0,0,1,68.172287,17)"
                           class="axis-label"
                         >
                           <g>
@@ -607,7 +607,7 @@
                         <g
                           id="g-svg-44"
                           fill="none"
-                          transform="matrix(1,0,0,1,98.198433,15)"
+                          transform="matrix(1,0,0,1,98.198433,17)"
                           class="axis-label"
                         >
                           <g>
@@ -636,7 +636,7 @@
                         <g
                           id="g-svg-45"
                           fill="none"
-                          transform="matrix(1,0,0,1,128.224579,15)"
+                          transform="matrix(1,0,0,1,128.224579,17)"
                           class="axis-label"
                         >
                           <g>
@@ -665,7 +665,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,158.250717,15)"
+                          transform="matrix(1,0,0,1,158.250717,17)"
                           class="axis-label"
                         >
                           <g>
@@ -694,7 +694,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,188.276855,15)"
+                          transform="matrix(1,0,0,1,188.276855,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/interaction/unemployment-choropleth/step0.svg b/__tests__/integration/snapshots/interaction/unemployment-choropleth/step0.svg
index 2433a9443f..312c522b9b 100644
--- a/__tests__/integration/snapshots/interaction/unemployment-choropleth/step0.svg
+++ b/__tests__/integration/snapshots/interaction/unemployment-choropleth/step0.svg
@@ -500,7 +500,7 @@
                         <g
                           id="g-svg-38"
                           fill="none"
-                          transform="matrix(1,0,0,1,33.697300,15)"
+                          transform="matrix(1,0,0,1,33.697300,17)"
                           class="axis-label"
                         >
                           <g>
@@ -529,7 +529,7 @@
                         <g
                           id="g-svg-39"
                           fill="none"
-                          transform="matrix(1,0,0,1,64.825325,15)"
+                          transform="matrix(1,0,0,1,64.825325,17)"
                           class="axis-label"
                         >
                           <g>
@@ -558,7 +558,7 @@
                         <g
                           id="g-svg-40"
                           fill="none"
-                          transform="matrix(1,0,0,1,95.953354,15)"
+                          transform="matrix(1,0,0,1,95.953354,17)"
                           class="axis-label"
                         >
                           <g>
@@ -587,7 +587,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,127.081383,15)"
+                          transform="matrix(1,0,0,1,127.081383,17)"
                           class="axis-label"
                         >
                           <g>
@@ -616,7 +616,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,158.209412,15)"
+                          transform="matrix(1,0,0,1,158.209412,17)"
                           class="axis-label"
                         >
                           <g>
@@ -645,7 +645,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,189.337433,15)"
+                          transform="matrix(1,0,0,1,189.337433,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/aaplLineIllegalDataSlider.svg b/__tests__/integration/snapshots/static/aaplLineIllegalDataSlider.svg
index 0d1d086e14..a12f68236a 100644
--- a/__tests__/integration/snapshots/static/aaplLineIllegalDataSlider.svg
+++ b/__tests__/integration/snapshots/static/aaplLineIllegalDataSlider.svg
@@ -804,7 +804,7 @@
                         <g
                           id="g-svg-96"
                           fill="none"
-                          transform="matrix(1,0,0,1,19.820000,15)"
+                          transform="matrix(1,0,0,1,19.820000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -833,7 +833,7 @@
                         <g
                           id="g-svg-97"
                           fill="none"
-                          transform="matrix(1,0,0,1,46.546665,15)"
+                          transform="matrix(1,0,0,1,46.546665,17)"
                           class="axis-label"
                         >
                           <g>
@@ -862,7 +862,7 @@
                         <g
                           id="g-svg-98"
                           fill="none"
-                          transform="matrix(1,0,0,1,73.273331,15)"
+                          transform="matrix(1,0,0,1,73.273331,17)"
                           class="axis-label"
                         >
                           <g>
@@ -891,7 +891,7 @@
                         <g
                           id="g-svg-99"
                           fill="none"
-                          transform="matrix(1,0,0,1,100,15)"
+                          transform="matrix(1,0,0,1,100,17)"
                           class="axis-label"
                         >
                           <g>
@@ -920,7 +920,7 @@
                         <g
                           id="g-svg-100"
                           fill="none"
-                          transform="matrix(1,0,0,1,126.726669,15)"
+                          transform="matrix(1,0,0,1,126.726669,17)"
                           class="axis-label"
                         >
                           <g>
@@ -949,7 +949,7 @@
                         <g
                           id="g-svg-101"
                           fill="none"
-                          transform="matrix(1,0,0,1,153.453339,15)"
+                          transform="matrix(1,0,0,1,153.453339,17)"
                           class="axis-label"
                         >
                           <g>
@@ -978,7 +978,7 @@
                         <g
                           id="g-svg-102"
                           fill="none"
-                          transform="matrix(1,0,0,1,180.179993,15)"
+                          transform="matrix(1,0,0,1,180.179993,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/aaplLineMissingDataTrial.svg b/__tests__/integration/snapshots/static/aaplLineMissingDataTrial.svg
index dd0fb630cc..caed5d8ba2 100644
--- a/__tests__/integration/snapshots/static/aaplLineMissingDataTrial.svg
+++ b/__tests__/integration/snapshots/static/aaplLineMissingDataTrial.svg
@@ -478,7 +478,7 @@
                         <g
                           id="g-svg-49"
                           fill="none"
-                          transform="matrix(1,0,0,1,33.940544,15)"
+                          transform="matrix(1,0,0,1,33.940544,17)"
                           class="axis-label"
                         >
                           <g>
@@ -507,7 +507,7 @@
                         <g
                           id="g-svg-50"
                           fill="none"
-                          transform="matrix(1,0,0,1,67.609993,15)"
+                          transform="matrix(1,0,0,1,67.609993,17)"
                           class="axis-label"
                         >
                           <g>
@@ -536,7 +536,7 @@
                         <g
                           id="g-svg-51"
                           fill="none"
-                          transform="matrix(1,0,0,1,101.279442,15)"
+                          transform="matrix(1,0,0,1,101.279442,17)"
                           class="axis-label"
                         >
                           <g>
@@ -565,7 +565,7 @@
                         <g
                           id="g-svg-52"
                           fill="none"
-                          transform="matrix(1,0,0,1,134.948883,15)"
+                          transform="matrix(1,0,0,1,134.948883,17)"
                           class="axis-label"
                         >
                           <g>
@@ -594,7 +594,7 @@
                         <g
                           id="g-svg-53"
                           fill="none"
-                          transform="matrix(1,0,0,1,168.618332,15)"
+                          transform="matrix(1,0,0,1,168.618332,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/acmeCropIncomeIntervalConnector.svg b/__tests__/integration/snapshots/static/acmeCropIncomeIntervalConnector.svg
index b57f740416..9cbbb1c008 100644
--- a/__tests__/integration/snapshots/static/acmeCropIncomeIntervalConnector.svg
+++ b/__tests__/integration/snapshots/static/acmeCropIncomeIntervalConnector.svg
@@ -1034,7 +1034,7 @@
                   <path
                     id="g-svg-122"
                     fill="rgba(65,97,128,1)"
-                    class="marker"
+                    class="marker path-marker"
                     d="M 0,0 L 6,-3 L 6,3 Z"
                     fill-opacity="0.95"
                   />
diff --git a/__tests__/integration/snapshots/static/barleyLineTrail.svg b/__tests__/integration/snapshots/static/barleyLineTrail.svg
index 172312e255..98b04cc06a 100644
--- a/__tests__/integration/snapshots/static/barleyLineTrail.svg
+++ b/__tests__/integration/snapshots/static/barleyLineTrail.svg
@@ -478,7 +478,7 @@
                         <g
                           id="g-svg-49"
                           fill="none"
-                          transform="matrix(1,0,0,1,12.653552,15)"
+                          transform="matrix(1,0,0,1,12.653552,17)"
                           class="axis-label"
                         >
                           <g>
@@ -507,7 +507,7 @@
                         <g
                           id="g-svg-50"
                           fill="none"
-                          transform="matrix(1,0,0,1,55.716755,15)"
+                          transform="matrix(1,0,0,1,55.716755,17)"
                           class="axis-label"
                         >
                           <g>
@@ -536,7 +536,7 @@
                         <g
                           id="g-svg-51"
                           fill="none"
-                          transform="matrix(1,0,0,1,98.779953,15)"
+                          transform="matrix(1,0,0,1,98.779953,17)"
                           class="axis-label"
                         >
                           <g>
@@ -565,7 +565,7 @@
                         <g
                           id="g-svg-52"
                           fill="none"
-                          transform="matrix(1,0,0,1,141.843155,15)"
+                          transform="matrix(1,0,0,1,141.843155,17)"
                           class="axis-label"
                         >
                           <g>
@@ -594,7 +594,7 @@
                         <g
                           id="g-svg-53"
                           fill="none"
-                          transform="matrix(1,0,0,1,184.906357,15)"
+                          transform="matrix(1,0,0,1,184.906357,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/bodyPointScatterPlot.svg b/__tests__/integration/snapshots/static/bodyPointScatterPlot.svg
index 131298f136..19212c7ff1 100644
--- a/__tests__/integration/snapshots/static/bodyPointScatterPlot.svg
+++ b/__tests__/integration/snapshots/static/bodyPointScatterPlot.svg
@@ -436,7 +436,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,54.095486,15)"
+                          transform="matrix(1,0,0,1,54.095486,17)"
                           class="axis-label"
                         >
                           <g>
@@ -465,7 +465,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,101.912689,15)"
+                          transform="matrix(1,0,0,1,101.912689,17)"
                           class="axis-label"
                         >
                           <g>
@@ -494,7 +494,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,149.729889,15)"
+                          transform="matrix(1,0,0,1,149.729889,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/bodyPointScatterPlotOpacity.svg b/__tests__/integration/snapshots/static/bodyPointScatterPlotOpacity.svg
index f2f02e5220..cdbc489d01 100644
--- a/__tests__/integration/snapshots/static/bodyPointScatterPlotOpacity.svg
+++ b/__tests__/integration/snapshots/static/bodyPointScatterPlotOpacity.svg
@@ -1030,7 +1030,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,54.095486,15)"
+                          transform="matrix(1,0,0,1,54.095486,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1059,7 +1059,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,101.912689,15)"
+                          transform="matrix(1,0,0,1,101.912689,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1088,7 +1088,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,149.729889,15)"
+                          transform="matrix(1,0,0,1,149.729889,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/bodyPointScatterPlotSizeOpacity.svg b/__tests__/integration/snapshots/static/bodyPointScatterPlotSizeOpacity.svg
index 103e710a3e..237a7d8284 100644
--- a/__tests__/integration/snapshots/static/bodyPointScatterPlotSizeOpacity.svg
+++ b/__tests__/integration/snapshots/static/bodyPointScatterPlotSizeOpacity.svg
@@ -1030,7 +1030,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,54.095486,15)"
+                          transform="matrix(1,0,0,1,54.095486,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1059,7 +1059,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,101.912689,15)"
+                          transform="matrix(1,0,0,1,101.912689,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1088,7 +1088,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,149.729889,15)"
+                          transform="matrix(1,0,0,1,149.729889,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/cars3LineParallelHorizontal.svg b/__tests__/integration/snapshots/static/cars3LineParallelHorizontal.svg
index 3cb29856c2..7fb35442f8 100644
--- a/__tests__/integration/snapshots/static/cars3LineParallelHorizontal.svg
+++ b/__tests__/integration/snapshots/static/cars3LineParallelHorizontal.svg
@@ -624,7 +624,7 @@
                         <g
                           id="g-svg-48"
                           fill="none"
-                          transform="matrix(1,0,0,1,45.250183,15)"
+                          transform="matrix(1,0,0,1,45.250183,17)"
                           class="axis-label"
                         >
                           <g>
@@ -653,7 +653,7 @@
                         <g
                           id="g-svg-49"
                           fill="none"
-                          transform="matrix(1,0,0,1,83.299515,15)"
+                          transform="matrix(1,0,0,1,83.299515,17)"
                           class="axis-label"
                         >
                           <g>
@@ -682,7 +682,7 @@
                         <g
                           id="g-svg-50"
                           fill="none"
-                          transform="matrix(1,0,0,1,121.348854,15)"
+                          transform="matrix(1,0,0,1,121.348854,17)"
                           class="axis-label"
                         >
                           <g>
@@ -711,7 +711,7 @@
                         <g
                           id="g-svg-51"
                           fill="none"
-                          transform="matrix(1,0,0,1,159.398178,15)"
+                          transform="matrix(1,0,0,1,159.398178,17)"
                           class="axis-label"
                         >
                           <g>
@@ -740,7 +740,7 @@
                         <g
                           id="g-svg-52"
                           fill="none"
-                          transform="matrix(1,0,0,1,197.447525,15)"
+                          transform="matrix(1,0,0,1,197.447525,17)"
                           class="axis-label"
                         >
                           <g>
@@ -769,7 +769,7 @@
                         <g
                           id="g-svg-53"
                           fill="none"
-                          transform="matrix(1,0,0,1,235.496857,15)"
+                          transform="matrix(1,0,0,1,235.496857,17)"
                           class="axis-label"
                         >
                           <g>
@@ -798,7 +798,7 @@
                         <g
                           id="g-svg-54"
                           fill="none"
-                          transform="matrix(1,0,0,1,273.546173,15)"
+                          transform="matrix(1,0,0,1,273.546173,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/cars3LineParallelVertical.svg b/__tests__/integration/snapshots/static/cars3LineParallelVertical.svg
index 7ac8af13cd..4469105b87 100644
--- a/__tests__/integration/snapshots/static/cars3LineParallelVertical.svg
+++ b/__tests__/integration/snapshots/static/cars3LineParallelVertical.svg
@@ -600,7 +600,7 @@
                         <g
                           id="g-svg-38"
                           fill="none"
-                          transform="matrix(1,0,0,1,4.400000,12)"
+                          transform="matrix(1,0,0,1,4.400000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -629,7 +629,7 @@
                         <g
                           id="g-svg-39"
                           fill="none"
-                          transform="matrix(1,0,0,1,62.639999,12)"
+                          transform="matrix(1,0,0,1,62.639999,17)"
                           class="axis-label"
                         >
                           <g>
@@ -658,7 +658,7 @@
                         <g
                           id="g-svg-40"
                           fill="none"
-                          transform="matrix(1,0,0,1,120.879997,12)"
+                          transform="matrix(1,0,0,1,120.879997,17)"
                           class="axis-label"
                         >
                           <g>
@@ -687,7 +687,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,179.119995,12)"
+                          transform="matrix(1,0,0,1,179.119995,17)"
                           class="axis-label"
                         >
                           <g>
@@ -716,7 +716,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,237.360001,12)"
+                          transform="matrix(1,0,0,1,237.360001,17)"
                           class="axis-label"
                         >
                           <g>
@@ -745,7 +745,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,295.600006,12)"
+                          transform="matrix(1,0,0,1,295.600006,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/cars3LineRadar.svg b/__tests__/integration/snapshots/static/cars3LineRadar.svg
index ba7554d54d..54e18ed98c 100644
--- a/__tests__/integration/snapshots/static/cars3LineRadar.svg
+++ b/__tests__/integration/snapshots/static/cars3LineRadar.svg
@@ -524,7 +524,7 @@
                         <g
                           id="g-svg-48"
                           fill="none"
-                          transform="matrix(1,0,0,1,27.861565,15)"
+                          transform="matrix(1,0,0,1,27.861565,17)"
                           class="axis-label"
                         >
                           <g>
@@ -553,7 +553,7 @@
                         <g
                           id="g-svg-49"
                           fill="none"
-                          transform="matrix(1,0,0,1,54.065136,15)"
+                          transform="matrix(1,0,0,1,54.065136,17)"
                           class="axis-label"
                         >
                           <g>
@@ -582,7 +582,7 @@
                         <g
                           id="g-svg-50"
                           fill="none"
-                          transform="matrix(1,0,0,1,80.268707,15)"
+                          transform="matrix(1,0,0,1,80.268707,17)"
                           class="axis-label"
                         >
                           <g>
@@ -611,7 +611,7 @@
                         <g
                           id="g-svg-51"
                           fill="none"
-                          transform="matrix(1,0,0,1,106.472282,15)"
+                          transform="matrix(1,0,0,1,106.472282,17)"
                           class="axis-label"
                         >
                           <g>
@@ -640,7 +640,7 @@
                         <g
                           id="g-svg-52"
                           fill="none"
-                          transform="matrix(1,0,0,1,132.675858,15)"
+                          transform="matrix(1,0,0,1,132.675858,17)"
                           class="axis-label"
                         >
                           <g>
@@ -669,7 +669,7 @@
                         <g
                           id="g-svg-53"
                           fill="none"
-                          transform="matrix(1,0,0,1,158.879425,15)"
+                          transform="matrix(1,0,0,1,158.879425,17)"
                           class="axis-label"
                         >
                           <g>
@@ -698,7 +698,7 @@
                         <g
                           id="g-svg-54"
                           fill="none"
-                          transform="matrix(1,0,0,1,185.082993,15)"
+                          transform="matrix(1,0,0,1,185.082993,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/commitsPointGrouped.svg b/__tests__/integration/snapshots/static/commitsPointGrouped.svg
index 624861c928..41a38844de 100644
--- a/__tests__/integration/snapshots/static/commitsPointGrouped.svg
+++ b/__tests__/integration/snapshots/static/commitsPointGrouped.svg
@@ -674,7 +674,7 @@
                         <g
                           id="g-svg-75"
                           fill="none"
-                          transform="matrix(1,0,0,1,40.039131,15)"
+                          transform="matrix(1,0,0,1,40.039131,17)"
                           class="axis-label"
                         >
                           <g>
@@ -703,7 +703,7 @@
                         <g
                           id="g-svg-76"
                           fill="none"
-                          transform="matrix(1,0,0,1,80.013046,15)"
+                          transform="matrix(1,0,0,1,80.013046,17)"
                           class="axis-label"
                         >
                           <g>
@@ -732,7 +732,7 @@
                         <g
                           id="g-svg-77"
                           fill="none"
-                          transform="matrix(1,0,0,1,119.986954,15)"
+                          transform="matrix(1,0,0,1,119.986954,17)"
                           class="axis-label"
                         >
                           <g>
@@ -761,7 +761,7 @@
                         <g
                           id="g-svg-78"
                           fill="none"
-                          transform="matrix(1,0,0,1,159.960876,15)"
+                          transform="matrix(1,0,0,1,159.960876,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1172,7 +1172,7 @@
                         <g
                           id="g-svg-166"
                           fill="none"
-                          transform="matrix(1,0,0,1,30.827078,15)"
+                          transform="matrix(1,0,0,1,30.827078,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1201,7 +1201,7 @@
                         <g
                           id="g-svg-167"
                           fill="none"
-                          transform="matrix(1,0,0,1,59.060925,15)"
+                          transform="matrix(1,0,0,1,59.060925,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1230,7 +1230,7 @@
                         <g
                           id="g-svg-168"
                           fill="none"
-                          transform="matrix(1,0,0,1,87.294769,15)"
+                          transform="matrix(1,0,0,1,87.294769,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1259,7 +1259,7 @@
                         <g
                           id="g-svg-169"
                           fill="none"
-                          transform="matrix(1,0,0,1,115.528618,15)"
+                          transform="matrix(1,0,0,1,115.528618,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1288,7 +1288,7 @@
                         <g
                           id="g-svg-170"
                           fill="none"
-                          transform="matrix(1,0,0,1,143.762466,15)"
+                          transform="matrix(1,0,0,1,143.762466,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1317,7 +1317,7 @@
                         <g
                           id="g-svg-171"
                           fill="none"
-                          transform="matrix(1,0,0,1,171.996307,15)"
+                          transform="matrix(1,0,0,1,171.996307,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/commitsPointGroupedConstant.svg b/__tests__/integration/snapshots/static/commitsPointGroupedConstant.svg
index eb8a3dac4e..426c8b1ce8 100644
--- a/__tests__/integration/snapshots/static/commitsPointGroupedConstant.svg
+++ b/__tests__/integration/snapshots/static/commitsPointGroupedConstant.svg
@@ -480,7 +480,7 @@
                         <g
                           id="g-svg-70"
                           fill="none"
-                          transform="matrix(1,0,0,1,7.220000,15)"
+                          transform="matrix(1,0,0,1,7.220000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -509,7 +509,7 @@
                         <g
                           id="g-svg-71"
                           fill="none"
-                          transform="matrix(1,0,0,1,48.455555,15)"
+                          transform="matrix(1,0,0,1,48.455555,17)"
                           class="axis-label"
                         >
                           <g>
@@ -538,7 +538,7 @@
                         <g
                           id="g-svg-72"
                           fill="none"
-                          transform="matrix(1,0,0,1,89.691109,15)"
+                          transform="matrix(1,0,0,1,89.691109,17)"
                           class="axis-label"
                         >
                           <g>
@@ -567,7 +567,7 @@
                         <g
                           id="g-svg-73"
                           fill="none"
-                          transform="matrix(1,0,0,1,130.926666,15)"
+                          transform="matrix(1,0,0,1,130.926666,17)"
                           class="axis-label"
                         >
                           <g>
@@ -596,7 +596,7 @@
                         <g
                           id="g-svg-74"
                           fill="none"
-                          transform="matrix(1,0,0,1,172.162216,15)"
+                          transform="matrix(1,0,0,1,172.162216,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/commitsPointGroupedLegendFlexCenter.svg b/__tests__/integration/snapshots/static/commitsPointGroupedLegendFlexCenter.svg
index d102c52ae0..34909317ca 100644
--- a/__tests__/integration/snapshots/static/commitsPointGroupedLegendFlexCenter.svg
+++ b/__tests__/integration/snapshots/static/commitsPointGroupedLegendFlexCenter.svg
@@ -677,7 +677,7 @@
                         <g
                           id="g-svg-75"
                           fill="none"
-                          transform="matrix(1,0,0,1,40.039131,15)"
+                          transform="matrix(1,0,0,1,40.039131,17)"
                           class="axis-label"
                         >
                           <g>
@@ -706,7 +706,7 @@
                         <g
                           id="g-svg-76"
                           fill="none"
-                          transform="matrix(1,0,0,1,80.013046,15)"
+                          transform="matrix(1,0,0,1,80.013046,17)"
                           class="axis-label"
                         >
                           <g>
@@ -735,7 +735,7 @@
                         <g
                           id="g-svg-77"
                           fill="none"
-                          transform="matrix(1,0,0,1,119.986954,15)"
+                          transform="matrix(1,0,0,1,119.986954,17)"
                           class="axis-label"
                         >
                           <g>
@@ -764,7 +764,7 @@
                         <g
                           id="g-svg-78"
                           fill="none"
-                          transform="matrix(1,0,0,1,159.960876,15)"
+                          transform="matrix(1,0,0,1,159.960876,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1175,7 +1175,7 @@
                         <g
                           id="g-svg-166"
                           fill="none"
-                          transform="matrix(1,0,0,1,30.827078,15)"
+                          transform="matrix(1,0,0,1,30.827078,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1204,7 +1204,7 @@
                         <g
                           id="g-svg-167"
                           fill="none"
-                          transform="matrix(1,0,0,1,59.060925,15)"
+                          transform="matrix(1,0,0,1,59.060925,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1233,7 +1233,7 @@
                         <g
                           id="g-svg-168"
                           fill="none"
-                          transform="matrix(1,0,0,1,87.294769,15)"
+                          transform="matrix(1,0,0,1,87.294769,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1262,7 +1262,7 @@
                         <g
                           id="g-svg-169"
                           fill="none"
-                          transform="matrix(1,0,0,1,115.528618,15)"
+                          transform="matrix(1,0,0,1,115.528618,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1291,7 +1291,7 @@
                         <g
                           id="g-svg-170"
                           fill="none"
-                          transform="matrix(1,0,0,1,143.762466,15)"
+                          transform="matrix(1,0,0,1,143.762466,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1320,7 +1320,7 @@
                         <g
                           id="g-svg-171"
                           fill="none"
-                          transform="matrix(1,0,0,1,171.996307,15)"
+                          transform="matrix(1,0,0,1,171.996307,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/commitsPointGroupedLegendFlexRight.svg b/__tests__/integration/snapshots/static/commitsPointGroupedLegendFlexRight.svg
index 7f06729413..fa58521ddf 100644
--- a/__tests__/integration/snapshots/static/commitsPointGroupedLegendFlexRight.svg
+++ b/__tests__/integration/snapshots/static/commitsPointGroupedLegendFlexRight.svg
@@ -677,7 +677,7 @@
                         <g
                           id="g-svg-75"
                           fill="none"
-                          transform="matrix(1,0,0,1,40.039131,15)"
+                          transform="matrix(1,0,0,1,40.039131,17)"
                           class="axis-label"
                         >
                           <g>
@@ -706,7 +706,7 @@
                         <g
                           id="g-svg-76"
                           fill="none"
-                          transform="matrix(1,0,0,1,80.013046,15)"
+                          transform="matrix(1,0,0,1,80.013046,17)"
                           class="axis-label"
                         >
                           <g>
@@ -735,7 +735,7 @@
                         <g
                           id="g-svg-77"
                           fill="none"
-                          transform="matrix(1,0,0,1,119.986954,15)"
+                          transform="matrix(1,0,0,1,119.986954,17)"
                           class="axis-label"
                         >
                           <g>
@@ -764,7 +764,7 @@
                         <g
                           id="g-svg-78"
                           fill="none"
-                          transform="matrix(1,0,0,1,159.960876,15)"
+                          transform="matrix(1,0,0,1,159.960876,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1175,7 +1175,7 @@
                         <g
                           id="g-svg-166"
                           fill="none"
-                          transform="matrix(1,0,0,1,30.827078,15)"
+                          transform="matrix(1,0,0,1,30.827078,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1204,7 +1204,7 @@
                         <g
                           id="g-svg-167"
                           fill="none"
-                          transform="matrix(1,0,0,1,59.060925,15)"
+                          transform="matrix(1,0,0,1,59.060925,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1233,7 +1233,7 @@
                         <g
                           id="g-svg-168"
                           fill="none"
-                          transform="matrix(1,0,0,1,87.294769,15)"
+                          transform="matrix(1,0,0,1,87.294769,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1262,7 +1262,7 @@
                         <g
                           id="g-svg-169"
                           fill="none"
-                          transform="matrix(1,0,0,1,115.528618,15)"
+                          transform="matrix(1,0,0,1,115.528618,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1291,7 +1291,7 @@
                         <g
                           id="g-svg-170"
                           fill="none"
-                          transform="matrix(1,0,0,1,143.762466,15)"
+                          transform="matrix(1,0,0,1,143.762466,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1320,7 +1320,7 @@
                         <g
                           id="g-svg-171"
                           fill="none"
-                          transform="matrix(1,0,0,1,171.996307,15)"
+                          transform="matrix(1,0,0,1,171.996307,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/commitsPointGroupedLegendIndependent.svg b/__tests__/integration/snapshots/static/commitsPointGroupedLegendIndependent.svg
index f9ae090d3f..11508ff7eb 100644
--- a/__tests__/integration/snapshots/static/commitsPointGroupedLegendIndependent.svg
+++ b/__tests__/integration/snapshots/static/commitsPointGroupedLegendIndependent.svg
@@ -674,7 +674,7 @@
                         <g
                           id="g-svg-75"
                           fill="none"
-                          transform="matrix(1,0,0,1,40.039131,15)"
+                          transform="matrix(1,0,0,1,40.039131,17)"
                           class="axis-label"
                         >
                           <g>
@@ -703,7 +703,7 @@
                         <g
                           id="g-svg-76"
                           fill="none"
-                          transform="matrix(1,0,0,1,80.013046,15)"
+                          transform="matrix(1,0,0,1,80.013046,17)"
                           class="axis-label"
                         >
                           <g>
@@ -732,7 +732,7 @@
                         <g
                           id="g-svg-77"
                           fill="none"
-                          transform="matrix(1,0,0,1,119.986954,15)"
+                          transform="matrix(1,0,0,1,119.986954,17)"
                           class="axis-label"
                         >
                           <g>
@@ -761,7 +761,7 @@
                         <g
                           id="g-svg-78"
                           fill="none"
-                          transform="matrix(1,0,0,1,159.960876,15)"
+                          transform="matrix(1,0,0,1,159.960876,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1172,7 +1172,7 @@
                         <g
                           id="g-svg-166"
                           fill="none"
-                          transform="matrix(1,0,0,1,30.827078,15)"
+                          transform="matrix(1,0,0,1,30.827078,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1201,7 +1201,7 @@
                         <g
                           id="g-svg-167"
                           fill="none"
-                          transform="matrix(1,0,0,1,59.060925,15)"
+                          transform="matrix(1,0,0,1,59.060925,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1230,7 +1230,7 @@
                         <g
                           id="g-svg-168"
                           fill="none"
-                          transform="matrix(1,0,0,1,87.294769,15)"
+                          transform="matrix(1,0,0,1,87.294769,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1259,7 +1259,7 @@
                         <g
                           id="g-svg-169"
                           fill="none"
-                          transform="matrix(1,0,0,1,115.528618,15)"
+                          transform="matrix(1,0,0,1,115.528618,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1288,7 +1288,7 @@
                         <g
                           id="g-svg-170"
                           fill="none"
-                          transform="matrix(1,0,0,1,143.762466,15)"
+                          transform="matrix(1,0,0,1,143.762466,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1317,7 +1317,7 @@
                         <g
                           id="g-svg-171"
                           fill="none"
-                          transform="matrix(1,0,0,1,171.996307,15)"
+                          transform="matrix(1,0,0,1,171.996307,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionBottom.svg b/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionBottom.svg
index 775f28e637..4dc3dabfbb 100644
--- a/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionBottom.svg
+++ b/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionBottom.svg
@@ -677,7 +677,7 @@
                         <g
                           id="g-svg-75"
                           fill="none"
-                          transform="matrix(1,0,0,1,40.039131,15)"
+                          transform="matrix(1,0,0,1,40.039131,17)"
                           class="axis-label"
                         >
                           <g>
@@ -706,7 +706,7 @@
                         <g
                           id="g-svg-76"
                           fill="none"
-                          transform="matrix(1,0,0,1,80.013046,15)"
+                          transform="matrix(1,0,0,1,80.013046,17)"
                           class="axis-label"
                         >
                           <g>
@@ -735,7 +735,7 @@
                         <g
                           id="g-svg-77"
                           fill="none"
-                          transform="matrix(1,0,0,1,119.986954,15)"
+                          transform="matrix(1,0,0,1,119.986954,17)"
                           class="axis-label"
                         >
                           <g>
@@ -764,7 +764,7 @@
                         <g
                           id="g-svg-78"
                           fill="none"
-                          transform="matrix(1,0,0,1,159.960876,15)"
+                          transform="matrix(1,0,0,1,159.960876,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1175,7 +1175,7 @@
                         <g
                           id="g-svg-166"
                           fill="none"
-                          transform="matrix(1,0,0,1,30.827078,15)"
+                          transform="matrix(1,0,0,1,30.827078,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1204,7 +1204,7 @@
                         <g
                           id="g-svg-167"
                           fill="none"
-                          transform="matrix(1,0,0,1,59.060925,15)"
+                          transform="matrix(1,0,0,1,59.060925,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1233,7 +1233,7 @@
                         <g
                           id="g-svg-168"
                           fill="none"
-                          transform="matrix(1,0,0,1,87.294769,15)"
+                          transform="matrix(1,0,0,1,87.294769,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1262,7 +1262,7 @@
                         <g
                           id="g-svg-169"
                           fill="none"
-                          transform="matrix(1,0,0,1,115.528618,15)"
+                          transform="matrix(1,0,0,1,115.528618,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1291,7 +1291,7 @@
                         <g
                           id="g-svg-170"
                           fill="none"
-                          transform="matrix(1,0,0,1,143.762466,15)"
+                          transform="matrix(1,0,0,1,143.762466,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1320,7 +1320,7 @@
                         <g
                           id="g-svg-171"
                           fill="none"
-                          transform="matrix(1,0,0,1,171.996307,15)"
+                          transform="matrix(1,0,0,1,171.996307,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionLeft.svg b/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionLeft.svg
index 5bfafc95a1..2b6e656b28 100644
--- a/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionLeft.svg
+++ b/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionLeft.svg
@@ -674,7 +674,7 @@
                         <g
                           id="g-svg-75"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,135.413040)"
+                          transform="matrix(1,0,0,1,17,135.413040)"
                           class="axis-label"
                         >
                           <g>
@@ -702,7 +702,7 @@
                         <g
                           id="g-svg-76"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,102.804344)"
+                          transform="matrix(1,0,0,1,17,102.804344)"
                           class="axis-label"
                         >
                           <g>
@@ -730,7 +730,7 @@
                         <g
                           id="g-svg-77"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,70.195656)"
+                          transform="matrix(1,0,0,1,17,70.195656)"
                           class="axis-label"
                         >
                           <g>
@@ -758,7 +758,7 @@
                         <g
                           id="g-svg-78"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,37.586956)"
+                          transform="matrix(1,0,0,1,17,37.586956)"
                           class="axis-label"
                         >
                           <g>
@@ -1168,7 +1168,7 @@
                         <g
                           id="g-svg-166"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,143.038467)"
+                          transform="matrix(1,0,0,1,17,143.038467)"
                           class="axis-label"
                         >
                           <g>
@@ -1196,7 +1196,7 @@
                         <g
                           id="g-svg-167"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,119.961540)"
+                          transform="matrix(1,0,0,1,17,119.961540)"
                           class="axis-label"
                         >
                           <g>
@@ -1224,7 +1224,7 @@
                         <g
                           id="g-svg-168"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,96.884613)"
+                          transform="matrix(1,0,0,1,17,96.884613)"
                           class="axis-label"
                         >
                           <g>
@@ -1252,7 +1252,7 @@
                         <g
                           id="g-svg-169"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,73.807693)"
+                          transform="matrix(1,0,0,1,17,73.807693)"
                           class="axis-label"
                         >
                           <g>
@@ -1280,7 +1280,7 @@
                         <g
                           id="g-svg-170"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,50.730770)"
+                          transform="matrix(1,0,0,1,17,50.730770)"
                           class="axis-label"
                         >
                           <g>
@@ -1308,7 +1308,7 @@
                         <g
                           id="g-svg-171"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,27.653847)"
+                          transform="matrix(1,0,0,1,17,27.653847)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionRight.svg b/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionRight.svg
index b58c7cba40..efb124c3ed 100644
--- a/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionRight.svg
+++ b/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionRight.svg
@@ -677,7 +677,7 @@
                         <g
                           id="g-svg-75"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,135.413040)"
+                          transform="matrix(1,0,0,1,17,135.413040)"
                           class="axis-label"
                         >
                           <g>
@@ -705,7 +705,7 @@
                         <g
                           id="g-svg-76"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,102.804344)"
+                          transform="matrix(1,0,0,1,17,102.804344)"
                           class="axis-label"
                         >
                           <g>
@@ -733,7 +733,7 @@
                         <g
                           id="g-svg-77"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,70.195656)"
+                          transform="matrix(1,0,0,1,17,70.195656)"
                           class="axis-label"
                         >
                           <g>
@@ -761,7 +761,7 @@
                         <g
                           id="g-svg-78"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,37.586956)"
+                          transform="matrix(1,0,0,1,17,37.586956)"
                           class="axis-label"
                         >
                           <g>
@@ -1171,7 +1171,7 @@
                         <g
                           id="g-svg-166"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,143.038467)"
+                          transform="matrix(1,0,0,1,17,143.038467)"
                           class="axis-label"
                         >
                           <g>
@@ -1199,7 +1199,7 @@
                         <g
                           id="g-svg-167"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,119.961540)"
+                          transform="matrix(1,0,0,1,17,119.961540)"
                           class="axis-label"
                         >
                           <g>
@@ -1227,7 +1227,7 @@
                         <g
                           id="g-svg-168"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,96.884613)"
+                          transform="matrix(1,0,0,1,17,96.884613)"
                           class="axis-label"
                         >
                           <g>
@@ -1255,7 +1255,7 @@
                         <g
                           id="g-svg-169"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,73.807693)"
+                          transform="matrix(1,0,0,1,17,73.807693)"
                           class="axis-label"
                         >
                           <g>
@@ -1283,7 +1283,7 @@
                         <g
                           id="g-svg-170"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,50.730770)"
+                          transform="matrix(1,0,0,1,17,50.730770)"
                           class="axis-label"
                         >
                           <g>
@@ -1311,7 +1311,7 @@
                         <g
                           id="g-svg-171"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,27.653847)"
+                          transform="matrix(1,0,0,1,17,27.653847)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionRightLength.svg b/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionRightLength.svg
index f6bc401461..0bc893f2ff 100644
--- a/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionRightLength.svg
+++ b/__tests__/integration/snapshots/static/commitsPointGroupedLegendPositionRightLength.svg
@@ -480,7 +480,7 @@
                         <g
                           id="g-svg-75"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,52.804348)"
+                          transform="matrix(1,0,0,1,17,52.804348)"
                           class="axis-label"
                         >
                           <g>
@@ -508,7 +508,7 @@
                         <g
                           id="g-svg-76"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,41.934784)"
+                          transform="matrix(1,0,0,1,17,41.934784)"
                           class="axis-label"
                         >
                           <g>
@@ -536,7 +536,7 @@
                         <g
                           id="g-svg-77"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,31.065218)"
+                          transform="matrix(1,0,0,1,17,31.065218)"
                           class="axis-label"
                         >
                           <g>
@@ -564,7 +564,7 @@
                         <g
                           id="g-svg-78"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,20.195652)"
+                          transform="matrix(1,0,0,1,17,20.195652)"
                           class="axis-label"
                         >
                           <g>
@@ -974,7 +974,7 @@
                         <g
                           id="g-svg-166"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,55.346153)"
+                          transform="matrix(1,0,0,1,17,55.346153)"
                           class="axis-label"
                         >
                           <g>
@@ -1002,7 +1002,7 @@
                         <g
                           id="g-svg-167"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,47.653847)"
+                          transform="matrix(1,0,0,1,17,47.653847)"
                           class="axis-label"
                         >
                           <g>
@@ -1030,7 +1030,7 @@
                         <g
                           id="g-svg-168"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,39.961540)"
+                          transform="matrix(1,0,0,1,17,39.961540)"
                           class="axis-label"
                         >
                           <g>
@@ -1058,7 +1058,7 @@
                         <g
                           id="g-svg-169"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,32.269230)"
+                          transform="matrix(1,0,0,1,17,32.269230)"
                           class="axis-label"
                         >
                           <g>
@@ -1086,7 +1086,7 @@
                         <g
                           id="g-svg-170"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,24.576923)"
+                          transform="matrix(1,0,0,1,17,24.576923)"
                           class="axis-label"
                         >
                           <g>
@@ -1114,7 +1114,7 @@
                         <g
                           id="g-svg-171"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,16.884615)"
+                          transform="matrix(1,0,0,1,17,16.884615)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/countriesBubbleLegendSize.svg b/__tests__/integration/snapshots/static/countriesBubbleLegendSize.svg
index fab02b86c1..9f9afcf1c6 100644
--- a/__tests__/integration/snapshots/static/countriesBubbleLegendSize.svg
+++ b/__tests__/integration/snapshots/static/countriesBubbleLegendSize.svg
@@ -970,7 +970,7 @@
                         <g
                           id="g-svg-123"
                           fill="none"
-                          transform="matrix(1,0,0,1,55.211037,15)"
+                          transform="matrix(1,0,0,1,55.211037,17)"
                           class="axis-label"
                         >
                           <g>
@@ -999,7 +999,7 @@
                         <g
                           id="g-svg-124"
                           fill="none"
-                          transform="matrix(1,0,0,1,73.361900,15)"
+                          transform="matrix(1,0,0,1,73.361900,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1028,7 +1028,7 @@
                         <g
                           id="g-svg-125"
                           fill="none"
-                          transform="matrix(1,0,0,1,91.512772,15)"
+                          transform="matrix(1,0,0,1,91.512772,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1057,7 +1057,7 @@
                         <g
                           id="g-svg-126"
                           fill="none"
-                          transform="matrix(1,0,0,1,109.663643,15)"
+                          transform="matrix(1,0,0,1,109.663643,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1086,7 +1086,7 @@
                         <g
                           id="g-svg-127"
                           fill="none"
-                          transform="matrix(1,0,0,1,127.814507,15)"
+                          transform="matrix(1,0,0,1,127.814507,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1115,7 +1115,7 @@
                         <g
                           id="g-svg-128"
                           fill="none"
-                          transform="matrix(1,0,0,1,145.965378,15)"
+                          transform="matrix(1,0,0,1,145.965378,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/disastersPointBubble.svg b/__tests__/integration/snapshots/static/disastersPointBubble.svg
index d6e4029e03..95a8f26830 100644
--- a/__tests__/integration/snapshots/static/disastersPointBubble.svg
+++ b/__tests__/integration/snapshots/static/disastersPointBubble.svg
@@ -1296,7 +1296,7 @@
                         <g
                           id="g-svg-172"
                           fill="none"
-                          transform="matrix(1,0,0,1,66.634026,15)"
+                          transform="matrix(1,0,0,1,66.634026,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1325,7 +1325,7 @@
                         <g
                           id="g-svg-173"
                           fill="none"
-                          transform="matrix(1,0,0,1,105.888092,15)"
+                          transform="matrix(1,0,0,1,105.888092,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1354,7 +1354,7 @@
                         <g
                           id="g-svg-174"
                           fill="none"
-                          transform="matrix(1,0,0,1,145.142151,15)"
+                          transform="matrix(1,0,0,1,145.142151,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/disastersPointBubbleLegendRight.svg b/__tests__/integration/snapshots/static/disastersPointBubbleLegendRight.svg
index 0955ab8d75..3a099fb9b5 100644
--- a/__tests__/integration/snapshots/static/disastersPointBubbleLegendRight.svg
+++ b/__tests__/integration/snapshots/static/disastersPointBubbleLegendRight.svg
@@ -1299,7 +1299,7 @@
                         <g
                           id="g-svg-172"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,120.959488)"
+                          transform="matrix(1,0,0,1,17,120.959488)"
                           class="axis-label"
                         >
                           <g>
@@ -1327,7 +1327,7 @@
                         <g
                           id="g-svg-173"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,80.418938)"
+                          transform="matrix(1,0,0,1,17,80.418938)"
                           class="axis-label"
                         >
                           <g>
@@ -1355,7 +1355,7 @@
                         <g
                           id="g-svg-174"
                           fill="none"
-                          transform="matrix(1,0,0,1,15,39.878387)"
+                          transform="matrix(1,0,0,1,17,39.878387)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/githubStarIntervalDarkThemeTransparent.svg b/__tests__/integration/snapshots/static/githubStarIntervalDarkThemeTransparent.svg
new file mode 100644
index 0000000000..805d907695
--- /dev/null
+++ b/__tests__/integration/snapshots/static/githubStarIntervalDarkThemeTransparent.svg
@@ -0,0 +1,1924 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="640"
+  height="480"
+  style="background: transparent;"
+  color-interpolation-filters="sRGB"
+>
+  <defs>
+    <clipPath transform="matrix(1,0,0,1,-16,-16)" id="clip-path-136-42">
+      <use href="#g-svg-136" transform="matrix(1,0,0,1,16,16)" />
+    </clipPath>
+  </defs>
+  <g id="g-svg-camera">
+    <g id="g-root" fill="none">
+      <g id="g-svg-27" fill="none" class="view">
+        <g>
+          <path
+            id="g-svg-28"
+            fill="rgba(0,0,0,0)"
+            class="area"
+            d="M 0,0 l 640,0 l 0,480 l-640 0 z"
+            x="0"
+            y="0"
+            width="640"
+            height="480"
+          />
+        </g>
+        <g>
+          <path
+            id="g-svg-29"
+            fill="rgba(0,0,0,0)"
+            class="area"
+            d="M 16,16 l 608,0 l 0,448 l-608 0 z"
+            x="16"
+            y="16"
+            width="608"
+            height="448"
+          />
+        </g>
+        <g>
+          <path
+            id="g-svg-30"
+            fill="rgba(0,0,0,0)"
+            class="area"
+            d="M 96.48000001506055,51 l 527.5199999849394,0 l 0,347 l-527.5199999849394 0 z"
+            x="96.48000001506055"
+            y="51"
+            width="527.5199999849394"
+            height="347"
+          />
+        </g>
+        <g>
+          <path
+            id="g-svg-31"
+            fill="rgba(0,0,0,0)"
+            class="area"
+            d="M 96.48000001506055,51 l 527.5199999849394,0 l 0,347 l-527.5199999849394 0 z"
+            x="96.48000001506055"
+            y="51"
+            width="527.5199999849394"
+            height="347"
+          />
+        </g>
+        <g id="g-svg-32" fill="none" class="component">
+          <g
+            id="g-svg-35"
+            fill="none"
+            x="16"
+            y="16"
+            width="608"
+            height="23"
+            transform="matrix(1,0,0,1,16,16)"
+          >
+            <g
+              id="g-svg-36"
+              fill="none"
+              class="legend-category"
+              width="427.32"
+              height="23"
+            >
+              <g id="g-svg-37" fill="none" class="legend-title-group">
+                <g
+                  id="g-svg-38"
+                  fill="none"
+                  width="427.32"
+                  height="23"
+                  class="legend-title"
+                />
+              </g>
+              <g id="g-svg-39" fill="none" class="legend-items-group">
+                <g
+                  id="g-svg-40"
+                  fill="none"
+                  width="427.32"
+                  height="23"
+                  x="0"
+                  y="0"
+                  class="legend-items"
+                >
+                  <g
+                    id="g-svg-41"
+                    fill="none"
+                    x="0"
+                    y="0"
+                    class="items-navigator"
+                  >
+                    <g
+                      id="g-svg-42"
+                      fill="none"
+                      class="navigator-content-group"
+                      clip-path="url(#clip-path-136-42)"
+                    >
+                      <g
+                        id="g-svg-43"
+                        fill="none"
+                        class="navigator-play-window"
+                      >
+                        <g id="g-svg-117" fill="none" class="items-item-page">
+                          <g
+                            id="g-svg-45"
+                            fill="none"
+                            class="items-item"
+                            x="0"
+                            y="0"
+                            width="26.120000000000005"
+                            height="23"
+                          >
+                            <g
+                              id="g-svg-51"
+                              fill="none"
+                              class="legend-category-item-background-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-52"
+                                  fill="rgba(0,0,0,0)"
+                                  class="legend-category-item-background"
+                                  d="M 0,0 l 26.120000000000005,0 l 0,23 l-26.120000000000005 0 z"
+                                  width="26.120000000000005"
+                                  height="23"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-46"
+                              fill="none"
+                              transform="matrix(0.500000,0,0,0.500000,4,11.500000)"
+                              class="legend-category-item-marker-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-47"
+                                  fill="rgba(23,131,255,1)"
+                                  d="M -8,-8 L 8,-8 L 8,8 L -8,8 Z"
+                                  stroke-width="0"
+                                  class="legend-category-item-marker"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-48"
+                              fill="none"
+                              transform="matrix(1,0,0,1,16,11.500000)"
+                              class="legend-category-item-label-group"
+                            >
+                              <g>
+                                <text
+                                  id="g-svg-49"
+                                  fill="rgba(255,255,255,1)"
+                                  dominant-baseline="central"
+                                  paint-order="stroke"
+                                  dx="0.5"
+                                  font-family="sans-serif"
+                                  font-size="12"
+                                  font-style="normal"
+                                  font-variant="normal"
+                                  font-weight="normal"
+                                  stroke-width="1"
+                                  text-anchor="left"
+                                  class="legend-category-item-label"
+                                  fill-opacity="0.9"
+                                  visibility="visible"
+                                >
+                                  G
+                                </text>
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-50"
+                              fill="none"
+                              class="legend-category-item-value-group"
+                            />
+                          </g>
+                          <g
+                            id="g-svg-53"
+                            fill="none"
+                            transform="matrix(1,0,0,1,38.119999,0)"
+                            class="items-item"
+                            x="38.120000000000005"
+                            y="0"
+                            width="33.56"
+                            height="23"
+                          >
+                            <g
+                              id="g-svg-59"
+                              fill="none"
+                              class="legend-category-item-background-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-60"
+                                  fill="rgba(0,0,0,0)"
+                                  class="legend-category-item-background"
+                                  d="M 0,0 l 33.56,0 l 0,23 l-33.56 0 z"
+                                  width="33.56"
+                                  height="23"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-54"
+                              fill="none"
+                              transform="matrix(0.500000,0,0,0.500000,4,11.500000)"
+                              class="legend-category-item-marker-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-55"
+                                  fill="rgba(0,201,201,1)"
+                                  d="M -8,-8 L 8,-8 L 8,8 L -8,8 Z"
+                                  stroke-width="0"
+                                  class="legend-category-item-marker"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-56"
+                              fill="none"
+                              transform="matrix(1,0,0,1,16,11.500000)"
+                              class="legend-category-item-label-group"
+                            >
+                              <g>
+                                <text
+                                  id="g-svg-57"
+                                  fill="rgba(255,255,255,1)"
+                                  dominant-baseline="central"
+                                  paint-order="stroke"
+                                  dx="0.5"
+                                  font-family="sans-serif"
+                                  font-size="12"
+                                  font-style="normal"
+                                  font-variant="normal"
+                                  font-weight="normal"
+                                  stroke-width="1"
+                                  text-anchor="left"
+                                  class="legend-category-item-label"
+                                  fill-opacity="0.9"
+                                  visibility="visible"
+                                >
+                                  G2
+                                </text>
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-58"
+                              fill="none"
+                              class="legend-category-item-value-group"
+                            />
+                          </g>
+                          <g
+                            id="g-svg-61"
+                            fill="none"
+                            transform="matrix(1,0,0,1,83.680000,0)"
+                            class="items-item"
+                            x="83.68"
+                            y="0"
+                            width="56.24000000000001"
+                            height="23"
+                          >
+                            <g
+                              id="g-svg-67"
+                              fill="none"
+                              class="legend-category-item-background-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-68"
+                                  fill="rgba(0,0,0,0)"
+                                  class="legend-category-item-background"
+                                  d="M 0,0 l 56.24000000000001,0 l 0,23 l-56.24000000000001 0 z"
+                                  width="56.24000000000001"
+                                  height="23"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-62"
+                              fill="none"
+                              transform="matrix(0.500000,0,0,0.500000,4,11.500000)"
+                              class="legend-category-item-marker-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-63"
+                                  fill="rgba(240,136,77,1)"
+                                  d="M -8,-8 L 8,-8 L 8,8 L -8,8 Z"
+                                  stroke-width="0"
+                                  class="legend-category-item-marker"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-64"
+                              fill="none"
+                              transform="matrix(1,0,0,1,16,11.500000)"
+                              class="legend-category-item-label-group"
+                            >
+                              <g>
+                                <text
+                                  id="g-svg-65"
+                                  fill="rgba(255,255,255,1)"
+                                  dominant-baseline="central"
+                                  paint-order="stroke"
+                                  dx="0.5"
+                                  font-family="sans-serif"
+                                  font-size="12"
+                                  font-style="normal"
+                                  font-variant="normal"
+                                  font-weight="normal"
+                                  stroke-width="1"
+                                  text-anchor="left"
+                                  class="legend-category-item-label"
+                                  fill-opacity="0.9"
+                                  visibility="visible"
+                                >
+                                  G2Plot
+                                </text>
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-66"
+                              fill="none"
+                              class="legend-category-item-value-group"
+                            />
+                          </g>
+                          <g
+                            id="g-svg-69"
+                            fill="none"
+                            transform="matrix(1,0,0,1,151.919998,0)"
+                            class="items-item"
+                            x="151.92000000000002"
+                            y="0"
+                            width="32.24000000000001"
+                            height="23"
+                          >
+                            <g
+                              id="g-svg-75"
+                              fill="none"
+                              class="legend-category-item-background-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-76"
+                                  fill="rgba(0,0,0,0)"
+                                  class="legend-category-item-background"
+                                  d="M 0,0 l 32.24000000000001,0 l 0,23 l-32.24000000000001 0 z"
+                                  width="32.24000000000001"
+                                  height="23"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-70"
+                              fill="none"
+                              transform="matrix(0.500000,0,0,0.500000,4,11.500000)"
+                              class="legend-category-item-marker-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-71"
+                                  fill="rgba(213,128,255,1)"
+                                  d="M -8,-8 L 8,-8 L 8,8 L -8,8 Z"
+                                  stroke-width="0"
+                                  class="legend-category-item-marker"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-72"
+                              fill="none"
+                              transform="matrix(1,0,0,1,16,11.500000)"
+                              class="legend-category-item-label-group"
+                            >
+                              <g>
+                                <text
+                                  id="g-svg-73"
+                                  fill="rgba(255,255,255,1)"
+                                  dominant-baseline="central"
+                                  paint-order="stroke"
+                                  dx="0.5"
+                                  font-family="sans-serif"
+                                  font-size="12"
+                                  font-style="normal"
+                                  font-variant="normal"
+                                  font-weight="normal"
+                                  stroke-width="1"
+                                  text-anchor="left"
+                                  class="legend-category-item-label"
+                                  fill-opacity="0.9"
+                                  visibility="visible"
+                                >
+                                  S2
+                                </text>
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-74"
+                              fill="none"
+                              class="legend-category-item-value-group"
+                            />
+                          </g>
+                          <g
+                            id="g-svg-77"
+                            fill="none"
+                            transform="matrix(1,0,0,1,196.160004,0)"
+                            class="items-item"
+                            x="196.16000000000003"
+                            y="0"
+                            width="31.400000000000006"
+                            height="23"
+                          >
+                            <g
+                              id="g-svg-83"
+                              fill="none"
+                              class="legend-category-item-background-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-84"
+                                  fill="rgba(0,0,0,0)"
+                                  class="legend-category-item-background"
+                                  d="M 0,0 l 31.400000000000006,0 l 0,23 l-31.400000000000006 0 z"
+                                  width="31.400000000000006"
+                                  height="23"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-78"
+                              fill="none"
+                              transform="matrix(0.500000,0,0,0.500000,4,11.500000)"
+                              class="legend-category-item-marker-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-79"
+                                  fill="rgba(120,99,255,1)"
+                                  d="M -8,-8 L 8,-8 L 8,8 L -8,8 Z"
+                                  stroke-width="0"
+                                  class="legend-category-item-marker"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-80"
+                              fill="none"
+                              transform="matrix(1,0,0,1,16,11.500000)"
+                              class="legend-category-item-label-group"
+                            >
+                              <g>
+                                <text
+                                  id="g-svg-81"
+                                  fill="rgba(255,255,255,1)"
+                                  dominant-baseline="central"
+                                  paint-order="stroke"
+                                  dx="0.5"
+                                  font-family="sans-serif"
+                                  font-size="12"
+                                  font-style="normal"
+                                  font-variant="normal"
+                                  font-weight="normal"
+                                  stroke-width="1"
+                                  text-anchor="left"
+                                  class="legend-category-item-label"
+                                  fill-opacity="0.9"
+                                  visibility="visible"
+                                >
+                                  F2
+                                </text>
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-82"
+                              fill="none"
+                              class="legend-category-item-value-group"
+                            />
+                          </g>
+                          <g
+                            id="g-svg-85"
+                            fill="none"
+                            transform="matrix(1,0,0,1,239.559998,0)"
+                            class="items-item"
+                            x="239.56000000000003"
+                            y="0"
+                            width="30.92"
+                            height="23"
+                          >
+                            <g
+                              id="g-svg-91"
+                              fill="none"
+                              class="legend-category-item-background-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-92"
+                                  fill="rgba(0,0,0,0)"
+                                  class="legend-category-item-background"
+                                  d="M 0,0 l 30.92,0 l 0,23 l-30.92 0 z"
+                                  width="30.92"
+                                  height="23"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-86"
+                              fill="none"
+                              transform="matrix(0.500000,0,0,0.500000,4,11.500000)"
+                              class="legend-category-item-marker-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-87"
+                                  fill="rgba(96,196,45,1)"
+                                  d="M -8,-8 L 8,-8 L 8,8 L -8,8 Z"
+                                  stroke-width="0"
+                                  class="legend-category-item-marker"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-88"
+                              fill="none"
+                              transform="matrix(1,0,0,1,16,11.500000)"
+                              class="legend-category-item-label-group"
+                            >
+                              <g>
+                                <text
+                                  id="g-svg-89"
+                                  fill="rgba(255,255,255,1)"
+                                  dominant-baseline="central"
+                                  paint-order="stroke"
+                                  dx="0.5"
+                                  font-family="sans-serif"
+                                  font-size="12"
+                                  font-style="normal"
+                                  font-variant="normal"
+                                  font-weight="normal"
+                                  stroke-width="1"
+                                  text-anchor="left"
+                                  class="legend-category-item-label"
+                                  fill-opacity="0.9"
+                                  visibility="visible"
+                                >
+                                  L7
+                                </text>
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-90"
+                              fill="none"
+                              class="legend-category-item-value-group"
+                            />
+                          </g>
+                          <g
+                            id="g-svg-93"
+                            fill="none"
+                            transform="matrix(1,0,0,1,282.480011,0)"
+                            class="items-item"
+                            x="282.48"
+                            y="0"
+                            width="33.92"
+                            height="23"
+                          >
+                            <g
+                              id="g-svg-99"
+                              fill="none"
+                              class="legend-category-item-background-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-100"
+                                  fill="rgba(0,0,0,0)"
+                                  class="legend-category-item-background"
+                                  d="M 0,0 l 33.92,0 l 0,23 l-33.92 0 z"
+                                  width="33.92"
+                                  height="23"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-94"
+                              fill="none"
+                              transform="matrix(0.500000,0,0,0.500000,4,11.500000)"
+                              class="legend-category-item-marker-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-95"
+                                  fill="rgba(189,143,36,1)"
+                                  d="M -8,-8 L 8,-8 L 8,8 L -8,8 Z"
+                                  stroke-width="0"
+                                  class="legend-category-item-marker"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-96"
+                              fill="none"
+                              transform="matrix(1,0,0,1,16,11.500000)"
+                              class="legend-category-item-label-group"
+                            >
+                              <g>
+                                <text
+                                  id="g-svg-97"
+                                  fill="rgba(255,255,255,1)"
+                                  dominant-baseline="central"
+                                  paint-order="stroke"
+                                  dx="0.5"
+                                  font-family="sans-serif"
+                                  font-size="12"
+                                  font-style="normal"
+                                  font-variant="normal"
+                                  font-weight="normal"
+                                  stroke-width="1"
+                                  text-anchor="left"
+                                  class="legend-category-item-label"
+                                  fill-opacity="0.9"
+                                  visibility="visible"
+                                >
+                                  G6
+                                </text>
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-98"
+                              fill="none"
+                              class="legend-category-item-value-group"
+                            />
+                          </g>
+                          <g
+                            id="g-svg-101"
+                            fill="none"
+                            transform="matrix(1,0,0,1,328.399994,0)"
+                            class="items-item"
+                            x="328.40000000000003"
+                            y="0"
+                            width="33.08"
+                            height="23"
+                          >
+                            <g
+                              id="g-svg-107"
+                              fill="none"
+                              class="legend-category-item-background-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-108"
+                                  fill="rgba(0,0,0,0)"
+                                  class="legend-category-item-background"
+                                  d="M 0,0 l 33.08,0 l 0,23 l-33.08 0 z"
+                                  width="33.08"
+                                  height="23"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-102"
+                              fill="none"
+                              transform="matrix(0.500000,0,0,0.500000,4,11.500000)"
+                              class="legend-category-item-marker-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-103"
+                                  fill="rgba(255,128,202,1)"
+                                  d="M -8,-8 L 8,-8 L 8,8 L -8,8 Z"
+                                  stroke-width="0"
+                                  class="legend-category-item-marker"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-104"
+                              fill="none"
+                              transform="matrix(1,0,0,1,16,11.500000)"
+                              class="legend-category-item-label-group"
+                            >
+                              <g>
+                                <text
+                                  id="g-svg-105"
+                                  fill="rgba(255,255,255,1)"
+                                  dominant-baseline="central"
+                                  paint-order="stroke"
+                                  dx="0.5"
+                                  font-family="sans-serif"
+                                  font-size="12"
+                                  font-style="normal"
+                                  font-variant="normal"
+                                  font-weight="normal"
+                                  stroke-width="1"
+                                  text-anchor="left"
+                                  class="legend-category-item-label"
+                                  fill-opacity="0.9"
+                                  visibility="visible"
+                                >
+                                  X6
+                                </text>
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-106"
+                              fill="none"
+                              class="legend-category-item-value-group"
+                            />
+                          </g>
+                          <g
+                            id="g-svg-109"
+                            fill="none"
+                            transform="matrix(1,0,0,1,373.480011,0)"
+                            class="items-item"
+                            x="373.48"
+                            y="0"
+                            width="41.84"
+                            height="23"
+                          >
+                            <g
+                              id="g-svg-115"
+                              fill="none"
+                              class="legend-category-item-background-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-116"
+                                  fill="rgba(0,0,0,0)"
+                                  class="legend-category-item-background"
+                                  d="M 0,0 l 41.84,0 l 0,23 l-41.84 0 z"
+                                  width="41.84"
+                                  height="23"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-110"
+                              fill="none"
+                              transform="matrix(0.500000,0,0,0.500000,4,11.500000)"
+                              class="legend-category-item-marker-group"
+                            >
+                              <g>
+                                <path
+                                  id="g-svg-111"
+                                  fill="rgba(36,145,179,1)"
+                                  d="M -8,-8 L 8,-8 L 8,8 L -8,8 Z"
+                                  stroke-width="0"
+                                  class="legend-category-item-marker"
+                                  visibility="visible"
+                                />
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-112"
+                              fill="none"
+                              transform="matrix(1,0,0,1,16,11.500000)"
+                              class="legend-category-item-label-group"
+                            >
+                              <g>
+                                <text
+                                  id="g-svg-113"
+                                  fill="rgba(255,255,255,1)"
+                                  dominant-baseline="central"
+                                  paint-order="stroke"
+                                  dx="0.5"
+                                  font-family="sans-serif"
+                                  font-size="12"
+                                  font-style="normal"
+                                  font-variant="normal"
+                                  font-weight="normal"
+                                  stroke-width="1"
+                                  text-anchor="left"
+                                  class="legend-category-item-label"
+                                  fill-opacity="0.9"
+                                  visibility="visible"
+                                >
+                                  AVA
+                                </text>
+                              </g>
+                            </g>
+                            <g
+                              id="g-svg-114"
+                              fill="none"
+                              class="legend-category-item-value-group"
+                            />
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                    <g id="g-svg-44" fill="none" class="navigator-controller" />
+                    <g>
+                      <path
+                        id="g-svg-136"
+                        fill="none"
+                        d="M 0,0 l 415.32001098632816,0 l 0,23 l-415.32001098632816 0 z"
+                        class="navigator-clip-path"
+                        width="415.32001098632816"
+                        height="23"
+                      />
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="g-svg-33" fill="none" class="component">
+          <g id="g-svg-137" fill="none" class="axis">
+            <g id="g-svg-138" fill="none" class="axis-grid-group" />
+            <g id="g-svg-139" fill="none" class="axis-main-group">
+              <g id="g-svg-140" fill="none" class="axis-line-group">
+                <g>
+                  <line
+                    id="g-svg-141"
+                    fill="none"
+                    x1="96.48000001506055"
+                    y1="398"
+                    x2="624"
+                    y2="398"
+                    class="axis-line axis-line"
+                    stroke-width="0.5"
+                    stroke="rgba(255,255,255,1)"
+                    stroke-opacity="0.45"
+                    opacity="0"
+                  />
+                </g>
+              </g>
+              <g id="g-svg-142" fill="none" class="axis-tick-group">
+                <g
+                  id="g-svg-143"
+                  fill="none"
+                  transform="matrix(1,0,0,1,128.363083,398)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-152"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="0"
+                      y2="4"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-144"
+                  fill="none"
+                  transform="matrix(1,0,0,1,186.332306,398)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-153"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="0"
+                      y2="4"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-145"
+                  fill="none"
+                  transform="matrix(1,0,0,1,244.301544,398)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-154"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="0"
+                      y2="4"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-146"
+                  fill="none"
+                  transform="matrix(1,0,0,1,302.270782,398)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-155"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="0"
+                      y2="4"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-147"
+                  fill="none"
+                  transform="matrix(1,0,0,1,360.239990,398)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-156"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="0"
+                      y2="4"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-148"
+                  fill="none"
+                  transform="matrix(1,0,0,1,418.209229,398)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-157"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="0"
+                      y2="4"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-149"
+                  fill="none"
+                  transform="matrix(1,0,0,1,476.178467,398)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-158"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="0"
+                      y2="4"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-150"
+                  fill="none"
+                  transform="matrix(1,0,0,1,534.147705,398)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-159"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="0"
+                      y2="4"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-151"
+                  fill="none"
+                  transform="matrix(1,0,0,1,592.116943,398)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-160"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="0"
+                      y2="4"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+              </g>
+              <g id="g-svg-161" fill="none" class="axis-label-group">
+                <g
+                  id="g-svg-162"
+                  fill="none"
+                  transform="matrix(1,0,0,1,128.363083,406)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-171"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="middle"
+                      class="axis-label-item"
+                      dy="11.5px"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      G
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-163"
+                  fill="none"
+                  transform="matrix(1,0,0,1,186.332306,406)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-172"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="middle"
+                      class="axis-label-item"
+                      dy="11.5px"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      G2
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-164"
+                  fill="none"
+                  transform="matrix(1,0,0,1,244.301544,406)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-173"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="middle"
+                      class="axis-label-item"
+                      dy="11.5px"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      G2Plot
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-165"
+                  fill="none"
+                  transform="matrix(1,0,0,1,302.270782,406)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-174"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="middle"
+                      class="axis-label-item"
+                      dy="11.5px"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      S2
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-166"
+                  fill="none"
+                  transform="matrix(1,0,0,1,360.239990,406)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-175"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="middle"
+                      class="axis-label-item"
+                      dy="11.5px"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      F2
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-167"
+                  fill="none"
+                  transform="matrix(1,0,0,1,418.209229,406)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-176"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="middle"
+                      class="axis-label-item"
+                      dy="11.5px"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      L7
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-168"
+                  fill="none"
+                  transform="matrix(1,0,0,1,476.178467,406)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-177"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="middle"
+                      class="axis-label-item"
+                      dy="11.5px"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      G6
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-169"
+                  fill="none"
+                  transform="matrix(1,0,0,1,534.147705,406)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-178"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="middle"
+                      class="axis-label-item"
+                      dy="11.5px"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      X6
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-170"
+                  fill="none"
+                  transform="matrix(1,0,0,1,592.116943,406)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-179"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="middle"
+                      class="axis-label-item"
+                      dy="11.5px"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      AVA
+                    </text>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g
+              id="g-svg-180"
+              fill="none"
+              transform="matrix(1,0,0,1,360.239990,452.500000)"
+              class="axis-title-group"
+            >
+              <g transform="matrix(1,0,0,1,0,8)">
+                <text
+                  id="g-svg-181"
+                  fill="rgba(255,255,255,1)"
+                  dominant-baseline="central"
+                  paint-order="stroke"
+                  dx="0.5"
+                  font-family="sans-serif"
+                  font-size="12"
+                  font-style="normal"
+                  font-variant="normal"
+                  font-weight="normal"
+                  stroke-width="1"
+                  text-anchor="middle"
+                  class="axis-title"
+                  dy="-11.5px"
+                  opacity="0.9"
+                >
+                  name
+                </text>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g id="g-svg-34" fill="none" class="component">
+          <g id="g-svg-182" fill="none" class="axis">
+            <g id="g-svg-183" fill="none" class="axis-grid-group">
+              <g id="g-svg-184" fill="none" class="axis-grid">
+                <g id="g-svg-185" fill="none" class="grid-line-group">
+                  <g>
+                    <path
+                      id="g-svg-187"
+                      fill="none"
+                      class="grid-line"
+                      stroke="rgba(255,255,255,1)"
+                      stroke-width="0.5"
+                      stroke-dasharray="3,4"
+                      d="M 96.48000001506055,398 L 624,398"
+                      stroke-opacity="0.25"
+                    />
+                  </g>
+                  <g>
+                    <path
+                      id="g-svg-188"
+                      fill="none"
+                      class="grid-line"
+                      stroke="rgba(255,255,255,1)"
+                      stroke-width="0.5"
+                      stroke-dasharray="3,4"
+                      d="M 96.48000001506055,337.2560175054705 L 624,337.2560175054705"
+                      stroke-opacity="0.25"
+                    />
+                  </g>
+                  <g>
+                    <path
+                      id="g-svg-189"
+                      fill="none"
+                      class="grid-line"
+                      stroke="rgba(255,255,255,1)"
+                      stroke-width="0.5"
+                      stroke-dasharray="3,4"
+                      d="M 96.48000001506055,276.5120350109409 L 624,276.5120350109409"
+                      stroke-opacity="0.25"
+                    />
+                  </g>
+                  <g>
+                    <path
+                      id="g-svg-190"
+                      fill="none"
+                      class="grid-line"
+                      stroke="rgba(255,255,255,1)"
+                      stroke-width="0.5"
+                      stroke-dasharray="3,4"
+                      d="M 96.48000001506055,215.7680525164114 L 624,215.7680525164114"
+                      stroke-opacity="0.25"
+                    />
+                  </g>
+                  <g>
+                    <path
+                      id="g-svg-191"
+                      fill="none"
+                      class="grid-line"
+                      stroke="rgba(255,255,255,1)"
+                      stroke-width="0.5"
+                      stroke-dasharray="3,4"
+                      d="M 96.48000001506055,155.02407002188184 L 624,155.02407002188184"
+                      stroke-opacity="0.25"
+                    />
+                  </g>
+                  <g>
+                    <path
+                      id="g-svg-192"
+                      fill="none"
+                      class="grid-line"
+                      stroke="rgba(255,255,255,1)"
+                      stroke-width="0.5"
+                      stroke-dasharray="3,4"
+                      d="M 96.48000001506055,94.2800875273523 L 624,94.2800875273523"
+                      stroke-opacity="0.25"
+                    />
+                  </g>
+                </g>
+                <g id="g-svg-186" fill="none" class="grid-region-group" />
+              </g>
+            </g>
+            <g id="g-svg-193" fill="none" class="axis-main-group">
+              <g id="g-svg-194" fill="none" class="axis-line-group">
+                <g>
+                  <line
+                    id="g-svg-195"
+                    fill="none"
+                    x1="96.48000001506055"
+                    y1="398"
+                    x2="96.48000001506055"
+                    y2="51"
+                    class="axis-line axis-line"
+                    stroke-width="0.5"
+                    stroke="rgba(255,255,255,1)"
+                    stroke-opacity="0.45"
+                    opacity="0"
+                  />
+                </g>
+              </g>
+              <g id="g-svg-196" fill="none" class="axis-tick-group">
+                <g
+                  id="g-svg-197"
+                  fill="none"
+                  transform="matrix(1,0,0,1,96.480003,398)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-203"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="-4"
+                      y2="0"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-198"
+                  fill="none"
+                  transform="matrix(1,0,0,1,96.480003,337.256012)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-204"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="-4"
+                      y2="0"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-199"
+                  fill="none"
+                  transform="matrix(1,0,0,1,96.480003,276.512024)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-205"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="-4"
+                      y2="0"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-200"
+                  fill="none"
+                  transform="matrix(1,0,0,1,96.480003,215.768051)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-206"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="-4"
+                      y2="0"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-201"
+                  fill="none"
+                  transform="matrix(1,0,0,1,96.480003,155.024063)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-207"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="-4"
+                      y2="0"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+                <g
+                  id="g-svg-202"
+                  fill="none"
+                  transform="matrix(1,0,0,1,96.480003,94.280090)"
+                  class="axis-tick"
+                >
+                  <g>
+                    <line
+                      id="g-svg-208"
+                      fill="none"
+                      x1="0"
+                      y1="0"
+                      x2="-4"
+                      y2="0"
+                      class="axis-tick-item"
+                      stroke-width="1"
+                      stroke="rgba(255,255,255,1)"
+                      opacity="0.45"
+                    />
+                  </g>
+                </g>
+              </g>
+              <g id="g-svg-209" fill="none" class="axis-label-group">
+                <g
+                  id="g-svg-210"
+                  fill="none"
+                  transform="matrix(1,0,0,1,88.480003,398)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-216"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="end"
+                      class="axis-label-item"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      0
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-211"
+                  fill="none"
+                  transform="matrix(1,0,0,1,88.480003,337.256012)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-217"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="end"
+                      class="axis-label-item"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      2000
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-212"
+                  fill="none"
+                  transform="matrix(1,0,0,1,88.480003,276.512024)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-218"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="end"
+                      class="axis-label-item"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      4000
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-213"
+                  fill="none"
+                  transform="matrix(1,0,0,1,88.480003,215.768051)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-219"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="end"
+                      class="axis-label-item"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      6000
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-214"
+                  fill="none"
+                  transform="matrix(1,0,0,1,88.480003,155.024063)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-220"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="end"
+                      class="axis-label-item"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      8000
+                    </text>
+                  </g>
+                </g>
+                <g
+                  id="g-svg-215"
+                  fill="none"
+                  transform="matrix(1,0,0,1,88.480003,94.280090)"
+                  class="axis-label"
+                >
+                  <g>
+                    <text
+                      id="g-svg-221"
+                      fill="rgba(255,255,255,1)"
+                      dominant-baseline="central"
+                      paint-order="stroke"
+                      dx="0.5"
+                      font-family="sans-serif"
+                      font-size="12"
+                      font-style="normal"
+                      font-variant="normal"
+                      font-weight="normal"
+                      stroke-width="1"
+                      text-anchor="end"
+                      class="axis-label-item"
+                      opacity="0.45"
+                      visibility="visible"
+                    >
+                      10000
+                    </text>
+                  </g>
+                </g>
+              </g>
+            </g>
+            <g
+              id="g-svg-222"
+              fill="none"
+              transform="matrix(1,0,0,1,28.500004,230.250000)"
+              class="axis-title-group"
+            >
+              <g transform="matrix(0,-1,1,0,-7.500000,0.500000)">
+                <text
+                  id="g-svg-223"
+                  fill="rgba(255,255,255,1)"
+                  dominant-baseline="central"
+                  paint-order="stroke"
+                  dx="0.5"
+                  font-family="sans-serif"
+                  font-size="12"
+                  font-style="normal"
+                  font-variant="normal"
+                  font-weight="normal"
+                  stroke-width="1"
+                  text-anchor="middle"
+                  class="axis-title"
+                  opacity="0.9"
+                >
+                  star
+                </text>
+              </g>
+            </g>
+          </g>
+        </g>
+        <g transform="matrix(1,0,0,1,96.480003,51)">
+          <path
+            id="g-svg-224"
+            fill="rgba(0,0,0,0)"
+            class="plot"
+            d="M 0,0 l 527.5199999849394,0 l 0,347 l-527.5199999849394 0 z"
+            width="527.5199999849394"
+            height="347"
+          />
+          <g id="g-svg-225" fill="none" class="main-layer">
+            <g>
+              <path
+                id="g-svg-227"
+                fill="rgba(23,131,255,1)"
+                d="M 5.7969230767575555,322.2771991247265 l 52.17230769081818,0 l 0,24.722800875273492 l-52.17230769081818 0 z"
+                x="5.7969230767575555"
+                y="322.2771991247265"
+                width="52.17230769081818"
+                height="24.722800875273492"
+                fill-opacity="0.95"
+                stroke-width="0"
+                stroke="rgba(23,131,255,1)"
+                class="element"
+              />
+            </g>
+            <g>
+              <path
+                id="g-svg-228"
+                fill="rgba(0,201,201,1)"
+                d="M 63.76615384433332,0 l 52.17230769081817,0 l 0,347 l-52.17230769081817 0 z"
+                x="63.76615384433332"
+                y="0"
+                width="52.17230769081817"
+                height="347"
+                fill-opacity="0.95"
+                stroke-width="0"
+                stroke="rgba(0,201,201,1)"
+                class="element"
+              />
+            </g>
+            <g>
+              <path
+                id="g-svg-229"
+                fill="rgba(240,136,77,1)"
+                d="M 121.73538461190908,276.53698030634575 l 52.17230769081816,0 l 0,70.46301969365425 l-52.17230769081816 0 z"
+                x="121.73538461190908"
+                y="276.53698030634575"
+                width="52.17230769081816"
+                height="70.46301969365425"
+                fill-opacity="0.95"
+                stroke-width="0"
+                stroke="rgba(240,136,77,1)"
+                class="element"
+              />
+            </g>
+            <g>
+              <path
+                id="g-svg-230"
+                fill="rgba(213,128,255,1)"
+                d="M 179.70461537948484,317.5999124726477 l 52.17230769081817,0 l 0,29.400087527352298 l-52.17230769081817 0 z"
+                x="179.70461537948484"
+                y="317.5999124726477"
+                width="52.17230769081817"
+                height="29.400087527352298"
+                fill-opacity="0.95"
+                stroke-width="0"
+                stroke="rgba(213,128,255,1)"
+                class="element"
+              />
+            </g>
+            <g>
+              <path
+                id="g-svg-231"
+                fill="rgba(120,99,255,1)"
+                d="M 237.6738461470606,123.887352297593 l 52.17230769081817,0 l 0,223.112647702407 l-52.17230769081817 0 z"
+                x="237.6738461470606"
+                y="123.887352297593"
+                width="52.17230769081817"
+                height="223.112647702407"
+                fill-opacity="0.95"
+                stroke-width="0"
+                stroke="rgba(120,99,255,1)"
+                class="element"
+              />
+            </g>
+            <g>
+              <path
+                id="g-svg-232"
+                fill="rgba(96,196,45,1)"
+                d="M 295.64307691463637,259.28568927789934 l 52.17230769081817,0 l 0,87.71431072210066 l-52.17230769081817 0 z"
+                x="295.64307691463637"
+                y="259.28568927789934"
+                width="52.17230769081817"
+                height="87.71431072210066"
+                fill-opacity="0.95"
+                stroke-width="0"
+                stroke="rgba(96,196,45,1)"
+                class="element"
+              />
+            </g>
+            <g>
+              <path
+                id="g-svg-233"
+                fill="rgba(189,143,36,1)"
+                d="M 353.61230768221213,64.11527352297594 l 52.17230769081817,0 l 0,282.88472647702406 l-52.17230769081817 0 z"
+                x="353.61230768221213"
+                y="64.11527352297594"
+                width="52.17230769081817"
+                height="282.88472647702406"
+                fill-opacity="0.95"
+                stroke-width="0"
+                stroke="rgba(189,143,36,1)"
+                class="element"
+              />
+            </g>
+            <g>
+              <path
+                id="g-svg-234"
+                fill="rgba(255,128,202,1)"
+                d="M 411.58153844978784,225.96761487964991 l 52.17230769081817,0 l 0,121.03238512035009 l-52.17230769081817 0 z"
+                x="411.58153844978784"
+                y="225.96761487964991"
+                width="52.17230769081817"
+                height="121.03238512035009"
+                fill-opacity="0.95"
+                stroke-width="0"
+                stroke="rgba(255,128,202,1)"
+                class="element"
+              />
+            </g>
+            <g>
+              <path
+                id="g-svg-235"
+                fill="rgba(36,145,179,1)"
+                d="M 469.55076921736367,312.04183807439824 l 52.17230769081817,0 l 0,34.95816192560176 l-52.17230769081817 0 z"
+                x="469.55076921736367"
+                y="312.04183807439824"
+                width="52.17230769081817"
+                height="34.95816192560176"
+                fill-opacity="0.95"
+                stroke-width="0"
+                stroke="rgba(36,145,179,1)"
+                class="element"
+              />
+            </g>
+          </g>
+          <g id="g-svg-226" fill="none" class="label-layer" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/__tests__/integration/snapshots/static/haleChoroplethWorld.svg b/__tests__/integration/snapshots/static/haleChoroplethWorld.svg
index fc7ca326df..2d2e47a3ff 100644
--- a/__tests__/integration/snapshots/static/haleChoroplethWorld.svg
+++ b/__tests__/integration/snapshots/static/haleChoroplethWorld.svg
@@ -521,7 +521,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,8.349393,15)"
+                          transform="matrix(1,0,0,1,8.349393,17)"
                           class="axis-label"
                         >
                           <g>
@@ -550,7 +550,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,37.819042,15)"
+                          transform="matrix(1,0,0,1,37.819042,17)"
                           class="axis-label"
                         >
                           <g>
@@ -579,7 +579,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,67.288689,15)"
+                          transform="matrix(1,0,0,1,67.288689,17)"
                           class="axis-label"
                         >
                           <g>
@@ -608,7 +608,7 @@
                         <g
                           id="g-svg-44"
                           fill="none"
-                          transform="matrix(1,0,0,1,96.758339,15)"
+                          transform="matrix(1,0,0,1,96.758339,17)"
                           class="axis-label"
                         >
                           <g>
@@ -637,7 +637,7 @@
                         <g
                           id="g-svg-45"
                           fill="none"
-                          transform="matrix(1,0,0,1,126.227989,15)"
+                          transform="matrix(1,0,0,1,126.227989,17)"
                           class="axis-label"
                         >
                           <g>
@@ -666,7 +666,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,155.697632,15)"
+                          transform="matrix(1,0,0,1,155.697632,17)"
                           class="axis-label"
                         >
                           <g>
@@ -695,7 +695,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,185.167282,15)"
+                          transform="matrix(1,0,0,1,185.167282,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/mockLegendColorSize.svg b/__tests__/integration/snapshots/static/mockLegendColorSize.svg
index 1ad2ae2908..7ecf85cc84 100644
--- a/__tests__/integration/snapshots/static/mockLegendColorSize.svg
+++ b/__tests__/integration/snapshots/static/mockLegendColorSize.svg
@@ -710,7 +710,7 @@
                         <g
                           id="g-svg-71"
                           fill="none"
-                          transform="matrix(1,0,0,1,7.220000,15)"
+                          transform="matrix(1,0,0,1,7.220000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -739,7 +739,7 @@
                         <g
                           id="g-svg-72"
                           fill="none"
-                          transform="matrix(1,0,0,1,44.332001,15)"
+                          transform="matrix(1,0,0,1,44.332001,17)"
                           class="axis-label"
                         >
                           <g>
@@ -768,7 +768,7 @@
                         <g
                           id="g-svg-73"
                           fill="none"
-                          transform="matrix(1,0,0,1,81.444000,15)"
+                          transform="matrix(1,0,0,1,81.444000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -797,7 +797,7 @@
                         <g
                           id="g-svg-74"
                           fill="none"
-                          transform="matrix(1,0,0,1,118.556000,15)"
+                          transform="matrix(1,0,0,1,118.556000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -826,7 +826,7 @@
                         <g
                           id="g-svg-75"
                           fill="none"
-                          transform="matrix(1,0,0,1,155.667999,15)"
+                          transform="matrix(1,0,0,1,155.667999,17)"
                           class="axis-label"
                         >
                           <g>
@@ -855,7 +855,7 @@
                         <g
                           id="g-svg-76"
                           fill="none"
-                          transform="matrix(1,0,0,1,192.779999,15)"
+                          transform="matrix(1,0,0,1,192.779999,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/moviesPointBin.svg b/__tests__/integration/snapshots/static/moviesPointBin.svg
index 29082f3977..b89e66c695 100644
--- a/__tests__/integration/snapshots/static/moviesPointBin.svg
+++ b/__tests__/integration/snapshots/static/moviesPointBin.svg
@@ -436,7 +436,7 @@
                         <g
                           id="g-svg-44"
                           fill="none"
-                          transform="matrix(1,0,0,1,63.542168,15)"
+                          transform="matrix(1,0,0,1,63.542168,17)"
                           class="axis-label"
                         >
                           <g>
@@ -465,7 +465,7 @@
                         <g
                           id="g-svg-45"
                           fill="none"
-                          transform="matrix(1,0,0,1,117.156624,15)"
+                          transform="matrix(1,0,0,1,117.156624,17)"
                           class="axis-label"
                         >
                           <g>
@@ -494,7 +494,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,170.771088,15)"
+                          transform="matrix(1,0,0,1,170.771088,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/moviesRectBin.svg b/__tests__/integration/snapshots/static/moviesRectBin.svg
index a826339f31..24427c1799 100644
--- a/__tests__/integration/snapshots/static/moviesRectBin.svg
+++ b/__tests__/integration/snapshots/static/moviesRectBin.svg
@@ -457,7 +457,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,41.492725,15)"
+                          transform="matrix(1,0,0,1,41.492725,17)"
                           class="axis-label"
                         >
                           <g>
@@ -486,7 +486,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,83.283638,15)"
+                          transform="matrix(1,0,0,1,83.283638,17)"
                           class="axis-label"
                         >
                           <g>
@@ -515,7 +515,7 @@
                         <g
                           id="g-svg-48"
                           fill="none"
-                          transform="matrix(1,0,0,1,125.074547,15)"
+                          transform="matrix(1,0,0,1,125.074547,17)"
                           class="axis-label"
                         >
                           <g>
@@ -544,7 +544,7 @@
                         <g
                           id="g-svg-49"
                           fill="none"
-                          transform="matrix(1,0,0,1,166.865448,15)"
+                          transform="matrix(1,0,0,1,166.865448,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/moviesRectBinOpacity.svg b/__tests__/integration/snapshots/static/moviesRectBinOpacity.svg
index 641895a454..d8813dcbca 100644
--- a/__tests__/integration/snapshots/static/moviesRectBinOpacity.svg
+++ b/__tests__/integration/snapshots/static/moviesRectBinOpacity.svg
@@ -1051,7 +1051,7 @@
                         <g
                           id="g-svg-46"
                           fill="none"
-                          transform="matrix(1,0,0,1,41.492725,15)"
+                          transform="matrix(1,0,0,1,41.492725,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1080,7 +1080,7 @@
                         <g
                           id="g-svg-47"
                           fill="none"
-                          transform="matrix(1,0,0,1,83.283638,15)"
+                          transform="matrix(1,0,0,1,83.283638,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1109,7 +1109,7 @@
                         <g
                           id="g-svg-48"
                           fill="none"
-                          transform="matrix(1,0,0,1,125.074547,15)"
+                          transform="matrix(1,0,0,1,125.074547,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1138,7 +1138,7 @@
                         <g
                           id="g-svg-49"
                           fill="none"
-                          transform="matrix(1,0,0,1,166.865448,15)"
+                          transform="matrix(1,0,0,1,166.865448,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/salaryHeatmapScaleLinear.svg b/__tests__/integration/snapshots/static/salaryHeatmapScaleLinear.svg
index e892747c82..d8b113b3a6 100644
--- a/__tests__/integration/snapshots/static/salaryHeatmapScaleLinear.svg
+++ b/__tests__/integration/snapshots/static/salaryHeatmapScaleLinear.svg
@@ -457,7 +457,7 @@
                         <g
                           id="g-svg-59"
                           fill="none"
-                          transform="matrix(1,0,0,1,23.540001,15)"
+                          transform="matrix(1,0,0,1,23.540001,17)"
                           class="axis-label"
                         >
                           <g>
@@ -486,7 +486,7 @@
                         <g
                           id="g-svg-60"
                           fill="none"
-                          transform="matrix(1,0,0,1,74.415482,15)"
+                          transform="matrix(1,0,0,1,74.415482,17)"
                           class="axis-label"
                         >
                           <g>
@@ -515,7 +515,7 @@
                         <g
                           id="g-svg-61"
                           fill="none"
-                          transform="matrix(1,0,0,1,125.290962,15)"
+                          transform="matrix(1,0,0,1,125.290962,17)"
                           class="axis-label"
                         >
                           <g>
@@ -544,7 +544,7 @@
                         <g
                           id="g-svg-62"
                           fill="none"
-                          transform="matrix(1,0,0,1,176.166443,15)"
+                          transform="matrix(1,0,0,1,176.166443,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/salaryHeatmapScaleQuantile.svg b/__tests__/integration/snapshots/static/salaryHeatmapScaleQuantile.svg
index 98f55abe91..98b874f90f 100644
--- a/__tests__/integration/snapshots/static/salaryHeatmapScaleQuantile.svg
+++ b/__tests__/integration/snapshots/static/salaryHeatmapScaleQuantile.svg
@@ -264,7 +264,7 @@
                         <g
                           id="g-svg-60"
                           fill="none"
-                          transform="matrix(1,0,0,1,15.320000,15)"
+                          transform="matrix(1,0,0,1,15.320000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -293,7 +293,7 @@
                         <g
                           id="g-svg-61"
                           fill="none"
-                          transform="matrix(1,0,0,1,46.844574,15)"
+                          transform="matrix(1,0,0,1,46.844574,17)"
                           class="axis-label"
                         >
                           <g>
@@ -322,7 +322,7 @@
                         <g
                           id="g-svg-62"
                           fill="none"
-                          transform="matrix(1,0,0,1,82.907242,15)"
+                          transform="matrix(1,0,0,1,82.907242,17)"
                           class="axis-label"
                         >
                           <g>
@@ -351,7 +351,7 @@
                         <g
                           id="g-svg-63"
                           fill="none"
-                          transform="matrix(1,0,0,1,384.679993,15)"
+                          transform="matrix(1,0,0,1,384.679993,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/salaryHeatmapScaleQuantize.svg b/__tests__/integration/snapshots/static/salaryHeatmapScaleQuantize.svg
index dedf583e6c..2a033ff88b 100644
--- a/__tests__/integration/snapshots/static/salaryHeatmapScaleQuantize.svg
+++ b/__tests__/integration/snapshots/static/salaryHeatmapScaleQuantize.svg
@@ -264,7 +264,7 @@
                         <g
                           id="g-svg-60"
                           fill="none"
-                          transform="matrix(1,0,0,1,15.320000,15)"
+                          transform="matrix(1,0,0,1,15.320000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -293,7 +293,7 @@
                         <g
                           id="g-svg-61"
                           fill="none"
-                          transform="matrix(1,0,0,1,71.773331,15)"
+                          transform="matrix(1,0,0,1,71.773331,17)"
                           class="axis-label"
                         >
                           <g>
@@ -322,7 +322,7 @@
                         <g
                           id="g-svg-62"
                           fill="none"
-                          transform="matrix(1,0,0,1,128.226669,15)"
+                          transform="matrix(1,0,0,1,128.226669,17)"
                           class="axis-label"
                         >
                           <g>
@@ -351,7 +351,7 @@
                         <g
                           id="g-svg-63"
                           fill="none"
-                          transform="matrix(1,0,0,1,184.679993,15)"
+                          transform="matrix(1,0,0,1,184.679993,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/salaryHeatmapScaleThreshold.svg b/__tests__/integration/snapshots/static/salaryHeatmapScaleThreshold.svg
index 5c565252d0..46624f309a 100644
--- a/__tests__/integration/snapshots/static/salaryHeatmapScaleThreshold.svg
+++ b/__tests__/integration/snapshots/static/salaryHeatmapScaleThreshold.svg
@@ -222,7 +222,7 @@
                         <g
                           id="g-svg-53"
                           fill="none"
-                          transform="matrix(1,0,0,1,71.693336,15)"
+                          transform="matrix(1,0,0,1,71.693336,17)"
                           class="axis-label"
                         >
                           <g>
@@ -251,7 +251,7 @@
                         <g
                           id="g-svg-54"
                           fill="none"
-                          transform="matrix(1,0,0,1,128.306671,15)"
+                          transform="matrix(1,0,0,1,128.306671,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/settleWeatherCellGrouped.svg b/__tests__/integration/snapshots/static/settleWeatherCellGrouped.svg
index aca8baa28f..d21a1980b6 100644
--- a/__tests__/integration/snapshots/static/settleWeatherCellGrouped.svg
+++ b/__tests__/integration/snapshots/static/settleWeatherCellGrouped.svg
@@ -520,7 +520,7 @@
                         <g
                           id="g-svg-86"
                           fill="none"
-                          transform="matrix(1,0,0,1,8.120000,15)"
+                          transform="matrix(1,0,0,1,8.120000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -549,7 +549,7 @@
                         <g
                           id="g-svg-87"
                           fill="none"
-                          transform="matrix(1,0,0,1,38.146145,15)"
+                          transform="matrix(1,0,0,1,38.146145,17)"
                           class="axis-label"
                         >
                           <g>
@@ -578,7 +578,7 @@
                         <g
                           id="g-svg-88"
                           fill="none"
-                          transform="matrix(1,0,0,1,68.172287,15)"
+                          transform="matrix(1,0,0,1,68.172287,17)"
                           class="axis-label"
                         >
                           <g>
@@ -607,7 +607,7 @@
                         <g
                           id="g-svg-89"
                           fill="none"
-                          transform="matrix(1,0,0,1,98.198433,15)"
+                          transform="matrix(1,0,0,1,98.198433,17)"
                           class="axis-label"
                         >
                           <g>
@@ -636,7 +636,7 @@
                         <g
                           id="g-svg-90"
                           fill="none"
-                          transform="matrix(1,0,0,1,128.224579,15)"
+                          transform="matrix(1,0,0,1,128.224579,17)"
                           class="axis-label"
                         >
                           <g>
@@ -665,7 +665,7 @@
                         <g
                           id="g-svg-91"
                           fill="none"
-                          transform="matrix(1,0,0,1,158.250717,15)"
+                          transform="matrix(1,0,0,1,158.250717,17)"
                           class="axis-label"
                         >
                           <g>
@@ -694,7 +694,7 @@
                         <g
                           id="g-svg-92"
                           fill="none"
-                          transform="matrix(1,0,0,1,188.276855,15)"
+                          transform="matrix(1,0,0,1,188.276855,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/settleWeatherCellLineXY.svg b/__tests__/integration/snapshots/static/settleWeatherCellLineXY.svg
index aaec3ab984..070444d127 100644
--- a/__tests__/integration/snapshots/static/settleWeatherCellLineXY.svg
+++ b/__tests__/integration/snapshots/static/settleWeatherCellLineXY.svg
@@ -520,7 +520,7 @@
                         <g
                           id="g-svg-86"
                           fill="none"
-                          transform="matrix(1,0,0,1,8.120000,15)"
+                          transform="matrix(1,0,0,1,8.120000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -549,7 +549,7 @@
                         <g
                           id="g-svg-87"
                           fill="none"
-                          transform="matrix(1,0,0,1,38.146145,15)"
+                          transform="matrix(1,0,0,1,38.146145,17)"
                           class="axis-label"
                         >
                           <g>
@@ -578,7 +578,7 @@
                         <g
                           id="g-svg-88"
                           fill="none"
-                          transform="matrix(1,0,0,1,68.172287,15)"
+                          transform="matrix(1,0,0,1,68.172287,17)"
                           class="axis-label"
                         >
                           <g>
@@ -607,7 +607,7 @@
                         <g
                           id="g-svg-89"
                           fill="none"
-                          transform="matrix(1,0,0,1,98.198433,15)"
+                          transform="matrix(1,0,0,1,98.198433,17)"
                           class="axis-label"
                         >
                           <g>
@@ -636,7 +636,7 @@
                         <g
                           id="g-svg-90"
                           fill="none"
-                          transform="matrix(1,0,0,1,128.224579,15)"
+                          transform="matrix(1,0,0,1,128.224579,17)"
                           class="axis-label"
                         >
                           <g>
@@ -665,7 +665,7 @@
                         <g
                           id="g-svg-91"
                           fill="none"
-                          transform="matrix(1,0,0,1,158.250717,15)"
+                          transform="matrix(1,0,0,1,158.250717,17)"
                           class="axis-label"
                         >
                           <g>
@@ -694,7 +694,7 @@
                         <g
                           id="g-svg-92"
                           fill="none"
-                          transform="matrix(1,0,0,1,188.276855,15)"
+                          transform="matrix(1,0,0,1,188.276855,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/singlePointBasic.svg b/__tests__/integration/snapshots/static/singlePointBasic.svg
index fdd7da7629..68561004b0 100644
--- a/__tests__/integration/snapshots/static/singlePointBasic.svg
+++ b/__tests__/integration/snapshots/static/singlePointBasic.svg
@@ -394,7 +394,7 @@
                         <g
                           id="g-svg-29"
                           fill="none"
-                          transform="matrix(1,0,0,1,100,15)"
+                          transform="matrix(1,0,0,1,100,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/stocksLineSeriesGradient.svg b/__tests__/integration/snapshots/static/stocksLineSeriesGradient.svg
index 7fbbba1f4f..2dfe9acf6e 100644
--- a/__tests__/integration/snapshots/static/stocksLineSeriesGradient.svg
+++ b/__tests__/integration/snapshots/static/stocksLineSeriesGradient.svg
@@ -1125,7 +1125,7 @@
                         <g
                           id="g-svg-57"
                           fill="none"
-                          transform="matrix(1,0,0,1,35.358303,15)"
+                          transform="matrix(1,0,0,1,35.358303,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1154,7 +1154,7 @@
                         <g
                           id="g-svg-58"
                           fill="none"
-                          transform="matrix(1,0,0,1,60.561218,15)"
+                          transform="matrix(1,0,0,1,60.561218,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1183,7 +1183,7 @@
                         <g
                           id="g-svg-59"
                           fill="none"
-                          transform="matrix(1,0,0,1,85.764130,15)"
+                          transform="matrix(1,0,0,1,85.764130,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1212,7 +1212,7 @@
                         <g
                           id="g-svg-60"
                           fill="none"
-                          transform="matrix(1,0,0,1,110.967049,15)"
+                          transform="matrix(1,0,0,1,110.967049,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1241,7 +1241,7 @@
                         <g
                           id="g-svg-61"
                           fill="none"
-                          transform="matrix(1,0,0,1,136.169968,15)"
+                          transform="matrix(1,0,0,1,136.169968,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1270,7 +1270,7 @@
                         <g
                           id="g-svg-62"
                           fill="none"
-                          transform="matrix(1,0,0,1,161.372879,15)"
+                          transform="matrix(1,0,0,1,161.372879,17)"
                           class="axis-label"
                         >
                           <g>
@@ -1299,7 +1299,7 @@
                         <g
                           id="g-svg-63"
                           fill="none"
-                          transform="matrix(1,0,0,1,186.575790,15)"
+                          transform="matrix(1,0,0,1,186.575790,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/unemploymentChoropleth.svg b/__tests__/integration/snapshots/static/unemploymentChoropleth.svg
index c913ab6238..3b9d148f75 100644
--- a/__tests__/integration/snapshots/static/unemploymentChoropleth.svg
+++ b/__tests__/integration/snapshots/static/unemploymentChoropleth.svg
@@ -500,7 +500,7 @@
                         <g
                           id="g-svg-38"
                           fill="none"
-                          transform="matrix(1,0,0,1,33.697300,15)"
+                          transform="matrix(1,0,0,1,33.697300,17)"
                           class="axis-label"
                         >
                           <g>
@@ -529,7 +529,7 @@
                         <g
                           id="g-svg-39"
                           fill="none"
-                          transform="matrix(1,0,0,1,64.825325,15)"
+                          transform="matrix(1,0,0,1,64.825325,17)"
                           class="axis-label"
                         >
                           <g>
@@ -558,7 +558,7 @@
                         <g
                           id="g-svg-40"
                           fill="none"
-                          transform="matrix(1,0,0,1,95.953354,15)"
+                          transform="matrix(1,0,0,1,95.953354,17)"
                           class="axis-label"
                         >
                           <g>
@@ -587,7 +587,7 @@
                         <g
                           id="g-svg-41"
                           fill="none"
-                          transform="matrix(1,0,0,1,127.081383,15)"
+                          transform="matrix(1,0,0,1,127.081383,17)"
                           class="axis-label"
                         >
                           <g>
@@ -616,7 +616,7 @@
                         <g
                           id="g-svg-42"
                           fill="none"
-                          transform="matrix(1,0,0,1,158.209412,15)"
+                          transform="matrix(1,0,0,1,158.209412,17)"
                           class="axis-label"
                         >
                           <g>
@@ -645,7 +645,7 @@
                         <g
                           id="g-svg-43"
                           fill="none"
-                          transform="matrix(1,0,0,1,189.337433,15)"
+                          transform="matrix(1,0,0,1,189.337433,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/integration/snapshots/static/vaccinesCellScaleRelation.svg b/__tests__/integration/snapshots/static/vaccinesCellScaleRelation.svg
index 023be26ba4..3c4087d73a 100644
--- a/__tests__/integration/snapshots/static/vaccinesCellScaleRelation.svg
+++ b/__tests__/integration/snapshots/static/vaccinesCellScaleRelation.svg
@@ -499,7 +499,7 @@
                         <g
                           id="g-svg-102"
                           fill="none"
-                          transform="matrix(1,0,0,1,15.680000,15)"
+                          transform="matrix(1,0,0,1,15.680000,17)"
                           class="axis-label"
                         >
                           <g>
@@ -528,7 +528,7 @@
                         <g
                           id="g-svg-103"
                           fill="none"
-                          transform="matrix(1,0,0,1,44.024860,15)"
+                          transform="matrix(1,0,0,1,44.024860,17)"
                           class="axis-label"
                         >
                           <g>
@@ -557,7 +557,7 @@
                         <g
                           id="g-svg-104"
                           fill="none"
-                          transform="matrix(1,0,0,1,72.369720,15)"
+                          transform="matrix(1,0,0,1,72.369720,17)"
                           class="axis-label"
                         >
                           <g>
@@ -586,7 +586,7 @@
                         <g
                           id="g-svg-105"
                           fill="none"
-                          transform="matrix(1,0,0,1,100.714577,15)"
+                          transform="matrix(1,0,0,1,100.714577,17)"
                           class="axis-label"
                         >
                           <g>
@@ -615,7 +615,7 @@
                         <g
                           id="g-svg-106"
                           fill="none"
-                          transform="matrix(1,0,0,1,129.059433,15)"
+                          transform="matrix(1,0,0,1,129.059433,17)"
                           class="axis-label"
                         >
                           <g>
@@ -644,7 +644,7 @@
                         <g
                           id="g-svg-107"
                           fill="none"
-                          transform="matrix(1,0,0,1,157.404297,15)"
+                          transform="matrix(1,0,0,1,157.404297,17)"
                           class="axis-label"
                         >
                           <g>
diff --git a/__tests__/plots/static/github-star-interval-dark-theme-transparent.ts b/__tests__/plots/static/github-star-interval-dark-theme-transparent.ts
new file mode 100644
index 0000000000..688d848165
--- /dev/null
+++ b/__tests__/plots/static/github-star-interval-dark-theme-transparent.ts
@@ -0,0 +1,15 @@
+import { G2Spec } from '../../../src';
+import { githubStar } from '../../data/github-star';
+
+export function githubStarIntervalDarkThemeTransparent(): G2Spec {
+  return {
+    type: 'interval',
+    theme: 'dark',
+    data: githubStar,
+    encode: {
+      x: 'name',
+      y: 'star',
+      color: 'name',
+    },
+  };
+}
diff --git a/__tests__/plots/static/index.ts b/__tests__/plots/static/index.ts
index 5e910a719e..acc47cc560 100644
--- a/__tests__/plots/static/index.ts
+++ b/__tests__/plots/static/index.ts
@@ -334,3 +334,4 @@ export { flareElementPointMovePie } from './flare-element-point-move-pie';
 export { flareElementPointMoveArea } from './flare-element-point-move-area';
 export { flareElementPointMoveAreaNormalizeY } from './flare-element-point-move-area-normalizeY';
 export { stackBarAnnotationStyleText } from './stack-bar-annotation-style-text';
+export { githubStarIntervalDarkThemeTransparent } from './github-star-interval-dark-theme-transparent';
diff --git a/site/examples/style/theme/demo/dark.ts b/site/examples/style/theme/demo/dark.ts
index 7eada1ba38..36f3161ccb 100644
--- a/site/examples/style/theme/demo/dark.ts
+++ b/site/examples/style/theme/demo/dark.ts
@@ -10,7 +10,12 @@ const chart = new Chart({
 });
 
 chart
-  .theme({ type: 'classicDark' }) // Apply dark theme.
+  .theme({
+    type: 'classicDark',
+    view: {
+      viewFill: '#141414',
+    },
+  }) // Apply dark theme.
   .coordinate({ type: 'theta', innerRadius: 0.25, outerRadius: 0.8 });
 
 chart
diff --git a/src/theme/dark.ts b/src/theme/dark.ts
index c4e6a476c8..9cc2dce52a 100644
--- a/src/theme/dark.ts
+++ b/src/theme/dark.ts
@@ -9,7 +9,7 @@ export const tokens = {
   colorWhite: '#000',
   colorStroke: '#416180',
   colorDefault: '#1783FF',
-  colorBackground: '#141414',
+  colorBackground: 'transparent',
   category10: [
     '#1783FF',
     '#00C9C9',