Vis with great circle lines and leaflet q-cluster plugin

<html>
<head>
  <link rel="stylesheet" href="https://libs.cartocdn.com/cartodb.js/v3/themes/css/cartodb.css" />
  <script src="https://libs.cartocdn.com/cartodb.js/v3/cartodb.js"></script>
          <link rel="stylesheet" href="//spatialdev.github.io/q-cluster/demo/css/normalize.css">
          <link rel="stylesheet" href="//spatialdev.github.io/q-cluster/demo/css/main.css">
        <link rel="stylesheet" href="//spatialdev.github.io/q-cluster/css/q-cluster.css">
        <script src="//spatialdev.github.io/q-cluster/demo/js/vendor/modernizr-2.7.1.min.js"></script>
        <script src="https://d3js.org/d3.v3.min.js"></script>
          
        <script src="//spatialdev.github.io/q-cluster/src/utils.js"></script>
        <script src="//spatialdev.github.io/q-cluster/src/clustering.js"></script>
        <script src="//spatialdev.github.io/q-cluster/src/point-clusterer.js"></script>
        <script src="//spatialdev.github.io/q-cluster/src/make-donuts.js"></script>
  
  <style>
    html, body {width:100%; height:100%; padding: 0; margin: 0;}
    #cartodb-map { width: 100%; height:100%; background: black;}
  </style>

L.tileLayer('https://dnv9my2eseobd.cloudfront.net/v3/cartodb.map-4xtxp73f/{z}/{x}/{y}.png', {
        attribution: 'Mapbox <a href="https://mapbox.com/about/maps" target="_blank">Terms &amp; Feedback</a>'
      }).addTo(map);*/

map = new L.Map('cartodb-map', { 
                    center: [32.9, -88.3],
                    zoom: 9
                })

L.tileLayer('https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="https://cartodb.com/attributions">CartoDB</a>'
      }).addTo(map);

var layerUrl = 'https://team.cartodb.com/u/athompson/api/v2_1/viz/f0cf16f4-0647-11e5-9fc4-0e9d821ea90d/viz.json';

// change the query for the first layer
      var subLayerOptions = {
        sql: "SELECT * FROM example_cartodbjs_1 where adm0_a3 = 'USA'",
        cartocss: "#example_cartodbjs_1{marker-fill: #109DCD; marker-width: 5; marker-line-color: white; marker-line-width: 0;}"
      }

cartodb.createLayer(map, layerUrl)
        .addTo(map)
        .on('done', function(layer) {
          //layer.getSubLayer(0).set(subLayerOptions);
        }).on('error', function() {
          //log the error
        });

$.ajax({
                context: this,
                type: 'GET',
                dataType: "json",
                url: 'commercial_data.json',
                success: function(data, textStatus, jqXHR){
                    
                    
                    var pointClusterer = new QCluster.PointClusterer(data, 'loans', map, 'loan-layer',
                                                                {
                                                                    reportingProperty: 'consumer_commercial',
                                                                    backgroundColor: '#0099dd'
                                                                });
                    
                },
                error: function(jqXHR, textStatus, errorThrown){
                    
                }
            });
    }  
  </script>
</head>

Modified http://libs.cartocdn.com/cartodb.js/v3/cartodb.js to a secure url

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

Modified http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js to a secure url

https://libs.cartocdn.com/cartodb.js/v3/cartodb.js

https://spatialdev.github.io/q-cluster/demo/js/vendor/modernizr-2.7.1.min.js

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

https://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js

https://spatialdev.github.io/q-cluster/src/utils.js

https://spatialdev.github.io/q-cluster/src/clustering.js

https://spatialdev.github.io/q-cluster/src/point-clusterer.js

https://spatialdev.github.io/q-cluster/src/make-donuts.js