devtools/test_dashboard/index - boxplot.html

<!DOCTYPE html>
<html>
  <head>
    <title>Plotly.js Devtools</title>
    <link
      rel="stylesheet"
      type="text/css"
      href="//fonts.googleapis.com/css?family=Open+Sans:600,400,300,200|Droid+Sans|PT+Sans+Narrow|Gravitas+One|Droid+Sans+Mono|Droid+Serif|Raleway|Old+Standard+TT"
    />
    <link rel="stylesheet" type="text/css" href="./style.css" />
  </head>
  <body>
    <header>
      <img
        src="http://images.plot.ly/logo/plotlyjs-logo@2x.png"
        onClick="Tabs.reload();"
      />
      <span id="reload-time"></span>

      <input id="mocks-search" type="text" placeholder="mocks search" />
      <input id="css-transform" type="text" placeholder="css transform" />
    </header>

    <section id="mocks-list"></section>
    <div id="plots">
      <div id="graph">
        <div id="tester" style="width: 600px; height: 250px"></div>
      </div>
    </div>
    <div id="snapshot"></div>

    <script src="../../node_modules/mathjax-v2/MathJax.js?config=TeX-AMS-MML_SVG"></script>
    <script charset="utf-8" id="source" src="../../build/plotly.js">
      // type="module"
      // import Plotly from "../../build/plotly.js"
    </script>
    <script charset="utf-8" src="../../build/test_dashboard-bundle.js"></script>
    <script>
      let x1 = [
        1234, 1234, 1234, 2222, 3333, 4444, 4444, 2222, 3333, 4444, 4444, 1234,
        2222, 3333, 3333, 4444, 4444, 1234, 1234, 1234, 2222, 2222, 4444, 4444,
        4444,
      ];

      let x2 = [
        1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1.1, 1.2, 1.25, 1.25, 1.25, 1.1, 1.1, 1.1,
        1.1, 1.1, 1.1, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.2, 1.25,
      ];

      let x3 = [
        1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2,
        2,
      ];

      let y = [
        74.794746, 73.263952, 73.175294, 89.929494, 87.071843, 78.117551,
        76.690038, 85.818503, 97.373488, 76.747523, 73.172017, 68.891727,
        79.342691, 84.390967, 82.548122, 70.278573, 72.255796, 74.747855,
        73.312634, 70.067858, 81.736596, 84.71945, 80.099938, 82.208555,
        74.795867,
      ];

      var trace1 = {
        x: [x1, x2, x3],

        y: y,
        type: "box",
      };

      // var trace2 = {
      //   x: [x1, x2],

      //   y: y,
      //   type: "box",
      // };

      var data = [trace1];

      Plotly.newPlot("tester", data);
    </script>
  </body>
</html>