forked from ZJONSSON's block: Contour Test using Jason Davis implementation with D3
xxxxxxxxxx
<html>
<head>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/d3@2.10.3/d3.v2.js"></script>
<script type="text/javascript" src="https://paulbourke.net/papers/conrec/conrec.js"></script>
<script type="text/javascript" src="multiplot.js"></script>
</head>
<body>
<script type="text/javascript">
var c = new Conrec(),
xs = d3.range(0, data[0].length),
ys = d3.range(0, data.length),
zs = d3.range(-5, 3, .5),
w = 500, h = 500,
x=d3.scale.linear().range([0,w]).domain([0,data[0].length]),
y=d3.scale.linear().range([0,h]).domain([0,data.length]),
colours = d3.scale.linear().domain([-5, 3]).range(["#fff", "red"]);
c.contour(data, 0, xs.length-1, 0, ys.length-1, xs, ys, zs.length, zs);
svg=d3.select("body").append("svg:svg")
.attr("width",w)
.attr("height",h)
svg.selectAll("g")
.data(d3.nest().key(function(d) { return d.level}).entries(c.contourList()))
.enter()
.append("svg:g")
.attr("class",function(d) { return "level_"+d.key})
.style("fill",function(d) { console.log(d);return colours(d.key);})
.style("stroke","black")
.style("opacity",0.5)
.selectAll("path")
.data(function(d) { return d.values})
.enter()
.append("svg:path")
.attr("d",d3.svg.line()
.x(function(d) { return x(d.x)})
.y(function(d) { return y(d.y)})
)
</script>
</body>
</html>
Modified http://mbostock.github.com/d3/d3.js to a secure url
Modified http://paulbourke.net/papers/conrec/conrec.js to a secure url
https://mbostock.github.com/d3/d3.js
https://paulbourke.net/papers/conrec/conrec.js