Bill White billdwhite

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="description" content="Drag Demo"/>
    <meta charset="utf-8">
    <title>Drag Demo</title>

    <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
</head>

## README
This example expects to have d3.min.js and d3.layout.min.js in the same directory as pie.js and pie_serv.js.

Run with node pie_serv.js

## d3-Minimap-Pan-and-Zoom-Demo---Force-Directed-1.markdown

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                billdwhite
                / d3-Minimap-Pan-and-Zoom-Demo---Force-Directed-1.markdown
            
            
              Created
              December 2, 2013 13:29
            
              
                A Pen by Bill White.
              
          
    d3 Minimap Pan and Zoom Demo - Force Directed 1

A demo that explores another way to combine a forcelayout with the pan and zoom demo with a reusable forcecircle class.
A Pen by Bill White on CodePen.
License.

  
## d3-Minimap-Pan-and-Zoom-Demo.markdown

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                billdwhite
                / d3-Minimap-Pan-and-Zoom-Demo.markdown
            
            
              Created
              December 2, 2013 13:29
            
              
                A Pen by Bill White.
              
          
    d3 Minimap Pan and Zoom Demo

A demo that explores one possible way to combine a forcelayout with the pan and zoom demo.
A Pen by Bill White on CodePen.
License.

  
## chart-flow.js
d3.custom = {};
d3.custom.chart = {};
d3.custom.chart.flow = function() {

    // public variables with default settings
    var margin  = {top:10, right:10, bottom:10, left:10}, // defaults
        padding = {top:20, right:10, bottom:10, left:10},
        transitionDuration = 300,
        chartGroup,
        container,

## demo.base.js
d3.demo = {};
d3.demo.currentScale = 1;
d3.demo.app = function() {

    "use strict";

    var width           = 600,
        height          = 900,
        margin          = {top: 0, right: 0, bottom: 0, left: 0},
        base            = null,

## index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Virtual Scrolling Demo</title>
    <style>
        html, body {
            width: 100%;
            height: 100%;
            margin: 0;

## treemap_header_02.html
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>Treemap - Neat Zoom Effect</title>
    <script type="text/javascript" src="./d3/d3.js"></script>
    <style type="text/css">
        body {
            overflow: hidden;
            margin: 0;

## index.html
<html class="no-js">
<head>
    <title>d3 Demo CSS Layout 07 - jquery piechart</title>
    <script src="https://cdn.rawgit.com/mbostock/d3/master/d3.js"></script>
</head>
<body>
  <h5 class="description">Resize each container. Notice the PieChart does not resize.</h5>
  <div id="chartContainer"></div>
  <button id="addButton">Add Resizable Pie Chart</button>
</body>

## .block
license: mit
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta name="description" content="Drag Demo"/>
	<meta charset="utf-8">
	<title>Drag Demo</title>

	<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
	</head>
	This example expects to have d3.min.js and d3.layout.min.js in the same directory as pie.js and pie_serv.js.

	Run with node pie_serv.js
	d3.custom = {};
	d3.custom.chart = {};
	d3.custom.chart.flow = function() {

	// public variables with default settings
	var margin = {top:10, right:10, bottom:10, left:10}, // defaults
	padding = {top:20, right:10, bottom:10, left:10},
	transitionDuration = 300,
	chartGroup,
	container,
	d3.demo = {};
	d3.demo.currentScale = 1;
	d3.demo.app = function() {

	"use strict";

	var width = 600,
	height = 900,
	margin = {top: 0, right: 0, bottom: 0, left: 0},
	base = null,
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Virtual Scrolling Demo</title>
	<style>
	html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	<html class="no-js">
	<head>
	<title>d3 Demo CSS Layout 07 - jquery piechart</title>
	<script src="https://cdn.rawgit.com/mbostock/d3/master/d3.js"></script>
	</head>
	<body>
	<h5 class="description">Resize each container. Notice the PieChart does not resize.</h5>
	<div id="chartContainer"></div>
	<button id="addButton">Add Resizable Pie Chart</button>
	</body>