Dimple.js Line Scatter Analysis

Just a simple DimpleJS chart graph to illustrate combination of Line chart and Scatter chart dual encoding, so better aesthetics.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v3.min.js"></script>
  <script src="https://dimplejs.org/dist/dimple.v2.0.0.min.js"></script>

"use strict";
          var margin = 75,
              width = 1400 - margin,
              height = 600 - margin;

d3.select('body')
          .append('h2')
          .text("Line Scatter Analysis");

var svg = d3.select("body")
            .append("svg")
              .attr("width", width + margin)
              .attr("height", height + margin)
            .append('g')
                .attr('class','chart');

/*
        Dimple.js Chart construction code
      */

var myChart = new dimple.chart(svg, data);
          var x = myChart.addTimeAxis("x", "Date"); 
          myChart.addMeasureAxis("y", "Quantity");
          //Formating graph
          x.timeInterval = 4;
          myChart.addSeries(null, dimple.plot.line);
          myChart.addSeries(null, dimple.plot.scatter);
          myChart.draw();
        };
      </script>
  </head>
<body>
  <script type="text/javascript">
  /*
    Use D3 (not dimple.js) to load the TSV file
    and pass the contents of it to the draw function
    */
  d3.tsv("test.tsv", draw);
  </script>
</body>
</html>

Modified http://d3js.org/d3.v3.min.js to a secure url

Modified http://dimplejs.org/dist/dimple.v2.0.0.min.js to a secure url

https://d3js.org/d3.v3.min.js

https://dimplejs.org/dist/dimple.v2.0.0.min.js