Norman Khine nkhine

## demo.js
// demo.js
//
// Adapted by Kai Chang and Rich Morin from http://bl.ocks.org/1653763

window.onload = function() {

  var w = $('#chart').width(),
      h = (w * 0.45);

  proj = {

## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nkhine
                / README.md
            
            
              Created
              July 10, 2012 07:16
                — forked from mbostock/.block
            
              
                Superformula Tweening (Christophe Viau)
              
          
    Christophe Viau implemented a new shape type for D3.js based on superformulas. One nice property of these shapes is that you can easily tween between two shapes by simply interpolating the control points. Click on the blue shapes to try it!

  
## debt.csv

          
            creditor
            debtor
            amount
            risk

            
              Britain
              France
              22.4
              3

            
              Britain
              Greece
              0.55
              0

            
              Britain
              Italy
              26
              0

            
              Britain
              Portugal
              19.4
              0

            
              Britain
              United States
              345
              1

            
              France
              Germany
              53.8
              1

            
              France
              Greece
              53.9
              0

            
              France
              Ireland
              17.3
              0

            
              France
              Italy
              366
              0

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript" src="http://github.com/mbostock/d3/raw/v1.8.4/d3.js"></script>
    <style type="text/css">

html, body, #map {
  width: 100%;

## README.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nkhine
                / README.md
            
            
              Created
              July 12, 2012 12:36
                — forked from mbostock/.block
            
              
                Twitter SVG Logo
              
          
    Using Upperdog Interactive’s CSS Twitter logo as reference, and I wrote some circle-circle intersection code (a.k.a. math) to specify the Twitter logo as sequence of elliptical arc segments. There are other versions of the Twitter logo in SVG, but as best I can tell, they use cubic Béziers. I found it mathematically unsettling to use Béziers when circular arcs would suffice.

  
## d3js_make_svgGroups.html
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<title>Creating SVG groups with D3.js</title>
</head>

<body>
<div id="d3group"></div>

<script type="text/javascript">

## jquery.doubletap.js
//based on blog post that I saw here: http://www.sanraul.com/2010/08/01/implementing-doubletap-on-iphones-and-ipads/
(function($){
    $.fn.doubletap = function(fn) {
        return fn ? this.bind('doubletap', fn) : this.trigger('doubletap');
    };

    $.attrFn.doubletap = true;

    $.event.special.doubletap = {
        setup: function(data, namespaces){

## fiddle.css
body {
	font-family: Helvetica, Verdana
}
p {
	padding: 7px 10px;
}
#demo {
	border: 1px solid #999;
}

## graph.json
{"nodes":[{"name":"Myriel","group":1},{"name":"Napoleon","group":1},{"name":"Mlle.Baptistine","group":1},{"name":"Mme.Magloire","group":1},{"name":"CountessdeLo","group":1},{"name":"Geborand","group":1},{"name":"Champtercier","group":1},{"name":"Cravatte","group":1},{"name":"Count","group":1},{"name":"OldMan","group":1},{"name":"Labarre","group":2},{"name":"Valjean","group":2},{"name":"Marguerite","group":3},{"name":"Mme.deR","group":2},{"name":"Isabeau","group":2},{"name":"Gervais","group":2},{"name":"Tholomyes","group":3},{"name":"Listolier","group":3},{"name":"Fameuil","group":3},{"name":"Blacheville","group":3},{"name":"Favourite","group":3},{"name":"Dahlia","group":3},{"name":"Zephine","group":3},{"name":"Fantine","group":3},{"name":"Mme.Thenardier","group":4},{"name":"Thenardier","group":4},{"name":"Cosette","group":5},{"name":"Javert","group":4},{"name":"Fauchelevent","group":0},{"name":"Bamatabois","group":2},{"name":"Perpetue","group":3},{"name":"Simplice","group":2},{"name":"Scaufflaire","group":2},

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>d3.js Spinny Globe from Mike Bostock's SVG Open 2011 keynote</title>
    <script src="http://mbostock.github.com/d3/d3.js"></script>
    <script src="http://mbostock.github.com/d3/d3.geo.js"></script>
    <style type="text/css">

svg {
	// demo.js
	//
	// Adapted by Kai Chang and Rich Morin from http://bl.ocks.org/1653763

	window.onload = function() {

	var w = $('#chart').width(),
	h = (w * 0.45);

	proj = {
creditor	debtor	amount	risk
Britain	France	22.4	3
Britain	Greece	0.55	0
Britain	Italy	26	0
Britain	Portugal	19.4	0
Britain	United States	345	1
France	Germany	53.8	1
France	Greece	53.9	0
France	Ireland	17.3	0
France	Italy	366	0
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="http://github.com/mbostock/d3/raw/v1.8.4/d3.js"></script>
	<style type="text/css">

	html, body, #map {
	width: 100%;
	//based on blog post that I saw here: http://www.sanraul.com/2010/08/01/implementing-doubletap-on-iphones-and-ipads/
	(function($){
	$.fn.doubletap = function(fn) {
	return fn ? this.bind('doubletap', fn) : this.trigger('doubletap');
	};

	$.attrFn.doubletap = true;

	$.event.special.doubletap = {
	setup: function(data, namespaces){
	body {
	font-family: Helvetica, Verdana
	}
	p {
	padding: 7px 10px;
	}
	#demo {
	border: 1px solid #999;
	}