Paths exported from Illustrator; animated with http://snapsvg.io/
Made after I saw the thingy at the bottom of http://www.microsoft.com/en-us/news/stories/cybercrime/index.html
var s=document.createElement('script'); s.type='text/javascript'; s.src='http://d3js.org/d3.v3.min.js'; document.head.appendChild(s); |
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
path { fill:none; stroke:white; } | |
.bg { fill: #446;} | |
.inner { stroke-width: 500px; stroke: #ffc; opacity: .2;} | |
.dark { stroke: #114; opacity:.2;} | |
</style> |
Paths exported from Illustrator; animated with http://snapsvg.io/
Made after I saw the thingy at the bottom of http://www.microsoft.com/en-us/news/stories/cybercrime/index.html
also see http://bl.ocks.org/dwtkns/7319558
Experimenting with transitions on pattern fills.
var httpAgent = require('http-agent'), | |
util = require('util'); | |
var agent = httpAgent.create('www.google.com', ['finance', 'news', 'images']); | |
agent.addListener('next', function (err, agent) { | |
console.log('Body of the current page: ' + agent.body); | |
console.log('Response we saw for this page: ' + util.inspect(agent.response)); | |
// Go to the next page in the sequence |
View this code at http://livecoding.io/5004662
View this code at http://livecoding.io/5004474
View this code at http://livecoding.io/5004429
Building on this - experimenting with fake 3d svg arcs using two nested orthographic projections and cardinal line interpolation.