maidr 1.0.0

package/examples/other/audio_oscillator_boxplot.js

@@ -0,0 +1,95 @@
+// variables for audio
+// put these in user controls ater
+var currAudio = -1;
+var audioPlay = true;
+var duration = 0.3;
+var vol = 0.5;
+
+// audio setup
+const AudioContext = window["AudioContext"] || window["webkitAudioContext"];
+const audioContext = new AudioContext();
+const compressor = audioContext.createDynamicsCompressor(); // create compressor for better audio quality
+compressor.threshold.value = -50;
+compressor.knee.value = 40;
+compressor.ratio.value = 12;
+compressor.attack.value = 0;
+compressor.release.value = 0.25;
+var gainMaster = audioContext.createGain(); // create master gain
+gainMaster.gain.value = vol;
+compressor.connect(gainMaster);
+gainMaster.connect(audioContext.destination);
+
+svg.addEventListener("keydown", function (e) {
+  if (e.which == 32) {
+    if (audioPlay) {
+      playOscillator(currAudio);
+    }
+  }
+
+  if (e.which === 39) {
+    if (currAudio >= -1 && currAudio < _numBars - 1) {
+      currAudio += 1;
+      if (audioPlay) {
+        playOscillator(currAudio);
+      }
+    }
+  }
+
+  if (e.which === 37) {
+    if (currAudio > 0 && currAudio < _numBars) {
+      currAudio -= 1;
+      if (audioPlay) {
+        playOscillator(currAudio);
+      }
+    }
+  }
+
+  if (e.which == 83) {
+    audioPlay = !audioPlay;
+  }
+});
+
+// an oscillator is created and destroyed whenever a window key (left arrow, right arrow, spacebar)
+function playOscillator(curr_audio) {
+  const t = audioContext.currentTime;
+
+  // create oscillator
+  const oscillator = audioContext.createOscillator();
+  oscillator.type = "sine";
+
+  let frequency = MIN_FREQUENCY;
+  if (ymax != ymin && curr_audio > 0) {
+    if (y_values == null) {
+      frequency += ((height[curr_audio] - ymin) * (1000 - 100)) / (ymax - ymin);
+    } else {
+      frequency +=
+        ((y_values[curr_audio] - ymin) * (1000 - 100)) / (ymax - ymin);
+    }
+  }
+  oscillator.frequency.value = parseFloat(frequency);
+  oscillator.start();
+
+  // create gain for this event
+  const gainThis = audioContext.createGain();
+  gainThis.gain.setValueCurveAtTime(
+    [0.5, 1, 0.5, 0.5, 0.5, 0.1, 1e-4],
+    t,
+    duration
+  ); // this is what makes the tones fade out properly and not clip
+
+  // create panning
+  var panning = (curr_audio - _numBars / 2) / (_numBars / 2); // panning = -1 (left) to 1 (right) as x axis (curr_audio) goes from min to max
+  const panner = audioContext.createStereoPanner();
+  panner.pan.value = panning;
+  oscillator.connect(gainThis);
+  gainThis.connect(panner);
+  panner.connect(compressor);
+
+  // play sound for duration
+  setTimeout(() => {
+    panner.disconnect();
+    gainThis.disconnect();
+    oscillator.stop();
+    oscillator.disconnect();
+  }, duration * 1e3 * 2);
+}

package/examples/other/barplot_labels.svg

