Skip to content

Instantly share code, notes, and snippets.

View methodofaction's full-sized avatar
🇪🇦
Barcelona

Mark MacKay methodofaction

🇪🇦
Barcelona
View GitHub Profile
@methodofaction
methodofaction / gist:5611557
Created May 20, 2013 10:41
Primitive shake
$("#getpermalink").animate({
left: -5
}, 50, function() {
$("#getpermalink").animate({
left: 5
}, 50, function() {
$("#getpermalink").animate({
left: -5
}, 50, function() {
$("#getpermalink").animate({
@methodofaction
methodofaction / index.html
Created November 13, 2012 01:37
Animate path in D3
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
#line{
width: 700px;
margin: 20px 0;
height: 300px;
background: #eee;
@methodofaction
methodofaction / index.html
Created November 13, 2012 01:18
Animate path
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
#line{
width: 700px;
margin: 20px 0;
height: 300px;
background: #eee;
@methodofaction
methodofaction / index.html
Created October 4, 2012 03:16
Download a D3 visualization in Chrome
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
#line{
width: 700px;
margin: 20px 0;
height: 300px;
background: #eee;
@methodofaction
methodofaction / index.html
Created October 3, 2012 02:48
Make an element follow a path
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<style type="text/css">
#line{
width: 100%;
margin: 20px 0;
height: 300px;
background: #eee;
@methodofaction
methodofaction / README.md
Created October 3, 2012 02:41 — forked from mbostock/.block
Epicyclic Gearing

From Wikipedia: Epicyclic gearing or planetary gearing is a gear system consisting of one or more outer gears, or planet gears, revolving about a central, or sun gear. … Epicyclic gearing systems also incorporate the use of an outer ring gear or annulus, which meshes with the planet gears.

Built with D3.js.

$('.selector').extremes({
diameter: 50
})
// Basic usage
$('.selector').extremes();