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.