Ashish Singh
git-ashish
| function diff(a){ | |
| var diff=100000000000, | |
| sum = function(b){ | |
| var i = b.length, s=0; | |
| while(--i>-1){ | |
| s+=b[i]; | |
| }; | |
| return s; | |
| }; |
| license: mit | |
| scrolling: true | |
| height: 300 |
git-ashish
/ elementsFromPoint.js
| // returns a list of all elements under the cursor | |
| // | |
| function elementsFromPoint(x,y) { | |
| var elements = [], previousPointerEvents = [], current, i, d; | |
| if(typeof document.elementsFromPoint === "function") | |
| return document.elementsFromPoint(x,y); | |
| if(typeof document.msElementsFromPoint === "function") | |
| return document.msElementsFromPoint(x,y); | |
git-ashish
/ README.md
This is an example of building a tree layout using the Reingold-Tilford "tidy" algorithm, as described in "Tidier Drawings of Trees". As each new element is added to the graph, it animates in, starting at the previous position of the parent node. Thus, the existing nodes and the new node transition smoothly to their new positions. The animation stops when 500 nodes have been added to the tree.
Built with D3.js.
git-ashish
/ README.md
A variation of programmatic zoom where buttons can be used to zoom-in or zoom-out around the current center of the viewport.
git-ashish
/ CSS for <sup> and <sub>
| sub, sup { | |
| /* Specified in % so that the sup/sup is the | |
| right size relative to the surrounding text */ | |
| font-size: 75%; | |
| /* Zero out the line-height so that it doesn't | |
| interfere with the positioning that follows */ | |
| line-height: 0; | |
| /* Where the magic happens: makes all browsers position |
| SAve me |
git-ashish
/ index.html
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <style> | |
| body { margin:0; padding:0; } | |
| #map { width:960px; height:500px; background:cyan; } | |
| </style> | |
| </head> | |
| <body> |
Click to add new points. Hit the DELETE key to remove the selected point. Use the dropdown menu to change the interpolation mode.
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <body> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <script> | |
| var w = 960, | |
| h = 500, | |
| nodes = [], | |
| node; |