http://www.csslab.cl/ejemplos/timelinr/latest/horizontal.html
http://codecanyon.net/item/touch-timeline/full_screen_preview/1927104
→ http://codecanyon.net/item/timeliner/full_screen_preview/1528771
http://techslides.com/demos/d3/dragdrop-geo-game.html | |
http://bl.ocks.org/mbostock/4183330 |
for (var i=1; i<=100; i++) { !(i%3)||console.log("Fizz"); !(i%5)||console.log("Buzz"); !(i%15)||console.log("FizzBuzz"); i%3&&i%5&&console.log(i); } |
Building on this - experimenting with fake 3d svg arcs using two nested orthographic projections and cardinal line interpolation.
var s=document.createElement('script'); s.type='text/javascript'; s.src='http://d3js.org/d3.v3.min.js'; document.head.appendChild(s); |
from http://stackoverflow.com/a/4228053/393758 | |
// Add some critical information | |
$("svg").attr({ version: '1.1' , xmlns:"http://www.w3.org/2000/svg"}); |
This variation of a simple bar chart adds sorting with staggered delay and translucency to improve readability during the transition. This technique is recommended by Heer & Robertson. Use the checkbox in the top right to turn sorting on or off.
inkscape | |
meld | |
ruler | |
weechat (but xchat is more or less okay) | |
pwgen |
<div ng-app="sortableApp" ng-controller="sortableController" class="container"> | |
<h2>ui.sortable ng1.0 connected lists</h2> | |
<div class="floatleft"> | |
<div ui-sortable="sortableOptions" class="apps-container screen floatleft" ng-model="screen" ng-repeat="screen in rawScreens"> | |
<div class="app" ng-repeat="app in screen">{{$index}} {{app.title}}</div> | |
</div> | |
<div style="clear: both;"></div> | |
</div> |
div { | |
border: 2px solid gray; | |
} |