D3 Examples - phish song co-occurrence graph

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
  <script>
   var _rollbarConfig = {accessToken: "cbe167272cef4622bc5817839e7f0f31", captureUncaught: true, captureUnhandledRejections: true, payload:{environment:(document.location.hostname === "eleven-twelve.net" ? "prod" : "dev")}};
   !function(r){function e(t){if(o[t])return o[t].exports;
     var n=o[t]={exports:{},id:t,loaded:!1};
     return r[t].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var o={};
     return e.m=r,e.c=o,e.p="",e(0)}([function(r,e,o){"use strict";
       var t=o(1).Rollbar,n=o(2);
       _rollbarConfig.rollbarJsUrl=_rollbarConfig.rollbarJsUrl||"https://d37gvrvc0wt4s1.cloudfront.net/js/v1.9/rollbar.min.js";
       var a=t.init(window,_rollbarConfig),i=n(a,_rollbarConfig);
       a.loadFull(window,document,!_rollbarConfig.async,_rollbarConfig,i)},function(r,e){"use strict";
         function o(r){return function(){try{return r.apply(this,arguments)}catch(e){try{console.error("[Rollbar]: Internal error",e)}catch(o){}}}}function t(r,e,o){window._rollbarWrappedError&&(o[4]||(o[4]=window._rollbarWrappedError),o[5]||(o[5]=window._rollbarWrappedError._rollbarContext),window._rollbarWrappedError=null),r.uncaughtError.apply(r,o),e&&e.apply(window,o)}function n(r){var e=function(){var e=Array.prototype.slice.call(arguments,0);
           t(r,r._rollbarOldOnError,e)};
           return e.belongsToShim=!0,e}function a(r){this.shimId=++c,this.notifier=null,this.parentShim=r,this._rollbarOldOnError=null}function i(r){var e=a;
             return o(function(){if(this.notifier)return this.notifier[r].apply(this.notifier,arguments);
               var o=this,t="scope"===r;
               t&&(o=new e(this));
               var n=Array.prototype.slice.call(arguments,0),a={shim:o,method:r,args:n,ts:new Date};
               return window._rollbarShimQueue.push(a),t?o:void 0})}function l(r,e){if(e.hasOwnProperty&&e.hasOwnProperty("addEventListener")){var o=e.addEventListener;
                 e.addEventListener=function(e,t,n){o.call(this,e,r.wrap(t),n)};
                 var t=e.removeEventListener;
                 e.removeEventListener=function(r,e,o){t.call(this,r,e&&e._wrapped?e._wrapped:e,o)}}}var c=0;
         a.init=function(r,e){var t=e.globalAlias||"Rollbar";
           if("object"==typeof r[t])return r[t];
           r._rollbarShimQueue=[],r._rollbarWrappedError=null,e=e||{};
           var i=new a;
           return o(function(){if(i.configure(e),e.captureUncaught){i._rollbarOldOnError=r.onerror,r.onerror=n(i);
             var o,a,c="EventTarget,Window,Node,ApplicationCache,AudioTrackList,ChannelMergerNode,CryptoOperation,EventSource,FileReader,HTMLUnknownElement,IDBDatabase,IDBRequest,IDBTransaction,KeyOperation,MediaController,MessagePort,ModalWindow,Notification,SVGElementInstance,Screen,TextTrack,TextTrackCue,TextTrackList,WebSocket,WebSocketWorker,Worker,XMLHttpRequest,XMLHttpRequestEventTarget,XMLHttpRequestUpload".split(",");
             for(o=0;
               o<c.length;
       ++o)a=c[o],r[a]&&r[a].prototype&&l(i,r[a].prototype)}return e.captureUnhandledRejections&&(i._unhandledRejectionHandler=function(r){var e=r.reason,o=r.promise,t=r.detail;
         !e&&t&&(e=t.reason,o=t.promise),i.unhandledRejection(e,o)},r.addEventListener("unhandledrejection",i._unhandledRejectionHandler)),r[t]=i,i})()},a.prototype.loadFull=function(r,e,t,n,a){var i=function(){var e;
           if(void 0===r._rollbarPayloadQueue){var o,t,n,i;
             for(e=new Error("rollbar.js did not load");
               o=r._rollbarShimQueue.shift();
             )for(n=o.args,i=0;
               i<n.length;
       ++i)if(t=n[i],"function"==typeof t){t(e);
         break}}"function"==typeof a&&a(e)},l=!1,c=e.createElement("script"),p=e.getElementsByTagName("script")[0],d=p.parentNode;
           c.crossOrigin="",c.src=n.rollbarJsUrl,c.async=!t,c.onload=c.onreadystatechange=o(function(){if(!(l||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState)){c.onload=c.onreadystatechange=null;
             try{d.removeChild(c)}catch(r){}l=!0,i()}}),d.insertBefore(c,p)},a.prototype.wrap=function(r,e){try{var o;
               if(o="function"==typeof e?e:function(){return e||{}},"function"!=typeof r)return r;
               if(r._isWrap)return r;
               if(!r._wrapped){r._wrapped=function(){try{return r.apply(this,arguments)}catch(e){throw"string"==typeof e&&(e=new String(e)),e._rollbarContext=o()||{},e._rollbarContext._wrappedSource=r.toString(),window._rollbarWrappedError=e,e}},r._wrapped._isWrap=!0;
                 for(var t in r)r.hasOwnProperty(t)&&(r._wrapped[t]=r[t])}return r._wrapped}catch(n){return r}};
         for(var p="log,debug,info,warn,warning,error,critical,global,configure,scope,uncaughtError,unhandledRejection".split(","),d=0;
           d<p.length;
       ++d)a.prototype[p[d]]=i(p[d]);
         r.exports={Rollbar:a,_rollbarWindowOnError:t}},function(r,e){"use strict";
           r.exports=function(r,e){return function(o){if(!o&&!window._rollbarInitialized){var t=window.RollbarNotifier,n=e||{},a=n.globalAlias||"Rollbar",i=window.Rollbar.init(n,r);
             i._processShimQueue(window._rollbarShimQueue||[]),window[a]=i,window._rollbarInitialized=!0,t.processPayloads()}}}}]);
  </script>
  <meta name="description" content="[An example of getting started with Cytoscape.js]" />
  <link href="style.css" rel="stylesheet" />
  <meta charset=utf-8 />
  <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
  <title>exploring Phish setlists</title>
  <script src="https://cdn.jsdelivr.net/gh/cytoscape/cytoscape.js/v2.7.10/dist/cytoscape.min.js"></script>
  <script src="https://cdn.jsdelivr.net/gh/cytoscape/cytoscape.js-spread/1.2.0/cytoscape-spread.js"></script>
  <script src="code.js"></script>
</head>
<body>
​
  <form>
    Year:
    <br/>
    <input type="number" min="1985" max="2016" id="year" />
    <br/>
    <button type="submit">Yeah!</button>
  </form>
​
  <div id="cy"></div>
​
  <script type="text/javascript">
   /* <![CDATA[ */
   var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "https://www.");
   document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
   /* ]]> */
  </script>
  <script type="text/javascript">
   /* <![CDATA[ */
   try {
     var pageTracker = _gat._getTracker("UA-7726706-1");
     pageTracker._trackPageview();
   } catch(err) {}
   /* ]]> */
  </script>
</body>
</html>
​
    