#Unbelievable clickme d3 straight from R
I deserve no credit for this. Go to clickme for the guy that deserves all the credit. I just simply put it in Gist form for it to show up on bl.ocks.org
xxxxxxxxxx<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>PCP Heatmap</title> <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script><script src="https://code.jquery.com/jquery-1.7.1.min.js"></script><script src="https://cdn.jsdelivr.net/npm/underscore@1.12.1/underscore-min.js"></script><script src="https://documentcloud.github.com/backbone/backbone.js"></script><script src="https://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script><script src="https://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script><script src="https://cdn.jsdelivr.net/npm/d3@2.10.3/d3.v2.js"></script><script src="helper.js"></script><script src="longitudinal_model.js"></script><script src="dashboard_view.js"></script><script src="heatmap_view.js"></script><script src="pcp_view.js"></script> <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"><link href="leanback_style.css" rel="stylesheet"><link href="longitudinal.css" rel="stylesheet"> </head> <body> <div id='dashboard'> <div class='clusters'></div> <h1></h1> </div> <main> <svg id='heatmap'></svg> <svg id='pcp'></svg> </main> <script type="text/javascript"> var urlVars = getUrlVars(); $(document).ready(function() { d3.text("data.csv", function(text) { var parsedGenes = d3.csv.parse(text); var userOptions = { urlVars: urlVars, rowNameColumn: "gene_symbol", rowType: "genes", yAxisName: "log-ratio" }; var model = new window.LongitudinalModel(parsedGenes, userOptions); var dashboardView = new window.DashboardView({ el: "#dashboard", model: model}); var heatmapView = new window.HeatmapView({ el: "#heatmap", model: model}); var pcpView = new window.PcpView({ el: "#pcp", model: model}); d3.select("body").style("padding-top", d3.select("#dashboard").node().offsetHeight); resetOnClick(model); }); }); </script> </body></html> Modified http://html5shim.googlecode.com/svn/trunk/html5.js to a secure url
Modified http://code.jquery.com/jquery-1.7.1.min.js to a secure url
Modified http://documentcloud.github.com/underscore/underscore.js to a secure url
Modified http://documentcloud.github.com/backbone/backbone.js to a secure url
Modified http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js to a secure url
Modified http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js to a secure url
Modified http://mbostock.github.com/d3/d3.js to a secure url
https://html5shim.googlecode.com/svn/trunk/html5.js
https://code.jquery.com/jquery-1.7.1.min.js
https://documentcloud.github.com/underscore/underscore.js
https://documentcloud.github.com/backbone/backbone.js
https://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js
https://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js
https://mbostock.github.com/d3/d3.js