@@ -0,0 +1,314 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="604px" height="423px" viewBox="0 0 604 423" version="1.1">
+  <metadata xmlns:gridsvg="http://www.stat.auckland.ac.nz/~paul/R/gridSVG/">
+    <gridsvg:generator name="gridSVG" version="1.7-5" time="2023-04-21 06:49:30"/>
+    <gridsvg:argument name="name" value="barplot_labels.svg"/>
+    <gridsvg:argument name="exportCoords" value="none"/>
+    <gridsvg:argument name="exportMappings" value="none"/>
+    <gridsvg:argument name="exportJS" value="none"/>
+    <gridsvg:argument name="res" value="72"/>
+    <gridsvg:argument name="prefix" value=""/>
+    <gridsvg:argument name="addClasses" value="FALSE"/>
+    <gridsvg:argument name="indent" value="TRUE"/>
+    <gridsvg:argument name="htmlWrapper" value="FALSE"/>
+    <gridsvg:argument name="usePaths" value="vpPaths"/>
+    <gridsvg:argument name="uniqueNames" value="TRUE"/>
+    <gridsvg:separator name="id.sep" value="."/>
+    <gridsvg:separator name="gPath.sep" value="::"/>
+    <gridsvg:separator name="vpPath.sep" value="::"/>
+  </metadata>
+  <g transform="translate(0, 423) scale(1, -1)">
+    <g id="gridSVG" fill="rgb(255,255,255)" stroke="rgb(0,0,0)" stroke-dasharray="none" stroke-width="0.75" font-size="12" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" opacity="1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+      <g id="layout.1">
+        <g id="layout.2">
+          <defs>
+            <clipPath id="layout::background.1-9-12-1.1.clipPath">
+              <rect x="0" y="0" width="604" height="423" fill="none" stroke="none"/>
+            </clipPath>
+          </defs>
+          <g id="layout::background.1-9-12-1.1" clip-path="url(#layout::background.1-9-12-1.1.clipPath)">
+            <g id="background.1-9-12-1.1">
+              <g id="plot.background..rect.126.1">
+                <rect id="plot.background..rect.126.1.1" x="0" y="0" width="604" height="423" transform="" stroke-width="1.07" stroke="rgb(255,255,255)" fill="rgb(255,255,255)" stroke-dasharray="none" stroke-opacity="1" fill-opacity="1"/>
+              </g>
+            </g>
+          </g>
+          <defs>
+            <clipPath id="layout::panel.7-5-7-5.1.clipPath">
+              <rect x="47.83" y="31.5" width="550.69" height="368.33" fill="none" stroke="none"/>
+            </clipPath>
+          </defs>
+          <g id="layout::panel.7-5-7-5.1" clip-path="url(#layout::panel.7-5-7-5.1.clipPath)">
+            <g id="panel.7-5-7-5.1">
+              <g id="panel-1.gTree.104.1">
+                <g id="grill.gTree.102.1">
+                  <g id="panel.background..rect.95.1">
+                    <rect id="panel.background..rect.95.1.1" x="47.83" y="31.5" width="550.69" height="368.33" transform="" stroke-width="1.07" stroke="none" fill="rgb(235,235,235)" stroke-dasharray="none" stroke-opacity="0" fill-opacity="1"/>
+                  </g>
+                  <g id="panel.grid.minor.y..polyline.97.1">
+                    <polyline id="panel.grid.minor.y..polyline.97.1.1" points="47.83,87.08 598.52,87.08" stroke="rgb(255,255,255)" fill="none" stroke-width="0.53" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.minor.y..polyline.97.1.2" points="47.83,164.77 598.52,164.77" stroke="rgb(255,255,255)" fill="none" stroke-width="0.53" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.minor.y..polyline.97.1.3" points="47.83,242.45 598.52,242.45" stroke="rgb(255,255,255)" fill="none" stroke-width="0.53" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.minor.y..polyline.97.1.4" points="47.83,320.14 598.52,320.14" stroke="rgb(255,255,255)" fill="none" stroke-width="0.53" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.minor.y..polyline.97.1.5" points="47.83,397.83 598.52,397.83" stroke="rgb(255,255,255)" fill="none" stroke-width="0.53" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                  </g>
+                  <g id="panel.grid.major.y..polyline.99.1">
+                    <polyline id="panel.grid.major.y..polyline.99.1.1" points="47.83,48.24 598.52,48.24" stroke="rgb(255,255,255)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.major.y..polyline.99.1.2" points="47.83,125.92 598.52,125.92" stroke="rgb(255,255,255)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.major.y..polyline.99.1.3" points="47.83,203.61 598.52,203.61" stroke="rgb(255,255,255)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.major.y..polyline.99.1.4" points="47.83,281.3 598.52,281.3" stroke="rgb(255,255,255)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.major.y..polyline.99.1.5" points="47.83,358.98 598.52,358.98" stroke="rgb(255,255,255)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                  </g>
+                  <g id="panel.grid.major.x..polyline.101.1">
+                    <polyline id="panel.grid.major.x..polyline.101.1.1" points="111.37,31.5 111.37,399.82" stroke="rgb(255,255,255)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.major.x..polyline.101.1.2" points="217.27,31.5 217.27,399.82" stroke="rgb(255,255,255)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.major.x..polyline.101.1.3" points="323.17,31.5 323.17,399.82" stroke="rgb(255,255,255)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.major.x..polyline.101.1.4" points="429.08,31.5 429.08,399.82" stroke="rgb(255,255,255)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                    <polyline id="panel.grid.major.x..polyline.101.1.5" points="534.98,31.5 534.98,399.82" stroke="rgb(255,255,255)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                  </g>
+                </g>
+                <g id="geom_rect.rect.91.1">
+                  <rect id="geom_rect.rect.91.1.1" x="63.71" y="48.24" width="95.31" height="25.01" transform="" stroke="none" fill="rgb(89,89,89)" stroke-width="1.07" stroke-dasharray="none" stroke-linejoin="miter" stroke-linecap="butt" stroke-opacity="0" fill-opacity="1"/>
+                  <rect id="geom_rect.rect.91.1.2" x="169.61" y="48.24" width="95.31" height="76.23" transform="" stroke="none" fill="rgb(89,89,89)" stroke-width="1.07" stroke-dasharray="none" stroke-linejoin="miter" stroke-linecap="butt" stroke-opacity="0" fill-opacity="1"/>
+                  <rect id="geom_rect.rect.91.1.3" x="275.52" y="48.24" width="95.31" height="187.72" transform="" stroke="none" fill="rgb(89,89,89)" stroke-width="1.07" stroke-dasharray="none" stroke-linejoin="miter" stroke-linecap="butt" stroke-opacity="0" fill-opacity="1"/>
+                  <rect id="geom_rect.rect.91.1.4" x="381.42" y="48.24" width="95.31" height="214.27" transform="" stroke="none" fill="rgb(89,89,89)" stroke-width="1.07" stroke-dasharray="none" stroke-linejoin="miter" stroke-linecap="butt" stroke-opacity="0" fill-opacity="1"/>
+                  <rect id="geom_rect.rect.91.1.5" x="487.32" y="48.24" width="95.31" height="334.84" transform="" stroke="none" fill="rgb(89,89,89)" stroke-width="1.07" stroke-dasharray="none" stroke-linejoin="miter" stroke-linecap="butt" stroke-opacity="0" fill-opacity="1"/>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="layout::spacer.8-6-8-6.1">
+            <g id="spacer.8-6-8-6.1"/>
+          </g>
+          <g id="layout::spacer.8-4-8-4.1">
+            <g id="spacer.8-4-8-4.1"/>
+          </g>
+          <g id="layout::spacer.6-6-6-6.1">
+            <g id="spacer.6-6-6-6.1"/>
+          </g>
+          <g id="layout::spacer.6-4-6-4.1">
+            <g id="spacer.6-4-6-4.1"/>
+          </g>
+          <g id="layout::axis-t.6-5-6-5.1">
+            <g id="axis-t.6-5-6-5.1"/>
+          </g>
+          <g id="layout::axis-l.7-4-7-4.1">
+            <g id="axis-l.7-4-7-4.1">
+              <g id="layout::axis-l.7-4-7-4::GRID.VP.28.1">
+                <g id="GRID.absoluteGrob.112.1">
+                  <g id="layout::axis-l.7-4-7-4::GRID.VP.28::axis.1">
+                    <g id="axis.1">
+                      <g id="layout::axis-l.7-4-7-4::GRID.VP.28::axis::axis.1-1-1-1.1">
+                        <g id="axis.1-1-1-1.1">
+                          <g id="layout::axis-l.7-4-7-4::GRID.VP.28::axis::axis.1-1-1-1::GRID.VP.26.1" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" stroke-opacity="1" font-weight="normal" font-style="normal">
+                            <g id="layout::axis-l.7-4-7-4::GRID.VP.28::axis::axis.1-1-1-1::GRID.VP.26::GRID.VP.27.1">
+                              <g id="GRID.titleGrob.110.1">
+                                <g id="GRID.text.109.1">
+                                  <g id="GRID.text.109.1.1" transform="translate(42.89, 48.24)" stroke-width="0.1">
+                                    <g id="GRID.text.109.1.1.scale" transform="scale(1, -1)">
+                                      <text x="0" y="0" id="GRID.text.109.1.1.text" text-anchor="end" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(77,77,77)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                                        <tspan id="GRID.text.109.1.1.tspan.1" dy="3.15" x="0">0</tspan>
+                                      </text>
+                                    </g>
+                                  </g>
+                                  <g id="GRID.text.109.1.2" transform="translate(42.89, 125.92)" stroke-width="0.1">
+                                    <g id="GRID.text.109.1.2.scale" transform="scale(1, -1)">
+                                      <text x="0" y="0" id="GRID.text.109.1.2.text" text-anchor="end" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(77,77,77)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                                        <tspan id="GRID.text.109.1.2.tspan.1" dy="3.15" x="0">5000</tspan>
+                                      </text>
+                                    </g>
+                                  </g>
+                                  <g id="GRID.text.109.1.3" transform="translate(42.89, 203.61)" stroke-width="0.1">
+                                    <g id="GRID.text.109.1.3.scale" transform="scale(1, -1)">
+                                      <text x="0" y="0" id="GRID.text.109.1.3.text" text-anchor="end" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(77,77,77)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                                        <tspan id="GRID.text.109.1.3.tspan.1" dy="3.15" x="0">10000</tspan>
+                                      </text>
+                                    </g>
+                                  </g>
+                                  <g id="GRID.text.109.1.4" transform="translate(42.89, 281.3)" stroke-width="0.1">
+                                    <g id="GRID.text.109.1.4.scale" transform="scale(1, -1)">
+                                      <text x="0" y="0" id="GRID.text.109.1.4.text" text-anchor="end" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(77,77,77)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                                        <tspan id="GRID.text.109.1.4.tspan.1" dy="3.15" x="0">15000</tspan>
+                                      </text>
+                                    </g>
+                                  </g>
+                                  <g id="GRID.text.109.1.5" transform="translate(42.89, 358.98)" stroke-width="0.1">
+                                    <g id="GRID.text.109.1.5.scale" transform="scale(1, -1)">
+                                      <text x="0" y="0" id="GRID.text.109.1.5.text" text-anchor="end" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(77,77,77)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                                        <tspan id="GRID.text.109.1.5.tspan.1" dy="3.15" x="0">20000</tspan>
+                                      </text>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                      <g id="layout::axis-l.7-4-7-4::GRID.VP.28::axis::axis.1-2-1-2.1">
+                        <g id="axis.1-2-1-2.1">
+                          <g id="GRID.polyline.111.1">
+                            <polyline id="GRID.polyline.111.1.1" points="45.09,48.24 47.83,48.24" stroke="rgb(51,51,51)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                            <polyline id="GRID.polyline.111.1.2" points="45.09,125.92 47.83,125.92" stroke="rgb(51,51,51)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                            <polyline id="GRID.polyline.111.1.3" points="45.09,203.61 47.83,203.61" stroke="rgb(51,51,51)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                            <polyline id="GRID.polyline.111.1.4" points="45.09,281.3 47.83,281.3" stroke="rgb(51,51,51)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                            <polyline id="GRID.polyline.111.1.5" points="45.09,358.98 47.83,358.98" stroke="rgb(51,51,51)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="layout::axis-r.7-6-7-6.1">
+            <g id="axis-r.7-6-7-6.1"/>
+          </g>
+          <g id="layout::axis-b.8-5-8-5.1">
+            <g id="axis-b.8-5-8-5.1">
+              <g id="layout::axis-b.8-5-8-5::GRID.VP.25.1">
+                <g id="GRID.absoluteGrob.108.1">
+                  <g id="layout::axis-b.8-5-8-5::GRID.VP.25::axis.1">
+                    <g id="axis.2">
+                      <g id="layout::axis-b.8-5-8-5::GRID.VP.25::axis::axis.1-1-1-1.1">
+                        <g id="axis.1-1-1-1.2">
+                          <g id="GRID.polyline.107.1">
+                            <polyline id="GRID.polyline.107.1.1" points="111.37,28.76 111.37,31.5" stroke="rgb(51,51,51)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                            <polyline id="GRID.polyline.107.1.2" points="217.27,28.76 217.27,31.5" stroke="rgb(51,51,51)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                            <polyline id="GRID.polyline.107.1.3" points="323.17,28.76 323.17,31.5" stroke="rgb(51,51,51)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                            <polyline id="GRID.polyline.107.1.4" points="429.08,28.76 429.08,31.5" stroke="rgb(51,51,51)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                            <polyline id="GRID.polyline.107.1.5" points="534.98,28.76 534.98,31.5" stroke="rgb(51,51,51)" fill="none" stroke-width="1.07" stroke-dasharray="none" stroke-linecap="butt" stroke-opacity="1" fill-opacity="1"/>
+                          </g>
+                        </g>
+                      </g>
+                      <g id="layout::axis-b.8-5-8-5::GRID.VP.25::axis::axis.2-1-2-1.1">
+                        <g id="axis.2-1-2-1.1">
+                          <g id="layout::axis-b.8-5-8-5::GRID.VP.25::axis::axis.2-1-2-1::GRID.VP.23.1" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" stroke-opacity="1" font-weight="normal" font-style="normal">
+                            <g id="layout::axis-b.8-5-8-5::GRID.VP.25::axis::axis.2-1-2-1::GRID.VP.23::GRID.VP.24.1">
+                              <g id="GRID.titleGrob.106.1">
+                                <g id="GRID.text.105.1">
+                                  <g id="GRID.text.105.1.1" transform="translate(111.37, 26.56)" stroke-width="0.1">
+                                    <g id="GRID.text.105.1.1.scale" transform="scale(1, -1)">
+                                      <text x="0" y="0" id="GRID.text.105.1.1.text" text-anchor="middle" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(77,77,77)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                                        <tspan id="GRID.text.105.1.1.tspan.1" dy="6.3" x="0">Fair</tspan>
+                                      </text>
+                                    </g>
+                                  </g>
+                                  <g id="GRID.text.105.1.2" transform="translate(217.27, 26.56)" stroke-width="0.1">
+                                    <g id="GRID.text.105.1.2.scale" transform="scale(1, -1)">
+                                      <text x="0" y="0" id="GRID.text.105.1.2.text" text-anchor="middle" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(77,77,77)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                                        <tspan id="GRID.text.105.1.2.tspan.1" dy="6.3" x="0">Good</tspan>
+                                      </text>
+                                    </g>
+                                  </g>
+                                  <g id="GRID.text.105.1.3" transform="translate(323.17, 26.56)" stroke-width="0.1">
+                                    <g id="GRID.text.105.1.3.scale" transform="scale(1, -1)">
+                                      <text x="0" y="0" id="GRID.text.105.1.3.text" text-anchor="middle" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(77,77,77)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                                        <tspan id="GRID.text.105.1.3.tspan.1" dy="6.3" x="0">Very Good</tspan>
+                                      </text>
+                                    </g>
+                                  </g>
+                                  <g id="GRID.text.105.1.4" transform="translate(429.08, 26.56)" stroke-width="0.1">
+                                    <g id="GRID.text.105.1.4.scale" transform="scale(1, -1)">
+                                      <text x="0" y="0" id="GRID.text.105.1.4.text" text-anchor="middle" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(77,77,77)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                                        <tspan id="GRID.text.105.1.4.tspan.1" dy="6.3" x="0">Premium</tspan>
+                                      </text>
+                                    </g>
+                                  </g>
+                                  <g id="GRID.text.105.1.5" transform="translate(534.98, 26.56)" stroke-width="0.1">
+                                    <g id="GRID.text.105.1.5.scale" transform="scale(1, -1)">
+                                      <text x="0" y="0" id="GRID.text.105.1.5.text" text-anchor="middle" font-size="8.8" stroke="rgb(77,77,77)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(77,77,77)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                                        <tspan id="GRID.text.105.1.5.tspan.1" dy="6.3" x="0">Ideal</tspan>
+                                      </text>
+                                    </g>
+                                  </g>
+                                </g>
+                              </g>
+                            </g>
+                          </g>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="layout::xlab-t.5-5-5-5.1">
+            <g id="xlab-t.5-5-5-5.1"/>
+          </g>
+          <g id="layout::xlab-b.9-5-9-5.1">
+            <g id="xlab-b.9-5-9-5.1">
+              <g id="layout::xlab-b.9-5-9-5::GRID.VP.29.1" font-size="11" stroke="rgb(0,0,0)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" stroke-opacity="1" font-weight="normal" font-style="normal">
+                <g id="layout::xlab-b.9-5-9-5::GRID.VP.29::GRID.VP.30.1">
+                  <g id="axis.title.x.bottom..titleGrob.115.1">
+                    <g id="GRID.text.113.1">
+                      <g id="GRID.text.113.1.1" transform="translate(323.17, 15.67)" stroke-width="0.1">
+                        <g id="GRID.text.113.1.1.scale" transform="scale(1, -1)">
+                          <text x="0" y="0" id="GRID.text.113.1.1.text" text-anchor="middle" font-size="11" stroke="rgb(0,0,0)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(0,0,0)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                            <tspan id="GRID.text.113.1.1.tspan.1" dy="7.88" x="0">Cut</tspan>
+                          </text>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="layout::ylab-l.7-3-7-3.1">
+            <g id="ylab-l.7-3-7-3.1">
+              <g id="layout::ylab-l.7-3-7-3::GRID.VP.31.1" font-size="11" stroke="rgb(0,0,0)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" stroke-opacity="1" font-weight="normal" font-style="normal">
+                <g id="layout::ylab-l.7-3-7-3::GRID.VP.31::GRID.VP.32.1">
+                  <g id="axis.title.y.left..titleGrob.118.1">
+                    <g id="GRID.text.116.1">
+                      <g id="GRID.text.116.1.1" transform="translate(5.48, 215.66)" stroke-width="0.1">
+                        <g id="GRID.text.116.1.1.scale" transform="scale(1, -1)">
+                          <text x="0" y="0" id="GRID.text.116.1.1.text" transform="rotate(-90)" text-anchor="middle" font-size="11" stroke="rgb(0,0,0)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(0,0,0)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                            <tspan id="GRID.text.116.1.1.tspan.1" dy="7.88" x="0">Count</tspan>
+                          </text>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="layout::ylab-r.7-7-7-7.1">
+            <g id="ylab-r.7-7-7-7.1"/>
+          </g>
+          <g id="layout::subtitle.4-5-4-5.1">
+            <g id="subtitle.4-5-4-5.1"/>
+          </g>
+          <g id="layout::title.3-5-3-5.1">
+            <g id="title.3-5-3-5.1">
+              <g id="layout::title.3-5-3-5::GRID.VP.33.1" font-size="13.2" stroke="rgb(0,0,0)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" stroke-opacity="1" font-weight="normal" font-style="normal">
+                <g id="layout::title.3-5-3-5::GRID.VP.33::GRID.VP.34.1">
+                  <g id="plot.title..titleGrob.121.1">
+                    <g id="GRID.text.119.1">
+                      <g id="GRID.text.119.1.1" transform="translate(47.83, 417.52)" stroke-width="0.1">
+                        <g id="GRID.text.119.1.1.scale" transform="scale(1, -1)">
+                          <text x="0" y="0" id="GRID.text.119.1.1.text" text-anchor="start" font-size="13.2" stroke="rgb(0,0,0)" font-family="Helvetica, Arial, FreeSans, Liberation Sans, Nimbus Sans L, sans-serif" fill="rgb(0,0,0)" stroke-opacity="1" fill-opacity="1" font-weight="normal" font-style="normal">
+                            <tspan id="GRID.text.119.1.1.tspan.1" dy="9.45" x="0">The Number of Diamonds by Cut.</tspan>
+                          </text>
+                        </g>
+                      </g>
+                    </g>
+                  </g>
+                </g>
+              </g>
+            </g>
+          </g>
+          <g id="layout::caption.10-5-10-5.1">
+            <g id="caption.10-5-10-5.1"/>
+          </g>
+          <g id="layout::tag.2-2-2-2.1">
+            <g id="tag.2-2-2-2.1"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>