forked from syntagmatic's block: Parallel Coordinates CSV Upload
xxxxxxxxxx
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Parallel Coordinates CSV Upload</title>
<link rel="stylesheet" type="text/css" href="parallel.css" />
</head>
<body>
<div id="chart">
<canvas id="background"></canvas>
<canvas id="foreground"></canvas>
<canvas id="highlight"></canvas>
<svg></svg>
</div>
<div id="wrap">
<div>
<button title="Zoom in on selected data" id="keep-data" disabled="disabled">Keep</button>
<button title="Remove selected data" id="exclude-data" disabled="disabled">Exclude</button>
<button title="Export data as CSV" id="export-data">Export CSV</button>
<input type="file" id="uploader">
</div>
<div class="third" id="controls">
<h3>Parallel Coordinates</h3>
<small>
<strong id="data-count"></strong> entries, <strong id="selected-count"></strong> selected, <strong id="rendered-count"></strong> rendered<br/>
<div class="fillbar"><div id="selected-bar"><div id="rendered-bar"> </div></div></div>
Lines at <strong id="opacity"></strong> opacity.
<!--Last rendered <strong id="render-speed"></strong> lines-->
</small>
<h3>Controls</h3>
<p>
<strong>Brush</strong>: Drag vertically along an axis.<br/>
<strong>Remove Brush</strong>: Tap the axis background.<br/>
<strong>Reorder Axes</strong>: Drag a label horizontally.<br/>
<strong>Invert Axis</strong>: Tap an axis label.<br/>
<strong>Remove Axis</strong>: Drag axis label to the left edge.<br/>
</p>
<h3>Appearance</h3>
<button id="hide-ticks">Hide Ticks</button>
<button id="show-ticks" disabled="disabled">Show Ticks</button><br/>
<button id="dark-theme">Dark</button>
<button id="light-theme" disabled="disabled">Light</button>
<h3>Credits & License</h3>
<small>
<p>
Adapted from examples by<br/>
<a href="https://bl.ocks.org/1341021">Mike Bostock</a> and <a href="https://bl.ocks.org/1341281">Jason Davies</a><br/>
</p>
<p>
Copyright © 2012, Kai Chang<br/>
All rights reserved. Released under the <a href="https://opensource.org/licenses/bsd-3-clause">BSD License</a>.
</p>
</small>
</p>
</div>
<div class="two-third">
<h3>Sample of 25 entries</h3>
<table id="food-list" cellspacing="0" cellpadding="0">
</table>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/d3@2.10.3/d3.v2.js"></script>
<script src="https://cdn.jsdelivr.net/npm/underscore@1.12.1/underscore-min.js"></script>
<script src="parallel.js"></script>
<script src="upload.js"></script>
</html>
Modified http://mbostock.github.com/d3/d3.v2.js to a secure url
Modified http://documentcloud.github.com/underscore/underscore.js to a secure url
https://mbostock.github.com/d3/d3.v2.js
https://documentcloud.github.com/underscore/underscore.js