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; | |
| } |