Skip to content

Instantly share code, notes, and snippets.

View vasco3's full-sized avatar

Gorka Cesium vasco3

View GitHub Profile

Npm modules

optimisit: for interpreting command line args

@vasco3
vasco3 / zsh-numpad.markdown
Created April 20, 2015 17:02
zsh numpad keybindings
# 0 . Enter
bindkey -s "^[Op" "0"
bindkey -s "^[Ol" "."
bindkey -s "^[OM" "^M"
# 1 2 3
bindkey -s "^[Oq" "1"
bindkey -s "^[Or" "2"
bindkey -s "^[Os" "3"
# 4 5 6
@vasco3
vasco3 / colors.sh
Created April 17, 2015 22:13
bash colors
#!/usr/bin/env bash
# COLORS
red=$(tput setaf 1)
green=$(tput setaf 2)
yellow=$(tput setaf 3)
blue=$(tput setaf 4)
purple=$(tput setaf 5)
cyan=$(tput setaf 6)
white=$(tput setaf 7)
@vasco3
vasco3 / thumbs.js
Created December 9, 2014 13:23
Rebound animated button with ReactJS.
/**
* @jsx React.DOM
*/
var React = require('react');
var rebound = require('rebound');
var Thumb = React.createClass({
componentDidMount: function() {
@vasco3
vasco3 / gist:029e228de69bf73dfc4e
Last active September 15, 2016 09:20
ReactJS d3 Donut Chart
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>React + D3</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> .arc path {stroke: #fff;} </style>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.8.0/react.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.8.0/JSXTransformer.js"></script>
@vasco3
vasco3 / .vimrc
Created July 24, 2014 18:44
.vimrc
" Indent automatically depending on filetype
filetype indent on
set autoindent
set smartindent
set tabstop=4
set shiftwidth=4
set expandtab
" Turn on line numbering. Turn it off with "set nonu"
set number
@vasco3
vasco3 / Backbone Boilerplate
Last active December 25, 2015 16:08
super basic Backbone.js Boilerplate
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.io/backbone/backbone-min.js"></script>
@vasco3
vasco3 / d3 draggable smileys
Created October 14, 2013 02:59
d3 draggable smileys
var drag = d3.behavior.drag()
.on("drag", function(d,i) {
d.x += d3.event.dx
d.y += d3.event.dy
d3.select(this).attr("transform", function(d,i){
return "translate(" + [ d.x,d.y ] + ")"
})
});
@vasco3
vasco3 / d3 squares with data
Last active December 25, 2015 09:39
d3 creating squares with data
var svg = d3.select("div#myCanvas")
.append("svg")
.attr("width", 300)
.attr("height", 250)
.style("border", "1px solid #333");
var createRects = function (data) {
var rect = svg.selectAll("rect").data(data);
rect.enter().append("rect")
@vasco3
vasco3 / d3 basic
Created October 12, 2013 22:47
Basic creation of a svg canvas and a Rectangle
var svg = d3.select("div#myCanvas")
.append("svg")
.attr("width", 300)
.attr("height", 300)
.style("background-color", "#333");
var rect = svg.append("rect")
.attr("width", 50).attr("height",50).attr("x",20).attr("stroke", "#fff").attr("y",30).style("fill","red")
.transition().duration(3000).style("fill","blue").attr("x",100);