Skip to content

Instantly share code, notes, and snippets.

@adamclerk
Forked from anonymous/inlet.js
Created October 3, 2012 21:57
Show Gist options
  • Save adamclerk/3830151 to your computer and use it in GitHub Desktop.
Save adamclerk/3830151 to your computer and use it in GitHub Desktop.
just another inlet to tributary

No Previous Gist

{"editor_editor":{"coffee":false,"vim":false,"emacs":false,"width":600,"height":300,"hide":false},"endpoint":"tributary","public":true}
var svg = d3.select("svg");
svg.append("circle")
.style("stroke", "purple")
.style("fill", "purple")
.attr("r", 637)
.attr("cx", 500)
.attr("cy", 500)
.transition()
.delay(0)
.duration(5000)
.attr("r", 300)
.attr("cx", 200)
.attr("cy", 200)
.style("fill", "red")
.style("stroke", "red")
.transition()
.delay(5000)
.duration(5000)
.attr("r", 600)
.attr("cx", 893)
.attr("cy", 200)
.style("fill", "black")
.style("stroke", "black")
.transition()
.delay(10000)
.duration(5000)
.style("stroke", "purple")
.style("fill", "purple")
.attr("r", 637)
.attr("cx", 500)
.attr("cy", 500)
;
Display the source blob
Display the rendered blob
Raw
<svg class="tributary_svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="1266" height="1277"><circle style="stroke: rgb(128, 0, 128); fill: rgb(128, 0, 128);" r="637" cx="500" cy="500"/></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment