Andrew-Reid

## d3-cluster.js
// https://d3js.org/d3-force/ Version 1.1.0. Copyright 2017 Mike Bostock.
(function (global, factory) {
	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-quadtree'), require('d3-collection'), require('d3-dispatch'), require('d3-timer')) :
	typeof define === 'function' && define.amd ? define(['exports', 'd3-quadtree', 'd3-collection', 'd3-dispatch', 'd3-timer'], factory) :
	(factory((global.d3 = global.d3 || {}),global.d3,global.d3,global.d3,global.d3));
}(this, (function (exports,d3Quadtree,d3Collection,d3Dispatch,d3Timer) { 'use strict';


var constant = function(x) {
  return function() {

## index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<script src="http://d3js.org/d3.v4.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script>
	<script src="https://d3js.org/d3-geo-projection.v1.min.js"></script>

<style>

	.route {

## index.html
<html>
<head>
<script src="https://d3js.org/d3.v4.js"></script>
</head>
<body>
<script>

// starter data:
var data = [
 {id:0, children: d3.range(10)},

## index.html
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
</head>
<body>

<script>
var svg = d3.select("body")
  .append("svg")
  .attr("width", 960)

## data.csv

          
            State
            Under 5 Years
            5 to 13 Years
            14 to 17 Years
            18 to 24 Years
            25 to 44 Years
            45 to 64 Years
            65 Years and Over

            
              CA
              2704659
              4499890
              2159981
              3853788
              10604510
              8819342
              4114496

            
              TX
              2027307
              3277946
              1420518
              2454721
              7017731
              5656528
              2472223

            
              NY
              1208495
              2141490
              1058031
              1999120
              5355235
              5120254
              2607672

            
              FL
              1140516
              1938695
              925060
              1607297
              4782119
              4746856
              3187797

            
              IL
              894368
              1558919
              725973
              1311479
              3596343
              3239173
              1575308

            
              PA
              737462
              1345341
              679201
              1203944
              3157759
              3414001
              1910571

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
	<style>
		svg {
			background: #9ecae1;
		}
		.mesh {
			fill:none;

## data.json
{
  "nodes": [
    {"id": "Myriel", "group": 1},
    {"id": "Napoleon", "group": 1},
    {"id": "Mlle.Baptistine", "group": 1},
    {"id": "Mme.Magloire", "group": 1},
    {"id": "CountessdeLo", "group": 1},
    {"id": "Geborand", "group": 1},
    {"id": "Champtercier", "group": 1},
    {"id": "Cravatte", "group": 1},

## index.html
<!DOCTYPE html>
<html>
<head>
  <title>Leaflet with D3 popups</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin=""/>
   <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>

## chevronArcv2.js
(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-path')) :
  typeof define === 'function' && define.amd ? define(['exports', 'd3-path'], factory) :
  (factory((global.d3 = global.d3 || {}),global.d3));
}(this, (function (exports,d3Path) { 'use strict';

var constant$1 = function(x) {
  return function constant() {
    return x;
  };

## funkyline.js
(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3')) :
    typeof define === 'function' && define.amd ? define(['exports', 'd3'], factory) :
    (global = global || self, factory(global.d3 = global.d3 || {}, global.d3$1));
}(this, function (exports, d3$1) { 'use strict';

    function funkyLine(context) {
        var referenceMargin = 10;
        var interval = 10;
	// https://d3js.org/d3-force/ Version 1.1.0. Copyright 2017 Mike Bostock.
	(function (global, factory) {
	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('d3-quadtree'), require('d3-collection'), require('d3-dispatch'), require('d3-timer')) :
	typeof define === 'function' && define.amd ? define(['exports', 'd3-quadtree', 'd3-collection', 'd3-dispatch', 'd3-timer'], factory) :
	(factory((global.d3 = global.d3 \|\| {}),global.d3,global.d3,global.d3,global.d3));
	}(this, (function (exports,d3Quadtree,d3Collection,d3Dispatch,d3Timer) { 'use strict';


	var constant = function(x) {
	return function() {
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
	<html lang="en">
	<head>
	<script src="http://d3js.org/d3.v4.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/1.6.19/topojson.min.js"></script>
	<script src="https://d3js.org/d3-geo-projection.v1.min.js"></script>

	<style>

	.route {
	<html>
	<head>
	<script src="https://d3js.org/d3.v4.js"></script>
	</head>
	<body>
	<script>

	// starter data:
	var data = [
	{id:0, children: d3.range(10)},
	<head>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
	<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
	</head>
	<body>

	<script>
	var svg = d3.select("body")
	.append("svg")
	.attr("width", 960)
State	Under 5 Years	5 to 13 Years	14 to 17 Years	18 to 24 Years	25 to 44 Years	45 to 64 Years	65 Years and Over
CA	2704659	4499890	2159981	3853788	10604510	8819342	4114496
TX	2027307	3277946	1420518	2454721	7017731	5656528	2472223
NY	1208495	2141490	1058031	1999120	5355235	5120254	2607672
FL	1140516	1938695	925060	1607297	4782119	4746856	3187797
IL	894368	1558919	725973	1311479	3596343	3239173	1575308
PA	737462	1345341	679201	1203944	3157759	3414001	1910571
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<style>
	svg {
	background: #9ecae1;
	}
	.mesh {
	fill:none;
	{
	"nodes": [
	{"id": "Myriel", "group": 1},
	{"id": "Napoleon", "group": 1},
	{"id": "Mlle.Baptistine", "group": 1},
	{"id": "Mme.Magloire", "group": 1},
	{"id": "CountessdeLo", "group": 1},
	{"id": "Geborand", "group": 1},
	{"id": "Champtercier", "group": 1},
	{"id": "Cravatte", "group": 1},