Benjamin maggiben

## debounce.ts
// ts 3.6x
function debounce<T extends Function>(cb: T, wait = 20) {
    let h = 0;
    let callable = (...args: any) => {
        clearTimeout(h);
        h = setTimeout(() => cb(...args), wait);
    };
    return <T>(<any>callable);
}

## .babelrc
{
  "presets": ["es2015"],
  "plugins": ["transform-async-to-generator"]
}

## registry.js
import decamelize from 'decamelize';
import { fromGlobalId } from 'graphql-relay';
import pluralize from 'pluralize';

import getItem from '../api/getItem';

const types = {};
const endpoints = {};
const getItemOverrides = {};

## runner.js
// Run this from the commandline:
// phantomjs runner.js | ffmpeg -y -c:v png -f image2pipe -r 24 -t 10  -i - -c:v libx264 -pix_fmt yuv420p -movflags +faststart output.mp4

var page = require('webpage').create(),
    address = 'http://s.codepen.io/phanan/fullembedgrid/YPLewm?type=embed&safe=true&_t=1424767252279',
    duration = 3, // duration of the video, in seconds
    framerate = 24, // number of frames per second. 24 is a good value.
    counter = 0,
    width = 500,
    height = 500;

## gifjs.asm
; a hand-made GIF containing valid JavaScript code
; abusing header to start a JavaScript comment

; inspired by Saumil Shah's Deadly Pixels presentation

; Ange Albertini, BSD Licence 2013

; yamal gifjs.asm -o img.gif

WIDTH equ 10799 ; equivalent to 2f2a, which is '/*' in ASCII, thus starting an opening comment

## download.js
function download(fileUrl, apiPath, callback) {
        var url = require('url'),
            http = require('http'),
            p = url.parse(fileUrl),
            timeout = 10000;

        var file = fs.createWriteStream(apiPath);

        var timeout_wrapper = function( req ) {
            return function() {

## README.md

      
              4 files
            
          
              6 forks
            
          
              0 comments
            
          
              9 stars
            
          
                serdaradali
                / README.md
            
            
              Last active
              April 29, 2024 21:22
            
              
                Interactive world globe
              
          
    Zoomable/rotatable world globe that uses orthographic projection. Drag behavior is enhanced as described here: https://www.jasondavies.com/maps/rotate/
Performance is not good due to redrawing whole world upon zoom/drag.

  
## README.md

      
              7 files
            
          
              26 forks
            
          
              3 comments
            
          
              175 stars
            
          
                joyrexus
                / README.md
            
            
              Last active
              June 27, 2024 15:39
            
              
                Node.js streams demystified
              
          
    A quick overview of the node.js streams interface with basic examples.
This is based on @brycebaril's presentation, Node.js Streams2 Demystified
Overview

Streams are a first-class construct in Node.js for handling data.
Think of them as as lazy evaluation applied to data.

  
## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>d3 geo map</title>
    <meta charset="utf-8">

    <style>
      svg {
        border: 1px solid #ccc;
      }

## README.md

      
              4 files
            
          
              4 forks
            
          
              1 comment
            
          
              3 stars
            
          
                patricksurry
                / README.md
            
            
              Last active
              October 12, 2017 15:28
                — forked from mbostock/.block
            
              
                Rolling pan and zoom with Mercator projection
              
          
    Example illustrating zoom and pan with a "rolling" Mercator projection.
Drag left-right to rotate projection cylinder, and up-down to translate,
clamped by max absolute latitude.  Ensures projection always fits properly in viewbox.
	// ts 3.6x
	function debounce<T extends Function>(cb: T, wait = 20) {
	let h = 0;
	let callable = (...args: any) => {
	clearTimeout(h);
	h = setTimeout(() => cb(...args), wait);
	};
	return <T>(<any>callable);
	}
	{
	"presets": ["es2015"],
	"plugins": ["transform-async-to-generator"]
	}
	import decamelize from 'decamelize';
	import { fromGlobalId } from 'graphql-relay';
	import pluralize from 'pluralize';

	import getItem from '../api/getItem';

	const types = {};
	const endpoints = {};
	const getItemOverrides = {};
	// Run this from the commandline:
	// phantomjs runner.js \| ffmpeg -y -c:v png -f image2pipe -r 24 -t 10 -i - -c:v libx264 -pix_fmt yuv420p -movflags +faststart output.mp4

	var page = require('webpage').create(),
	address = 'http://s.codepen.io/phanan/fullembedgrid/YPLewm?type=embed&safe=true&_t=1424767252279',
	duration = 3, // duration of the video, in seconds
	framerate = 24, // number of frames per second. 24 is a good value.
	counter = 0,
	width = 500,
	height = 500;
	; a hand-made GIF containing valid JavaScript code
	; abusing header to start a JavaScript comment

	; inspired by Saumil Shah's Deadly Pixels presentation

	; Ange Albertini, BSD Licence 2013

	; yamal gifjs.asm -o img.gif

	WIDTH equ 10799 ; equivalent to 2f2a, which is '/*' in ASCII, thus starting an opening comment
	function download(fileUrl, apiPath, callback) {
	var url = require('url'),
	http = require('http'),
	p = url.parse(fileUrl),
	timeout = 10000;

	var file = fs.createWriteStream(apiPath);

	var timeout_wrapper = function( req ) {
	return function() {
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>d3 geo map</title>
	<meta charset="utf-8">

	<style>
	svg {
	border: 1px solid #ccc;
	}