Skip to content

Instantly share code, notes, and snippets.

@ssmaroju

ssmaroju/.block

Last active October 23, 2018 14:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ssmaroju/bffbf14dedf2b0bd23818d53546e25d3 to your computer and use it in GitHub Desktop.
Save ssmaroju/bffbf14dedf2b0bd23818d53546e25d3 to your computer and use it in GitHub Desktop.
Download ZIP
Riser 3 and 4
Raw
.block
license: mit
Raw
index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v3.min.js"></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
</style>
</head>
<body>
<script>
// Feel free to change or delete any of the code you see in this editor!
var svg = d3.select("body").append("svg")
.attr("width", 800)
.attr("height", 1080)
var xScale = d3.scale.linear()
.domain([0,5000])
.range([10,600])
var yScaleFull = d3.scale.linear()
.domain([0,5000])
.range([10,800])
var yScaleSub = d3.scale.linear()
.domain([0,5000])
.range([10,600])
var brushFull = d3.svg.brush()
brushFull
//.x(xScale)
.y(yScaleFull)
brushFull.extent([2000,3500])
brushFull.on("brushend", function(){
console.log(brushFull.extent())
})
var brushSub = d3.svg.brush()
brushSub
//.x(xScale)
.y(yScaleSub)
brushSub.extent([2000,3500])
brushSub.on("brushend", function(){
console.log(brushSub.extent())
})
var fullRiser = svg.append("g")
brushFull(fullRiser)
//g.attr("transform", "translate(200,800)rotate(-90)")
fullRiser.attr("transform", "translate(200,50)")
fullRiser.selectAll("rect").attr("width", 100)
fullRiser.selectAll(".background")
.style({fill: "#305f68", visibility: "visible"})
fullRiser.selectAll(".extent")
.style({fill: "#78c5c5", visibility: "visible"})
fullRiser.selectAll(".resize rect")
.style({fill: "#276c86", visibility: "visible"})
var subRiser = svg.append("g")
brushSub(subRiser)
//g.attr("transform", "translate(200,800)rotate(-90)")
subRiser.attr("transform", "translate(450,150)")
subRiser.selectAll("rect").attr("width", 100)
subRiser.selectAll(".background")
.style({fill: "#264353", visibility: "visible"})
subRiser.selectAll(".extent")
.style({fill: "#78c5c5", visibility: "visible"})
subRiser.selectAll(".resize rect")
.style({fill: "#276c86", visibility: "visible"})
var proj = d3.svg.area()
proj
.x(function(d) { return x(d.date); })
.y0(function(d) { return y(d.y0); })
.y1(function(d) { return y(d.y0 + d.y); });
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment