D3 Examples - Nutrient Scatterplot

xxxxxxxxxx
 
<!doctype html>
​
<link rel=stylesheet href=style.css />
​
<h1>Nutrient Scatterplot</h1>
<svg id="chart"></svg>
<div id="controls">
  X <select id="xaxis"></select><br/>
  Y <select id="yaxis"></select><br/>
  Force Layout <button class="fire" value="f">f</button>
</div>
​
<script src="https://cdn.jsdelivr.net/npm/underscore@1.12.1/underscore-min.js"></script>
<script src="https://zeptojs.com/zepto.min.js"></script>
<script src="https://keithcirkel.co.uk/jwerty/jwerty.js"></script>
<script src="https://cdn.jsdelivr.net/npm/d3@2.10.3/d3.v2.js"></script>
<script src="scatter.js"></script>
<script src="force.js"></script>
​
<script>
// buttons that fire key combinations
$('button.fire').on('click', function() {
  jwerty.fire( $(this).val() );
});
​
// key combinations
jwerty.key('f', force_layout);
</script>
    