Skip to content

Instantly share code, notes, and snippets.

@markvital

markvital/.block

Last active September 23, 2016 23:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save markvital/d45fb2d9324dc785136b72f21b5e68b4 to your computer and use it in GitHub Desktop.
Save markvital/d45fb2d9324dc785136b72f21b5e68b4 to your computer and use it in GitHub Desktop.
Download ZIP
Too Late To Start
Raw
.block
license: mit
scrolling: no
height: 1100
Raw
README.md

Here is a visualization of the relationship between age and success. Tap on the circles below and investigate for yourself. Source: fundersandfounders.com

Raw
index.html
<!-- Made by Anna and Mark Vital using D3.js. © Funders and Founders, 2016. -->
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<style>
body {
margin: 0px;
padding: 0px;
}
.node {
cursor: pointer;
}
.node circle {
fill: #fff;
stroke: #554263;
stroke-width: 1.5px;
}
.node text, .year_born{
font: 10px sans-serif;
}
.node .years {
font: 12px sans-serif;
}
.more-text {
display: none;
}
.selected .more-text {
display: block;
}
.selected .align-right {
text-anchor: end;
}
.selected .align-left {
text-anchor: start;
}
text.company {
font: 10px sans-serif;
font-style: italic;
}
text.founder {
font: 12px sans-serif;
}
text.short-story{
font: 8px sans-serif;
}
text > a {
fill : blue;
}
text > a:hover {
fill : grey;
}
.link {
fill: none;
stroke: #ccc;
stroke-width: 1.5px;
}
</style>
<body style="width: 100%; height: 100%;">
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.4/d3.min.js"></script>
<script>
if (!window.d3) {
document.write('<script src="js/d3.min.js"><\/script>');
}
</script>
<div id="container">
<!--[if lte IE 8]><a href="http://i1.wp.com/fundersandfounders.com/wp-content/uploads/2014/06/never-too-late-when-companies-started-infographic.png" class="cboxElement"><img class="aligncenter size-full wp-image-21566" alt="The Aha Moments Of Entrepreneurs" src="http://i1.wp.com/fundersandfounders.com/wp-content/uploads/2014/06/never-too-late-when-companies-started-infographic.png?zoom=2&amp;resize=660%2C587" width="650" height="577" src-orig="http://i1.wp.com/fundersandfounders.com/wp-content/uploads/2014/06/never-too-late-when-companies-started-infographic.png?resize=660%2C587" scale="2"></a><![endif]-->
<svg id="latetostart-graph" version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="970px" height="800px" viewBox="0 0 970 800" preserveAspectRatio="xMidYMid" style="background-color: #ece8e3;" xml:space="preserve">
<g id="Footer">
<text transform="matrix(1.0001 0 0 1 35.0942 765.6021)" fill="#554263" font-family="'BebasNeue'" font-size="51.768">IT'S NEVER TOO LATE.</text>
<a xlink:href="http://fundersandfounders.com/" target="_top">
<g id="logo">
<g id="letters">
<path fill="#238FCF" d="M716.82,751.874h-5.808v4.058h5.601v2.396h-5.601v8.041h-2.517v-16.893h8.324V751.874z"/>
<path fill="#238FCF" d="M721.698,755.714v6.114c0,1.767,0.687,2.649,2.062,2.649s2.061-0.883,2.061-2.649v-6.114h2.429v6.169
c0,0.855-0.104,1.592-0.312,2.211c-0.202,0.555-0.551,1.054-1.048,1.498c-0.819,0.723-1.864,1.084-3.13,1.084
c-1.261,0-2.301-0.361-3.119-1.084c-0.503-0.444-0.861-0.943-1.07-1.498c-0.199-0.496-0.302-1.232-0.302-2.211v-6.169H721.698z"/>
<path fill="#238FCF" d="M731.313,755.714h2.44v0.984c0.849-0.854,1.807-1.28,2.87-1.28c1.224,0,2.178,0.391,2.862,1.172
c0.589,0.662,0.885,1.747,0.885,3.248v6.531h-2.44v-5.943c0-1.049-0.144-1.773-0.432-2.175c-0.282-0.407-0.791-0.611-1.533-0.611
c-0.806,0-1.379,0.269-1.716,0.808c-0.332,0.532-0.496,1.461-0.496,2.787v5.135h-2.44V755.714z"/>
<path fill="#238FCF" d="M751.186,747.891h2.438v18.479h-2.438v-1.115c-0.957,0.949-2.041,1.422-3.251,1.422
c-1.437,0-2.632-0.533-3.581-1.596c-0.944-1.088-1.415-2.445-1.415-4.07c0-1.592,0.471-2.918,1.415-3.982
c0.937-1.072,2.111-1.609,3.53-1.609c1.229,0,2.329,0.512,3.302,1.531V747.891z M745.422,761.01c0,1.02,0.269,1.852,0.81,2.493
c0.553,0.649,1.251,0.975,2.095,0.975c0.898,0,1.625-0.313,2.18-0.94c0.553-0.65,0.83-1.474,0.83-2.473
c0-1.001-0.277-1.824-0.83-2.474c-0.555-0.634-1.274-0.951-2.16-0.951c-0.834,0-1.53,0.321-2.094,0.961
C745.698,759.252,745.422,760.054,745.422,761.01z"/>
<path fill="#238FCF" d="M766.262,761.621h-7.531c0.063,0.877,0.345,1.572,0.841,2.091c0.496,0.511,1.135,0.766,1.911,0.766
c0.604,0,1.104-0.146,1.5-0.438c0.389-0.291,0.831-0.832,1.327-1.617l2.051,1.158c-0.316,0.547-0.651,1.016-1.003,1.406
c-0.352,0.389-0.729,0.71-1.134,0.961c-0.402,0.253-0.839,0.438-1.307,0.555c-0.468,0.115-0.975,0.174-1.521,0.174
c-1.569,0-2.829-0.51-3.777-1.532c-0.951-1.026-1.424-2.391-1.424-4.091c0-1.686,0.459-3.049,1.381-4.092
c0.928-1.029,2.157-1.543,3.69-1.543c1.548,0,2.771,0.5,3.672,1.5c0.89,0.99,1.338,2.366,1.338,4.125L766.262,761.621z
M763.771,759.609c-0.339-1.314-1.154-1.97-2.449-1.97c-0.297,0-0.573,0.046-0.833,0.136c-0.259,0.092-0.495,0.224-0.706,0.395
c-0.212,0.172-0.394,0.377-0.546,0.618c-0.151,0.24-0.266,0.514-0.344,0.821H763.771z"/>
<path fill="#238FCF" d="M768.919,755.714h2.429v0.952c0.445-0.475,0.841-0.8,1.188-0.973c0.351-0.184,0.769-0.275,1.252-0.275
c0.641,0,1.309,0.211,2.006,0.635l-1.109,2.254c-0.463-0.336-0.911-0.504-1.35-0.504c-1.324,0-1.986,1.016-1.986,3.043v5.523
h-2.429V755.714z"/>
<path fill="#238FCF" d="M783.297,757.53l-2.01,1.081c-0.314-0.647-0.709-0.972-1.176-0.972c-0.224,0-0.414,0.074-0.572,0.224
s-0.236,0.341-0.236,0.574c0,0.406,0.467,0.812,1.403,1.213c1.286,0.561,2.155,1.078,2.6,1.552
c0.448,0.473,0.671,1.109,0.671,1.911c0,1.027-0.375,1.889-1.125,2.579c-0.727,0.655-1.603,0.983-2.632,0.983
c-1.764,0-3.013-0.871-3.744-2.614l2.07-0.975c0.289,0.511,0.506,0.835,0.659,0.975c0.295,0.277,0.646,0.416,1.058,0.416
c0.82,0,1.23-0.38,1.23-1.138c0-0.438-0.317-0.848-0.951-1.227c-0.243-0.123-0.489-0.243-0.732-0.359
c-0.245-0.117-0.495-0.238-0.744-0.363c-0.708-0.348-1.203-0.699-1.491-1.049c-0.367-0.445-0.552-1.018-0.552-1.719
c0-0.926,0.314-1.691,0.939-2.298c0.644-0.604,1.419-0.907,2.333-0.907C781.64,755.418,782.64,756.122,783.297,757.53z"/>
<path fill="#238FCF" d="M800.727,755.714h2.438v10.655h-2.438v-1.115c-1,0.949-2.077,1.422-3.227,1.422
c-1.454,0-2.656-0.533-3.604-1.596c-0.943-1.088-1.416-2.445-1.416-4.07c0-1.599,0.473-2.928,1.416-3.994
c0.941-1.064,2.122-1.598,3.538-1.598c1.225,0,2.322,0.512,3.293,1.531V755.714z M794.963,761.01c0,1.02,0.27,1.852,0.81,2.493
c0.555,0.649,1.252,0.975,2.094,0.975c0.9,0,1.627-0.313,2.182-0.94c0.552-0.65,0.828-1.474,0.828-2.473
c0-1.001-0.276-1.824-0.828-2.474c-0.555-0.634-1.273-0.951-2.159-0.951c-0.835,0-1.533,0.321-2.095,0.961
C795.239,759.252,794.963,760.054,794.963,761.01z"/>
<path fill="#238FCF" d="M806.232,755.714h2.438v0.984c0.85-0.854,1.808-1.28,2.872-1.28c1.223,0,2.176,0.391,2.859,1.172
c0.59,0.662,0.885,1.747,0.885,3.248v6.531h-2.439v-5.943c0-1.049-0.144-1.773-0.432-2.175c-0.279-0.407-0.79-0.611-1.531-0.611
c-0.806,0-1.379,0.269-1.717,0.808c-0.332,0.532-0.497,1.461-0.497,2.787v5.135h-2.438V755.714z"/>
<path fill="#238FCF" d="M826.102,747.891h2.438v18.479h-2.438v-1.115c-0.958,0.949-2.041,1.422-3.249,1.422
c-1.438,0-2.634-0.533-3.583-1.596c-0.943-1.088-1.413-2.445-1.413-4.07c0-1.592,0.47-2.918,1.413-3.982
c0.937-1.072,2.11-1.609,3.529-1.609c1.229,0,2.332,0.512,3.303,1.531V747.891z M820.338,761.01c0,1.02,0.271,1.852,0.809,2.493
c0.554,0.649,1.253,0.975,2.096,0.975c0.899,0,1.625-0.313,2.179-0.94c0.555-0.65,0.831-1.474,0.831-2.473
c0-1.001-0.276-1.824-0.831-2.474c-0.554-0.634-1.272-0.951-2.158-0.951c-0.835,0-1.532,0.321-2.095,0.961
C820.615,759.252,820.338,760.054,820.338,761.01z"/>
<path fill="#238FCF" d="M847.213,751.874h-5.807v4.058h5.601v2.396h-5.601v8.041h-2.515v-16.893h8.321V751.874z"/>
<path fill="#238FCF" d="M849.167,760.965c0-1.539,0.543-2.848,1.63-3.929c1.087-1.077,2.409-1.618,3.973-1.618
c1.567,0,2.897,0.544,3.992,1.63c1.081,1.087,1.62,2.423,1.62,4.005c0,1.596-0.544,2.936-1.631,4.016
c-1.093,1.072-2.436,1.607-4.025,1.607c-1.576,0-2.896-0.547-3.962-1.641C849.7,763.955,849.167,762.599,849.167,760.965z
M851.649,761.01c0,1.064,0.28,1.908,0.842,2.527c0.575,0.627,1.336,0.94,2.278,0.94c0.949,0,1.707-0.31,2.278-0.932
c0.567-0.619,0.851-1.446,0.851-2.481c0-1.036-0.283-1.865-0.851-2.484c-0.579-0.628-1.336-0.94-2.278-0.94
c-0.93,0-1.681,0.312-2.255,0.94C851.938,759.207,851.649,760.018,851.649,761.01z"/>
<path fill="#238FCF" d="M865.378,755.714v6.114c0,1.767,0.686,2.649,2.064,2.649c1.373,0,2.06-0.883,2.06-2.649v-6.114h2.428
v6.169c0,0.855-0.104,1.592-0.314,2.211c-0.2,0.555-0.548,1.054-1.043,1.498c-0.821,0.723-1.865,1.084-3.13,1.084
c-1.264,0-2.301-0.361-3.121-1.084c-0.505-0.444-0.86-0.943-1.068-1.498c-0.203-0.496-0.303-1.232-0.303-2.211v-6.169H865.378z"/>
<path fill="#238FCF" d="M874.995,755.714h2.44v0.984c0.848-0.854,1.806-1.28,2.87-1.28c1.224,0,2.177,0.391,2.861,1.172
c0.589,0.662,0.885,1.747,0.885,3.248v6.531h-2.44v-5.943c0-1.049-0.143-1.773-0.431-2.175c-0.281-0.407-0.793-0.611-1.533-0.611
c-0.806,0-1.378,0.269-1.716,0.808c-0.332,0.532-0.496,1.461-0.496,2.787v5.135h-2.44V755.714z"/>
<path fill="#238FCF" d="M894.865,747.891h2.441v18.479h-2.441v-1.115c-0.957,0.949-2.039,1.422-3.249,1.422
c-1.438,0-2.632-0.533-3.582-1.596c-0.943-1.088-1.414-2.445-1.414-4.07c0-1.592,0.471-2.918,1.414-3.982
c0.937-1.072,2.11-1.609,3.529-1.609c1.231,0,2.33,0.512,3.302,1.531V747.891z M889.104,761.01c0,1.02,0.269,1.852,0.809,2.493
c0.554,0.649,1.252,0.975,2.092,0.975c0.902,0,1.628-0.313,2.184-0.94c0.553-0.65,0.83-1.474,0.83-2.473
c0-1.001-0.277-1.824-0.83-2.474c-0.556-0.634-1.274-0.951-2.161-0.951c-0.833,0-1.53,0.321-2.094,0.961
C889.378,759.252,889.104,760.054,889.104,761.01z"/>
<path fill="#238FCF" d="M909.944,761.621h-7.534c0.065,0.877,0.346,1.572,0.844,2.091c0.497,0.511,1.133,0.766,1.909,0.766
c0.604,0,1.104-0.146,1.5-0.438c0.389-0.291,0.832-0.832,1.328-1.617l2.052,1.158c-0.318,0.547-0.652,1.016-1.004,1.406
c-0.354,0.389-0.73,0.71-1.134,0.961c-0.404,0.253-0.839,0.438-1.308,0.555c-0.468,0.115-0.974,0.174-1.521,0.174
c-1.569,0-2.828-0.51-3.775-1.532c-0.952-1.026-1.428-2.391-1.428-4.091c0-1.686,0.461-3.049,1.382-4.092
c0.931-1.029,2.16-1.543,3.693-1.543c1.547,0,2.77,0.5,3.67,1.5c0.892,0.99,1.339,2.366,1.339,4.125L909.944,761.621z
M907.452,759.609c-0.338-1.314-1.155-1.97-2.452-1.97c-0.294,0-0.57,0.046-0.83,0.136c-0.259,0.092-0.495,0.224-0.708,0.395
c-0.21,0.172-0.392,0.377-0.543,0.618c-0.151,0.24-0.266,0.514-0.345,0.821H907.452z"/>
<path fill="#238FCF" d="M912.6,755.714h2.43v0.952c0.445-0.475,0.842-0.8,1.187-0.973c0.352-0.184,0.77-0.275,1.251-0.275
c0.643,0,1.311,0.211,2.007,0.635l-1.112,2.254c-0.459-0.336-0.907-0.504-1.346-0.504c-1.326,0-1.986,1.016-1.986,3.043v5.523
h-2.43V755.714z"/>
<path fill="#238FCF" d="M926.976,757.53l-2.006,1.081c-0.316-0.647-0.711-0.972-1.178-0.972c-0.222,0-0.412,0.074-0.571,0.224
c-0.158,0.149-0.237,0.341-0.237,0.574c0,0.406,0.468,0.812,1.401,1.213c1.289,0.561,2.155,1.078,2.603,1.552
c0.445,0.473,0.67,1.109,0.67,1.911c0,1.027-0.375,1.889-1.123,2.579c-0.726,0.655-1.604,0.983-2.632,0.983
c-1.766,0-3.014-0.871-3.748-2.614l2.072-0.975c0.288,0.511,0.507,0.835,0.66,0.975c0.295,0.277,0.646,0.416,1.057,0.416
c0.819,0,1.231-0.38,1.231-1.138c0-0.438-0.317-0.848-0.951-1.227c-0.243-0.123-0.489-0.243-0.733-0.359
c-0.245-0.117-0.494-0.238-0.744-0.363c-0.706-0.348-1.203-0.699-1.49-1.049c-0.367-0.445-0.55-1.018-0.55-1.719
c0-0.926,0.312-1.691,0.937-2.298c0.642-0.604,1.42-0.907,2.336-0.907C925.319,755.418,926.321,756.122,926.976,757.53z"/>
</g>
<g id="foundation">
<defs>
<rect id="SVGID_1_" x="640" y="739.99" width="307" height="39.402"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" overflow="visible"/>
</clipPath>
<path clip-path="url(#SVGID_2_)" fill="#238FCF" d="M669.63,763.875c-1.371,0-2.481-1.113-2.481-2.481v-7.728
c0-1.371,1.11-2.481,2.481-2.481h2.768v-2.37c0-1.43-1.163-2.59-2.595-2.59h-22.259c-1.433,0-2.593,1.161-2.593,2.59v18.045
c0,1.432,1.16,2.594,2.593,2.594h13.357l8.583,6.209l-2.974-6.209h3.292c1.432,0,2.595-1.162,2.595-2.594v-2.985H669.63z
M662.454,753.008c0,0.188-0.102,0.282-0.312,0.282h-0.427c-0.13,0-0.216-0.028-0.254-0.082c-0.041-0.056-0.086-0.233-0.136-0.538
c-0.117-0.732-0.317-1.225-0.604-1.48c-0.288-0.253-0.706-0.381-1.255-0.381h-1.143v6.387h0.716c0.284,0,0.481-0.064,0.594-0.191
c0.113-0.125,0.226-0.384,0.342-0.766c0.087-0.285,0.148-0.445,0.18-0.484c0.034-0.039,0.118-0.061,0.257-0.061h0.477
c0.188,0,0.284,0.088,0.284,0.26v3.756c0,0.182-0.075,0.271-0.229,0.271h-0.531c-0.125,0-0.207-0.023-0.246-0.07
c-0.04-0.049-0.092-0.176-0.155-0.386c-0.142-0.487-0.291-0.782-0.45-0.888c-0.157-0.104-0.332-0.158-0.522-0.158h-0.716v5.908
c0,0.377,0.137,0.66,0.413,0.848c0.187,0.123,0.281,0.27,0.281,0.434v0.492c0,0.167-0.094,0.248-0.281,0.248h-3.395
c-0.16,0-0.238-0.075-0.238-0.229v-0.512c0-0.157,0.093-0.303,0.282-0.434c0.275-0.196,0.412-0.479,0.412-0.848v-12.883
c0-0.368-0.145-0.651-0.435-0.845c-0.195-0.125-0.292-0.27-0.292-0.435v-0.491c0-0.157,0.081-0.239,0.24-0.239h5.633
c0.166,0,0.432-0.016,0.794-0.043c0.197-0.022,0.312-0.033,0.347-0.033c0.175,0,0.281,0.022,0.317,0.067
c0.037,0.042,0.053,0.135,0.053,0.281V753.008z"/>
<path clip-path="url(#SVGID_2_)" fill="#238FCF" d="M699.28,746.213h-22.259c-1.434,0-2.594,1.159-2.594,2.591v2.381h2.809
c1.368,0,2.479,1.11,2.479,2.48v7.729c0,1.368-1.111,2.481-2.479,2.481h-2.809v2.977c0,1.431,1.16,2.592,2.594,2.592h3.295
l-2.976,6.208l8.584-6.208h13.355c1.435,0,2.595-1.161,2.595-2.592v-18.048C701.875,747.372,700.715,746.213,699.28,746.213
M691.856,750.212c0,0.166-0.099,0.31-0.295,0.435c-0.291,0.195-0.435,0.478-0.435,0.847v12.88c0,0.37,0.136,0.655,0.412,0.849
c0.187,0.131,0.281,0.277,0.281,0.436v0.512c0,0.152-0.079,0.227-0.239,0.227h-3.393c-0.188,0-0.284-0.082-0.284-0.248v-0.49
c0-0.166,0.096-0.312,0.284-0.436c0.275-0.189,0.413-0.472,0.413-0.849v-5.907h-0.72c-0.186,0-0.361,0.055-0.521,0.16
c-0.16,0.103-0.311,0.398-0.447,0.885c-0.063,0.211-0.115,0.34-0.155,0.387c-0.041,0.047-0.125,0.071-0.247,0.071h-0.533
c-0.149,0-0.229-0.093-0.229-0.274v-3.752c0-0.172,0.095-0.26,0.282-0.26h0.479c0.138,0,0.223,0.02,0.257,0.06
c0.033,0.04,0.093,0.2,0.179,0.485c0.116,0.383,0.229,0.639,0.343,0.764c0.111,0.127,0.312,0.192,0.592,0.192h0.72v-6.384h-1.145
c-0.549,0-0.968,0.126-1.254,0.378c-0.289,0.255-0.488,0.747-0.604,1.478c-0.051,0.305-0.098,0.484-0.139,0.541
c-0.04,0.053-0.123,0.08-0.255,0.08h-0.424c-0.212,0-0.315-0.093-0.315-0.281v-3.243c0-0.145,0.02-0.239,0.053-0.282
c0.039-0.044,0.144-0.065,0.316-0.065c0.037,0,0.154,0.009,0.348,0.032c0.365,0.03,0.628,0.043,0.795,0.043h5.638
c0.158,0,0.24,0.082,0.24,0.241V750.212z"/>
</g>
<g>
<path fill="#238FCF" d="M676.855,762.039c-0.237-0.238-0.463-0.476-0.789-0.827c-0.727,0.676-1.541,0.964-2.468,0.964
c-1.641,0-2.593-1.103-2.593-2.368c0-1.152,0.688-1.942,1.653-2.468v-0.038c-0.438-0.551-0.701-1.165-0.701-1.767
c0-1.027,0.738-2.08,2.142-2.08c1.053,0,1.867,0.702,1.867,1.792c0,0.89-0.514,1.591-1.854,2.255v0.038
c0.714,0.827,1.516,1.754,2.055,2.355c0.389-0.589,0.651-1.403,0.814-2.468h1.002c-0.226,1.328-0.589,2.38-1.215,3.12
c0.45,0.476,0.889,0.952,1.391,1.491H676.855z M675.528,760.586c-0.501-0.551-1.441-1.579-2.381-2.656
c-0.451,0.288-1.09,0.827-1.09,1.716c0,0.964,0.714,1.704,1.729,1.704C674.514,761.35,675.127,761.024,675.528,760.586z
M672.96,755.437c0,0.602,0.275,1.065,0.639,1.516c0.852-0.489,1.403-0.94,1.403-1.654c0-0.514-0.288-1.09-0.978-1.09
C673.323,754.209,672.96,754.786,672.96,755.437z"/>
</g>
</g>
</a>
<g id="lifeline">
<path fill-rule="evenodd" fill="none" stroke="#ED145B" stroke-width="2.9594" stroke-miterlimit="10" d="M45.749,263.686
c0,0,128.451-0.846,258.228-0.584c32.683,0.063,26.091-18.948,39.901-18.948c13.811,0,11.825,19.022,41.78,18.79
c13.959,0.184,26.474,0.346,41.41,0.49c31.9,0.135,25.73-49.361,44.366-49.361c18.635,0,11.062,49.904,42.592,49.975
c196.096,0.969,432.558,0.637,432.558,0.637"/>
<g id="Ellipse_1">
<circle fill="#ED145B" cx="37.167" cy="263.686" r="8.583"/>
</g>
<g id="growth_stages">
<path id="old_2_" fill="#554263" d="M505.136,189.292c0.342-1.685-0.666-2.909-1.909-3.377c0.775-1.133,1.232-2.505,1.232-3.989
c0-3.866-3.088-7.001-6.901-7.001c-3.811,0-6.901,3.135-6.901,7.001c0,3.868,3.09,7.002,6.901,7.002
c0.666,0,1.304-0.1,1.912-0.279c-0.704,3.019-1.819,5.889-3.026,8.728c-0.651-1.013-1.325-2.013-1.982-3.022
c0.907-4.445-3.805-9.742-8.9-6.791c-5.716,3.309-10.22,8.66-12.827,14.762c-1.302,3.048-0.879,6.53,2.202,8.334
c0.092,0.056,0.191,0.1,0.288,0.148c0.542,0.393,1.207,0.662,2,0.738c5.921,0.569,11.899,0.682,17.859,0.726
c-1.819,5.581-3.941,11.072-6.094,16.515c-1.872,4.728,5.657,6.761,7.503,2.097c2.798-7.07,5.548-14.224,7.641-21.548
c0.889-3.11-1.807-5.078-4.254-4.86c-0.107-0.021-0.214-0.04-0.329-0.051C501.581,199.43,504.058,194.624,505.136,189.292z
M490.583,198.779c1.191,1.804,2.353,3.625,3.288,5.586c-2.821-0.025-5.646-0.074-8.465-0.184
C486.802,202.046,488.506,200.202,490.583,198.779z"/>
<path id="older_2_" fill="#554263" d="M349.294,188.247c-9.975,1.869-16.944,11.187-16.343,21.435
c0.011,0.189,0.033,0.368,0.058,0.547c-0.366,1.837,0.324,4.01,2.493,4.896c3.459,1.418,7.407,3.581,8.714,7.368
c1.398,4.055-1.631,8.376-4.075,11.275c-3.226,3.827,2.234,9.407,5.487,5.552c4.403-5.226,7.531-11.101,6.274-18.123
c-0.035-0.193-0.09-0.376-0.133-0.564c0.299-0.43,0.517-0.941,0.583-1.561c0.805-7.585,2.917-14.945,3.646-22.543
c0.594-1.29,0.776-2.785,0.42-4.116C355.549,189.126,352.411,187.664,349.294,188.247z M347.011,213.094
c-0.783-0.692-1.617-1.333-2.491-1.922c0.071-0.435,0.098-0.903,0.07-1.407c-0.035-0.583-0.008-1.168,0.027-1.749
c0.015-0.205,0.032-0.405,0.052-0.607c0.01-0.054,0.02-0.11,0.034-0.186c0.139-0.786,0.352-1.556,0.588-2.317
c0.101-0.274,0.155-0.425,0.165-0.468c0.174-0.371,0.365-0.733,0.562-1.092c0.645-1.173,0.286-0.605,1.246-1.594
c0.498-0.515,1.205-0.938,2.038-1.283C348.666,204.696,347.75,208.881,347.011,213.094z M369.03,190.552
c0,3.395-2.72,6.148-6.075,6.148c-3.358,0-6.078-2.753-6.078-6.148c0-3.396,2.72-6.147,6.078-6.147
C366.31,184.404,369.03,187.156,369.03,190.552z"/>
<g id="married_3_">
<path fill="#554263" d="M310.222,217.412L310.222,217.412L310.222,217.412L310.222,217.412z M301.229,201.511
c-0.536-1.28-1.549-2.312-2.811-2.88c0.005-0.052,0.016-0.104,0.016-0.159c0-1.329-1.077-2.406-2.408-2.406
c-1.329,0-2.407,1.077-2.407,2.406c0,0.106,0.017,0.206,0.028,0.306c-1.197,0.632-2.128,1.697-2.595,2.983
c-1.665,1.851-3.661,4.484-5.605,8.05c-1.893-2.446-5.057-3.787-8.072-4.567l-2.822,5.801l0.613-5.175h0.104v-0.859h-2.135v0.859
h0.109l0.724,5.179l-2.823-6.038c-0.262,0.073,0.065,0.012-0.184,0.108c-4.414,1.064-8.322,3.025-9.969,7.482
c-1.736,4.7-0.996,10.46-0.437,15.206c0.346,2.944,5.006,2.976,4.656,0c-0.463-3.947-0.218-7.871-0.109-11.863
c0.044-1.656,0.648-2.866,1.573-3.779l-0.053,20.432v20.342c0,1.674,1.225,3.027,2.945,3.027s3.114-1.354,3.114-3.027v-21.194
c0,0,0.099-1.073,1.194-1.087c1.095-0.011,1.067,1.034,1.067,1.034v21.187c0,1.673,1.395,3.029,3.115,3.029
s3.114-1.356,3.114-3.029l0.104-21.866c0-0.207,0.021-14.781,0.026-18.663c0.731,0.814,0.796,2.066,1.419,3.294
c-0.184,0.459-0.365,0.927-0.543,1.409l-0.132,0.36h1.591c0.828,1.879,1.223,3.944,1.32,6.027
c-0.113,1.261-0.165,2.539-0.173,3.822c-0.001,0.073,0.013,0.134,0.019,0.202c-0.339,2.969,4.312,2.932,4.657-0.009
c0.209-1.793,0.112-3.566-0.161-5.33c0.165-1.232,0.457-2.431,0.973-3.621c0.468,0.783,1.847,3.742-0.337,8.867
c-4.493,10.535-3.522,20.137-3.511,20.235c0.028,0.271,0.26,0.478,0.532,0.478h3.427v5.149c0,1.539,0.961,2.786,2.309,2.786
c1.348,0,2.439-1.247,2.439-2.786v-5.149h1.773v5.097c0,1.537,1.09,2.783,2.442,2.783c1.348,0,2.44-1.246,2.44-2.783l0.041-5.097
h3.141c0.264,0,0.488-0.193,0.53-0.455c0.059-0.391,1.447-9.708-3.052-20.258c-1.764-4.142-1.22-6.848-0.689-8.16
c0.862,2.312,1.751,5.227,1.767,8.05c0.018,2.76,4.298,2.76,4.28,0c-0.022-3.404-0.322-6.769-1.413-9.849h3.832l-0.113-0.352
C309.937,216.551,306.708,207.022,301.229,201.511z M274.177,223.227c-0.524,0-0.948-0.425-0.948-0.95
c0-0.522,0.424-0.949,0.948-0.949c0.523,0,0.949,0.426,0.949,0.949C275.127,222.802,274.701,223.227,274.177,223.227z
M274.177,220.242c-0.524,0-0.948-0.425-0.948-0.949c0-0.524,0.424-0.948,0.948-0.948c0.523,0,0.949,0.424,0.949,0.948
C275.127,219.816,274.701,220.242,274.177,220.242z M274.248,217.255c-0.525,0-0.949-0.426-0.949-0.95
c0-0.523,0.424-0.948,0.949-0.948c0.523,0,0.949,0.425,0.949,0.948C275.197,216.829,274.771,217.255,274.248,217.255z
M278.14,211.877l0.473-1.382l-1.455,1.964l1.455-3.928l0.51,3.928L278.14,211.877z M282.815,216.877
c0.08-0.209,0.161-0.413,0.241-0.617c0.115,0.204,0.224,0.409,0.328,0.617H282.815z M291.259,203.573
c0.743-0.232,2.067-0.771,3.199-1.902c2.975,2.376,5.793,2.217,6.648,2.102c-0.085,2.64-2.255,4.766-4.918,4.766
c-2.718,0-4.928-2.209-4.928-4.926C291.257,203.6,291.259,203.586,291.259,203.573z M301.462,227.792
c3.822,8.969,3.247,17.233,3.031,19.222h-17.042c-0.129-2.035-0.348-10.277,3.462-19.222c2.198-5.146,1.065-8.371,0.408-9.604
c0.559-0.229,1.557-0.569,2.863-0.775h4.381c1.188,0.198,2.033,0.519,2.509,0.741
C300.421,219.362,299.246,222.598,301.462,227.792z M293.126,211.974c-0.481,0-0.871-0.389-0.871-0.87
c0-0.48,0.39-0.869,0.871-0.869c0.479,0,0.868,0.389,0.868,0.869C293.994,211.584,293.605,211.974,293.126,211.974z
M294.864,213.939c0,0.48-0.39,0.87-0.87,0.87c-0.481,0-0.868-0.389-0.868-0.87c0-0.479,0.386-0.869,0.868-0.869
C294.474,213.071,294.864,213.46,294.864,213.939z M295.357,215.733c0-0.48,0.389-0.869,0.87-0.869
c0.06,0,0.118,0.004,0.176,0.018c0.459,0.023,0.826,0.4,0.826,0.865c0,0.159-0.045,0.309-0.121,0.437
c-0.227-0.01-0.46-0.017-0.704-0.017c-0.309,0-0.605,0.011-0.896,0.028C295.42,216.061,295.357,215.907,295.357,215.733z
M299.464,213.954c0,0.479-0.39,0.869-0.869,0.869c-0.481,0-0.871-0.39-0.871-0.869s0.39-0.869,0.871-0.869
C299.074,213.084,299.464,213.474,299.464,213.954z M298.595,211.119c0-0.481,0.389-0.871,0.869-0.871
c0.479,0,0.869,0.389,0.869,0.871c0,0.479-0.391,0.869-0.869,0.869C298.984,211.988,298.595,211.598,298.595,211.119z
M306.199,216.877c-0.74-1.903-1.799-3.69-3.301-5.3c-0.726-0.775-4.865-2.277-6.526-2.277c-1.689,0-5.92,1.464-6.681,2.277
c-0.901,0.967-1.637,2-2.248,3.082c-0.199-0.684-0.399-1.37-0.591-2.06c-0.239-0.855-0.604-1.617-1.059-2.302
c1.689-3.15,3.43-5.569,4.951-7.368c-0.041,0.262-0.065,0.525-0.065,0.797c0,0,0.021-0.004,0.051-0.012
c0.057,2.965,2.481,5.357,5.458,5.357c3.011,0,5.462-2.449,5.462-5.46c0-0.32-0.033-0.632-0.086-0.938
c4.437,4.963,7.299,12.496,7.913,14.203H306.199z M273.85,203.855c2.925,0,5.295-2.37,5.295-5.294
c0-2.922-2.37-5.292-5.295-5.292c-2.924,0-5.295,2.37-5.295,5.292C268.555,201.485,270.926,203.855,273.85,203.855z"/>
</g>
<g id="graduated_3_">
<path fill="#554263" d="M221.743,201.814c0,2.791,2.259,5.052,5.044,5.052c2.784,0,5.043-2.261,5.043-5.052H221.743z
M221.164,201.046l11.46-0.044l-0.004-0.786l1.119-0.625c0.158,0.18,0.285,0.387,0.354,0.616
c0.104,0.354,0.048,0.716-0.174,1.108c-0.381,0.676-0.44,1.173-0.178,1.479c0.139,0.166,0.36,0.236,0.623,0.236
c0.443-0.002,1.017-0.213,1.556-0.531l0.014,0.058l1.64-0.583l-0.144-0.551l-1.076,0.383l-0.037-0.064
c-0.067,0.052-0.134,0.1-0.2,0.148l-0.324,0.116l0.022,0.083c-0.822,0.5-1.61,0.648-1.817,0.405
c-0.119-0.135-0.032-0.488,0.223-0.945c0.283-0.501,0.353-0.999,0.214-1.48c-0.074-0.251-0.2-0.472-0.355-0.67l0.267-0.149
l-7.745-4.66l-6.938,4.713l1.496,0.776L221.164,201.046z M223.456,207.828l3.44,8.147l4.163-8.064
C228.65,207.549,225.764,207.625,223.456,207.828z M234.818,209.625c-0.141-0.166-0.292-0.302-0.445-0.425
c-0.075-0.155-0.167-0.299-0.28-0.428c-0.196-0.098-0.409-0.188-0.63-0.27l-6.784,13.146l-5.711-13.522
c-0.12,0.019-0.247,0.037-0.354,0.055c-3.123-3.489-5.323-7.671-6.626-12.327c-0.099-0.353-0.25-0.646-0.418-0.912l4.103,0.459
l0.251-2.263l-14.615-1.637l-0.251,2.263l5.688,0.638c-0.842,0.694-1.33,1.786-0.946,3.161c2.08,7.433,6.1,13.681,11.895,18.534
l-3.584,27.806h3.66l0.046,9.754c0,1.598,1.327,2.891,2.967,2.891c1.638,0,2.968-1.293,2.968-2.891v-9.754h2.152v9.81
c0,1.595,1.328,2.89,2.966,2.89s2.802-1.295,2.802-2.89v-9.81h3.295l-1.544-14.587c1.759,1.776,5.604,1.07,5.556-2.148
C240.875,220.62,239.116,214.639,234.818,209.625z"/>
</g>
<g id="child_3_">
<path fill="#554263" d="M37.149,217.647c3.196,0,5.787-2.569,5.787-5.739c0-3.169-2.591-5.74-5.787-5.74
c-3.196,0-5.788,2.57-5.788,5.74C31.362,215.079,33.953,217.647,37.149,217.647z M50.382,226.969
c-3.131-2.397-6.369-4.639-9.889-6.442c-0.997-0.805-2.254-1.296-3.624-1.306c-1.521-0.01-2.934,0.59-4,1.559
c-2.859,1.619-5.546,3.505-8.156,5.503c-1.192,0.911-1.828,2.338-0.993,3.751c0.689,1.167,2.588,1.901,3.785,0.986
c1.13-0.866,2.277-1.711,3.443-2.522v1.183h11.758v-1.476c1.67,1.102,3.292,2.283,4.884,3.5c1.197,0.917,3.096,0.183,3.785-0.985
C52.21,229.308,51.573,227.881,50.382,226.969z M38.519,237.301c0.41-0.264,0.623-0.551,0.623-0.551l3.564-4.208v-2.52H30.96
l0.04,2.062l3.196,4.476l0.075,0.075c0.47,0.349,0.937,0.618,1.388,0.802l0.068,0.019c0.395,0.074,0.73,0.109,1.057,0.111h0.034
c0.52,0,1.06-0.077,1.605-0.225L38.519,237.301z M36.818,236.883v0.344l-0.03-0.344c-0.274,0-0.561-0.03-0.898-0.091
c-0.374-0.156-0.764-0.383-1.161-0.671l-3.041-4.26l-0.021-1.15h10.35v1.582l-3.417,4.036c-0.004,0.003-0.142,0.188-0.412,0.37
C37.719,236.821,37.259,236.883,36.818,236.883z M34,236.86l-0.055-0.058l-3.208-4.492c-2.235,2.106-3.761,4.597-3.833,7.723
c-0.071,3.081,2.06,5.811,4.289,7.705c2.693,2.288,6.625-1.575,3.911-3.879C32.323,241.494,31.829,239.327,34,236.86z
M39.423,236.948c-0.001,0.002-0.016,0.02-0.025,0.035c2.401,2.559,1.969,4.784-0.896,7.218
c-2.714,2.304,1.218,6.167,3.911,3.878c2.432-2.064,4.008-4.507,4.289-7.703c0.258-2.937-1.694-5.684-3.721-7.623L39.423,236.948
z"/>
</g>
</g>
</g>
<g id="sub-header">
<text transform="matrix(1.0003 0 0 1 308.4204 161.8794)" fill="#554263" font-family="'Verdana, sans-serif'" font-size="16.2095" font-style="italic">quarter-life crisis</text>
<text transform="matrix(1.0003 0 0 1 445.6016 161.8794)" fill="#554263" font-family="'Verdana, sans-serif'" font-size="16.2095" font-style="italic">mid-life crisis</text>
</g>
<g id="header">
<g id="author">
<a xlink:href="http://fundersandfounders.com/author/anna-vital/" target="_top"><text transform="matrix(1 0 0 1 840.0454 92.1748)" fill="#8E8099" font-family="'HelveticaCYPlain'" font-size="19">by Anna Vital</text>
</a>
</g>
<text transform="matrix(1.0026 0 0 1 159.4043 90.1201)" fill="#554263" style="font-family: Lucida, sans-serif; font-stretch: condensed; font-weight: bold; " font-size="60">TOO LATE TO START?</text>
<text transform="matrix(1.0003 0 0 1 35.4619 322.2427)" fill="#C2BFC7" font-family="'Helvetica-Oblique'" font-size="16.2095">years of life</text>
</g>
</svg>
</div>
<script type="text/javascript">
var FnF = FnF || {};
FnF.founders = {
"name": "Founders",
"children": [
{
"name": "15..19",
"range" : 15,
"children": [
{"company": "Dell", "name": "Michael", "lastname": "Dell", "birth": "1965", "founded": "1984-11-04", "age": 18, "more" : "assembling computers \n in his college apartment", "link" : "en.wikipedia.org/wiki/Michael_Dell"},
{"company": "UPS", "name": "James", "lastname" : "Casey", "birth": "1888-03-29", "founded": "1907-08-28", "age": 19, "more" : "delivering packages \n on $100 borrowed from a friend", "link" : "en.wikipedia.org/wiki/James_E._Casey"},
{"company": "Facebook", "name": "Mark", "lastname": "Zuckerberg", "birth": "1984-05-14", "founded": "2004-02-04", "age": 19, "more" : "launching the website \n at his dorm room in Harvard", "link" : "en.wikipedia.org/wiki/Mark_Zuckerberg"}
]},
{
"name": "20..24",
"range" : 20,
"children": [
{"company": "Microsoft", "name": "Bill", "lastname" : "Gates", "birth": "1955-10-28", "founded": "1975-04-04", "age": 20, "more" : "selling a program \nhe did not have", "link" : "en.wikipedia.org/wiki/Bill_Gates"},
{"company": "Apple", "name": "Steve", "lastname" : "Jobs", "birth": "1955-02-24", "founded": "1976-04-01", "age": 21, "more" : "making computers in garage", "link" : "en.wikipedia.org/wiki/Steve_Jobs"},
{"company": "Burberry", "name": "Thomas", "lastname" : "Burberry", "birth": "1835-08-27", "founded": "1856", "age": 21, "more" : "selling sports clothes \n from a small London shop", "link" : "en.wikipedia.org/wiki/Thomas_Burberry"},
{"company": "Tesco", "name": "Jack", "lastname" : "Cohen", "birth": "1898-10-06", "founded": "1919", "age": 21, "more" : "buying one market stall", "link" : "en.wikipedia.org/wiki/Jack_Cohen_(businessman)"},
{"company": "Harley-Davidson", "name": "Arthur", "lastname" : "Davidson", "birth": "1881-02-11", "founded": "1903", "age": 22, "more" : "making a bike easy \nfor him to go fishing", "link" : "en.wikipedia.org/wiki/Arthur_Davidson_(motorcycling)"},
{"company": "Microsoft", "name": "Paul", "lastname" : "Allen", "birth": "1953-01-21", "founded": "1975-04-04", "age": 22, "more" : "selling a program \nhe did not have", "link" : "en.wikipedia.org/wiki/Paul_Allen"},
{"company": "Walt Disney", "name": "Walt", "lastname" : "Disney", "birth": "1901-12-05", "founded": "1923-10-16", "age": 22, "more" : "after his other studio went bust", "link" : "en.wikipedia.org/wiki/Walt_Disney"},
{"company": "Heineken", "name": "Gerard", "lastname" : "Heineken", "birth": "1841-09-29", "founded": "1864", "age": 23, "more" : "the first brewery \nto have a lab", "link" : "en.wikipedia.org/wiki/Gerard_Adriaan_Heineken"},
{"company": "Harley-Davidson", "name": "William", "lastname" : "Harley", "birth": "1880-12-29", "founded": "1903", "age": 23, "more" : "making bikes \n with his friend Arthur", "link" : "en.wikipedia.org/wiki/William_S._Harley"}
]},
{
"name": "25..29",
"range" : 25,
"children": [
{"company": "Best Buy", "name": "Richard", "lastname" : "Schulze", "birth": "1941", "founded": "1966", "age": 25, "more" : "mortgaging his home \n to open an audio store", "link" : "en.wikipedia.org/wiki/Richard_M._Schulze"},
{"company": "Google", "name": "Sergey", "lastname" : "Brin", "birth": "1973-08-21", "founded": "1998-09-04", "age": 25, "more" : "cramming his dorm with cheap \ncomputers to index the web", "link" : "en.wikipedia.org/wiki/Sergey_Brin"},
{"company": "Google", "name": "Larry", "lastname" : "Page", "birth": "1973-03-26", "founded": "1998-09-04", "age": 25, "more" : "cramming his dorm with cheap \ncomputers to index the web", "link" : "en.wikipedia.org/wiki/Larry_Page"},
{"company": "HP", "name": "William", "lastname" : "Hewlett", "birth": "1913-05-20", "founded": "1939-01-01", "age": 25, "more" : "making a sound oscillator \nsold to Disney", "link" : "en.wikipedia.org/wiki/William_Redington_Hewlett"},
{"company": "Sony", "name": "Akio", "lastname" : "Morita", "birth": "1921-01-26", "founded": "1946-05-07", "age": 25, "more" : "creating audio tape", "link" : "en.wikipedia.org/wiki/Akio_Morita"},
{"company": "Apple", "name": "Steve", "lastname" : "Wozniak", "birth": "1950-08-11", "founded": "1976-04-01", "age": 26, "more" : "designed a computer \nall by himself", "link" : "en.wikipedia.org/wiki/Steve_Wozniak"},
{"company": "HP", "name": "David", "lastname" : "Packard", "birth": "1912-09-07", "founded": "1939-01-01", "age": 26, "more" : "making a sound oscillator \nsold to Disney", "link" : "en.wikipedia.org/wiki/David_Packard"},
{"company": "Nike", "name": "Phil", "lastname" : "Knight", "birth": "1938-02-24", "founded": "1964-01-25", "age": 26, "more" : "cold calling a running \nshoe firm in Japan", "link" : "en.wikipedia.org/wiki/Phil_Knight"},
{"company": "AOL", "name": "Steve", "lastname" : "Case", "birth": "1958-08-21", "founded": "1985", "age": 27, "more" : "letting people connect \nthrough Internet portal", "link" : "en.wikipedia.org/wiki/Steve_Case" },
{"company": "Whole Foods", "name": "John", "lastname" : "Mackey", "birth": "1953-08-15", "founded": "1980", "age": 27, "more" : "opening a health food store \nwith his girlfriend", "link" : "en.wikipedia.org/wiki/John_Mackey(businessman)"},
{"company": "FedEx", "name": "Fred", "lastname" : "Smith", "birth": "1944-08-11", "founded": "1971-06-18", "age": 27, "more" : "based on his college paper \nabout overnight delivery", "link" : "en.wikipedia.org/wiki/Frederick_W._Smith"},
{"company": "Walgreens", "name": "Charles", "lastname" : "Walgreen", "birth": "1873-10-09", "founded": "1901", "age": 28, "more" : "buying a pharmacy \nfrom his boss", "link" : "en.wikipedia.org/wiki/Charles_Rudolph_Walgreen"},
{"company": "eBay", "name": "Pierre", "lastname" : "Omidyar", "birth": "1967-06-21", "founded": "1995-09-03", "age": 28, "more" : "writing code for \nauction website", "link" : "en.wikipedia.org/wiki/Pierre_Omidyar"},
{"company": "L'Oréal", "name": "Eugène", "lastname" : "Schueller", "birth": "1881-03-20", "founded": "1909", "age": 28, "more" : "with a new hair dye formula", "link" : "en.wikipedia.org/wiki/Eugène_Schueller"},
{"company": "Cisco", "name": "Sandra", "lastname" : "Lerner", "birth": "1955", "founded": "1984-12", "age": 28, "more" : "selling routers through \nword of mouth", "link" : "en.wikipedia.org/wiki/Sandra_Lerner"},
{"company": "Expedia", "name": "Richard", "lastname" : "Barton", "birth": "1967-06-02", "founded": "1996", "age": 29, "more" : "while working at Microsoft", "link" : "en.wikipedia.org/wiki/Rich_Barton"},
{"company": "Rolls-Royce", "name": "Charles", "lastname" : "Rolls", "birth": "1877-08-27", "founded": "1906", "age": 29, "more" : "selling all cars \nhis partner made", "link" : "en.wikipedia.org/wiki/Charles_Rolls"},
{"company": "Visa", "name": "Dee", "lastname" : "Hock", "birth": "1929", "founded": "1958", "age": 29, "more" : "convincing banks to give up \nownership of credit cards", "link" : "en.wikipedia.org/wiki/Dee_Hock"}
]},
{
"name": "30..34",
"range" : 30,
"children": [
{"company": "Amazon", "name": "Jeff", "lastname" : "Bezos", "birth": "1964-01-12", "founded": "1994", "age": 30, "more" : "pioneering e-commerce, \nstarting selling books", "link" : "en.wikipedia.org/wiki/Jeff_Bezos"},
{"company": "H&M", "name": "Erling", "lastname" : "Persson", "birth": "1917-01-21", "founded": "1947", "age": 30, "more" : "selling women's clothing", "link" : "en.wikipedia.org/wiki/Erling_Persson"},
{"company": "Nintendo", "name": "Fusajiro", "lastname" : "Yamauchi", "birth": "1859-11-22", "founded": "1889-09-23", "age": 30, "more" : "from a small hanafuda \ngame firm", "link" : "en.wikipedia.org/wiki/Hiroshi_Yamauchi"},
{"company": "Cisco", "name": "Leonard", "lastname" : "Bosack", "birth": "1952", "founded": "1984-12", "age": 31, "more" : "selling routers through \nword of mouth", "link" : "en.wikipedia.org/wiki/Erling_Persson"},
{"company": "Intuit", "name": "Scott", "lastname" : "Cook", "birth": "1952", "founded": 1983, "age": 31, "more" : "after hearing wife's complain \nabout paying bills", "link" : "en.wikipedia.org/wiki/Scott_Cook"},
{"company": "Siemens", "name": "Werner", "lastname" : "von Siemens", "birth": "1816-12-13", "founded": "1847-10-12", "age": 31, "more" : "inventing needle telegraph", "link" : "en.wikipedia.org/wiki/Werner_von_Siemens"},
{"company": "Xerox", "name": "Chester", "lastname" : "Carlson", "birth": "1906-02-08", "founded": "1938", "age": 32, "more" : "after 22 years of trying \nto make a dry copy", "link" : "en.wikipedia.org/wiki/Chester_Carlson"},
{"company": "Acer", "name": "Stan", "lastname" : "Shih", "birth": "1944-12-08", "founded": "1976", "age": 32, "more" : "selling clones of Apple II \ncomputer", "link" : "en.wikipedia.org/wiki/Stan_Shih"},
{"company": "Baidu", "name": "Robin", "lastname" : "Li", "birth": "1968-11-17", "founded": "2000-01-01", "age": 32, "more" : "developing search algorithms \nbefore Google", "link" : "en.wikipedia.org/wiki/Robin_Li"},
{"company": "Peugeot", "name": "Armand", "lastname" : "Peugeot", "birth": "1849-03-26", "founded": "1882", "age": 32, "more" : "producing coffee grinders \nand bicycles", "link" : "en.wikipedia.org/wiki/Armand_Peugeot"},
{"company": "Oracle", "name": "Larry", "lastname" : "Ellison", "birth": "1944-08-17", "founded": "1977", "age": 33, "more" : "making a database \nfor the CIA", "link" : "en.wikipedia.org/wiki/Larry_Ellison"},
{"company": "Procter & Gamble", "name": "James", "lastname" : "Gamble", "birth": "1803-04-03", "founded": "1837-10-31", "age": 33, "more" : "having invented the formula \nof ivory soap", "link" : "en.wikipedia.org/wiki/James_Gamble_%28industrialist%29"},
{"company": "Wells Fargo", "name": "William", "lastname" : "Fargo", "birth": "1818-05-20", "founded": "1852-03-18", "age": 34, "more" : "pioneering banking \nin California", "link" : "en.wikipedia.org/wiki/William_Fargo"}
]},
{
"name": "35..39",
"range" : 35,
"children": [
{"company": "Procter&Gamble", "name": "William", "lastname" : "Procter", "birth": "1801-12-07", "founded": "1837-10-31", "age": 35, "more" : "making candles with \nhis brother-in-law", "link" : "http://en.wikipedia.org/wiki/William_Procter_%28candlemaker%29"},
{"company": "Boeing", "name": "William", "lastname" : "Boeing", "birth": "1881-10-01", "founded": "1916-07-15", "age": 35, "more" : "after crashing his plane, \nunable to repair it", "link" : "en.wikipedia.org/wiki/William_Boeing"},
{"company": "Salesforce", "name": "Marc", "lastname" : "Benioff", "birth": "1964-09-25", "founded": "1999", "age": 35, "more" : "in his apartment proclaiming \n'The End of Software'", "link" : "en.wikipedia.org/wiki/Marc_Benioff"},
{"company": "Carlsberg", "name": "J. C.", "lastname" : "Jacobsen", "birth": "1811-09-02", "founded": "1847", "age": 36, "more" : "using science to make good \nbeer consistently", "link" : "en.wikipedia.org/wiki/J._C._Jacobsen"},
{"company": "Hitachi", "name": "Namihei", "lastname" : "Odaira", "birth": "1874", "founded": "1910", "age": 36, "more" : "creating electric motor\n while working in a mine", "link" : "en.wikipedia.org/wiki/Namihei_Odaira"},
{"company": "LinkedIn", "name": "Reid", "lastname" : "Hoffman", "birth": "1967-08-05", "founded": "2003-05", "age": 36, "more" : "creating first business-minded \nsocial network in 2002", "link" : "en.wikipedia.org/wiki/Reid_Hoffman"},
{"company": "Macy's", "name": "Rowland", "lastname" : "Macy", "birth": "1822-08-30", "founded": "1858", "age": 36, "more" : "as a dried goods store in NYC \nafter 4 of his stores failed", "link" : "en.wikipedia.org/wiki/Rowland_Hussey_Macy"},
{"company": "Gap", "name": "Doris", "lastname" : "Fisher", "birth": "1932", "founded": "1969", "age": 37, "more" : "selling Levi's jeans \nand music records", "link" : "en.wikipedia.org/wiki/Doris_F._Fisher"},
{"company": "Hershey's", "name": "Milton", "lastname" : "Hershey", "birth": "1857-09-13", "founded": "1894", "age": 37, "more" : "making fresh-milk caramels \nand hawking them by night", "link" : "en.wikipedia.org/wiki/Milton_S._Hershey"},
{"company": "Hugo Boss", "name": "Hugo", "lastname" : "Boss", "birth": "1885-07-08", "founded": "1923", "age": 38, "more" : "with six sewing machines \nleft from his bankruptcy", "link" : "en.wikipedia.org/wiki/Hugo_Boss_(fashion_designer)"},
{"company": "Sony", "name": "Masaru", "lastname" : "Ibuka", "birth": "1908-04-11", "founded": "1946-05-07", "age": 38, "more" : "applying transistor technology \nto non-military uses", "link" : "en.wikipedia.org/wiki/Masaru_Ibuka"},
{"company": "Public Storage", "name": "Wayne", "lastname" : "Hughes", "birth": "1934-09-28", "founded": "1972", "age": 38, "more" : "pioneering self-storage", "link" : "en.wikipedia.org/wiki/B._Wayne_Hughes"},
{"company": "Garmin", "name": "Min", "lastname" : "Kao", "birth": "1949", "founded": "1989", "age": 39, "more" : "applying GPS technology \nto non-military uses", "link" : "en.wikipedia.org/wiki/Min_Kao"},
{"company": "HTC", "name": "Cher", "lastname" : "Wang", "birth": "1958-09-14", "founded": "1997-05-15", "age": 39, "more" : "making tablets and \nsmartphones", "link" : "en.wikipedia.org/wiki/Cher_Wang"},
{"company": "Zara (Inditex)", "name": "Amancio", "lastname" : "Ortega", "birth": "1936-03-28", "founded": "1975", "age": 39, "more" : "organizing local women into \na bathrobe sewing firm", "link" : "en.wikipedia.org/wiki/Amancio_Ortega_Gaona"},
{"company": "Intel", "name": "Gordon", "lastname" : "Moore", "birth": "1929-01-03", "founded": "1968-07-18", "age": 39, "more" : "creating a faster RAM \nmemory chips", "link" : "en.wikipedia.org/wiki/Gordon_Moore"},
{"company": "Lenovo", "name": "Liu", "lastname" : "Chuanzhi", "birth": "1944-04-29", "founded": "1984", "age": 39, "more" : "importing TVs and \nservicing computers", "link" : "en.wikipedia.org/wiki/Liu_Chuanzhi"}
]},
{
"name": "40..44",
"range" : 40,
"children": [
{"company": "Costco", "name": "Jeffrey", "lastname" : "Brotman", "birth": "1943", "founded": "1983-09-15", "age": 40, "more" : "converting a plane hangar \ninto a warehouse for shopping", "link" : "en.wikipedia.org/wiki/Jeffrey_Brotman"},
{"company": "Ford", "name": "Henry", "lastname" : "Ford", "birth": "1863-07-30", "founded": "1903-06-16", "age": 40, "more" : "wanting to build \na car for the masses", "link" : "en.wikipedia.org/wiki/Henry_Ford"},
{"company": "Volvo", "name": "Gustaf", "lastname" : "Larson", "birth": "1887-07-08", "founded": "1927", "age": 40, "more" : "making an oral contract with \nco-founder to make first 10 cars", "link" : "en.wikipedia.org/wiki/Gustaf_Larson"},
{"company": "Christian Dior", "name": "Christian", "lastname" : "Dior", "birth": "1905", "founded": "1946-12-16", "age": 41, "more" : "inventing a voluptuous look \namid boxy post-war styles", "link" : "en.wikipedia.org/wiki/Christian_Dior"},
{"company": "Gap", "name": "Donald", "lastname" : "Fisher", "birth": "1928-09-03", "founded": "1969", "age": 41, "more" : "selling Levi's jeans \nand music records", "link" : "en.wikipedia.org/wiki/Donald_Fisher"},
{"company": "Intel", "name": "Robert", "lastname" : "Noyce", "birth": "1927-12-12", "founded": "1968-07-18", "age": 41, "more" : "co-inventing \nthe integrated circuit", "link" : "en.wikipedia.org/wiki/Robert_Noyce"},
{"company": "Coca-Cola", "name": "Asa", "lastname" : "Candler", "birth": "1851-12-30", "founded": "1892", "age": 41, "more" : "buying the Coca-Cola recipe \nfor $550 (about $14,000 today)", "link" : "en.wikipedia.org/wiki/Asa_Griggs_Candler"},
{"company": "Adobe", "name": "John", "lastname" : "Warnock", "birth": "1940-10-06", "founded": "1982-12", "age": 42, "more" : "creating PostScript, \npage description language", "link" : "en.wikipedia.org/wiki/John_Warnock"},
{"company": "Lululemon", "name": "Chip", "lastname" : "Wilson", "birth": "1956-03-03", "founded": "1998", "age": 42, "more" : "creating cotton yoga pants \nfor active women", "link" : "en.wikipedia.org/wiki/Chip_Wilson"},
{"company": "Starbucks", "name": "Jerry", "lastname" : "Baldwin", "birth": "1929", "founded": "1971-03-30", "age": 42, "more" : "selling freshly roasted \ncoffee beans by the pound", "link" : "en.wikipedia.org/wiki/Jerry_Baldwin"},
{"company": "Honda", "name": "Soichiro", "lastname" : "Honda", "birth": "1906-11-17", "founded": "1948-09-24", "age": 42, "more" : "producing motorized bikes", "link" : "en.wikipedia.org/wiki/Soichiro_Honda"},
{"company": "Dish Network", "name": "Charlie", "lastname" : "Ergen", "birth": "1953-03-01", "founded": 1996, "age": 43, "more" : "selling satellite dishes \ndoor to door in Colorado", "link" : "en.wikipedia.org/wiki/Charlie_Ergen"},
{"company": "Adobe", "name": "Charles", "lastname" : "Geschke", "birth": "1939-09-11", "founded": "1982-12", "age": 43, "more" : "creating PostScript, \npage description language", "link" : "en.wikipedia.org/wiki/Charles_Geschke"},
{"company": "Dollar Tree", "name": "Macon", "lastname" : "Brock Jr", "birth": "1943", "founded": "1986", "age": 43, "more" : "as a toy store in a mall", "link" : "en.wikipedia.org/wiki/Dollar_Tree"},
{"company": "Comcast", "name": "Ralph", "lastname" : "Roberts", "birth": "1920-03-13", "founded": "1963", "age": 43, "more" : "buying a small rural \nantenna TV system", "link" : "en.wikipedia.org/wiki/Ralph_J._Roberts"},
{"company": "Rolls-Royce", "name": "Henry", "lastname" : "Royce", "birth": "1863-03-27", "founded": "1906", "age": 43, "more" : "making a deal with Rolls to sell\nhim all the cars he could make", "link" : "en.wikipedia.org/wiki/Henry_Royce"},
{"company": "AOL", "name": "Jim", "lastname" : "Kimsey", "birth": "1939-09-15", "founded": "1983", "age": 44, "more" : "marketing a game \n console for Atari", "link" : "en.wikipedia.org/wiki/Jim_Kimsey"},
{"company": "Walmart", "name": "Sam", "lastname" : "Walton", "birth": "1918-03-29", "founded": "1962", "age": 44, "more" : "purchasing a Ben Franklin \nvariety store", "link" : "en.wikipedia.org/wiki/Sam_Walton"}
]},
{
"name": "45..49",
"range" : 45,
"children": [
{"company": "General Electric", "name": "Thomas", "lastname" : "Edison", "birth": "1847-02-11", "founded": "1892", "age": 45, "more" : "bringing his various inventions \ninto one company", "link" : "en.wikipedia.org/wiki/Thomas_Edison"},
{"company": "Costco", "name": "James", "lastname" : "Sinegal", "birth": "1936-01-01", "founded": "1983-09-15", "age": 47, "more" : "as one of the first warehouse \nstores in the U.S.", "link" : "en.wikipedia.org/wiki/James_Sinegal"},
{"company": "Wells Fargo", "name": "Henry", "lastname" : "Wells", "birth": "1805-12-12", "founded": "1852-03-18", "age": 47, "more" : "first to introduce banking \nto the Wild West", "link" : "en.wikipedia.org/wiki/Henry_Wells"},
{"company": "Goldman Sachs", "name": "Marcus", "lastname" : "Goldman", "birth": "1821-12-09", "founded": "1869", "age": 48, "more" : "as a one-man broker\n of debt IOUs", "link" : "en.wikipedia.org/wiki/Marcus_Goldman"},
{"company": "Home Depot", "name": "Bernard", "lastname" : "Marcus", "birth": "1929", "founded": "1978", "age": 48, "more" : "after being fired from \nhome improvement store", "link" : "en.wikipedia.org/wiki/Bernard_Marcus"},
{"company": "Adidas", "name": "Adolf", "lastname" : "Dassler", "birth": "1900-11-03", "founded": "1949-08-18", "age": 48, "more" : "vying with his brother to make\nshoes for Olympic runners", "link" : "en.wikipedia.org/wiki/Adolf_Dassler"},
{"company": "Ryanair", "name": "Tony", "lastname" : "Ryan", "birth": "1936-02-02", "founded": "1985", "age": 49, "more" : "with a single 15-seat plane \nflying from London", "link" : "nytimes.com/2007/10/04/business/04ryan.html"},
{"company": "Seagate", "name": "Alan", "lastname" : "Shugart", "birth": "1930-09-27", "founded": 1979, "age": 49, "more" : "introducing low-cost \nfloppy disks", "link" : "en.wikipedia.org/wiki/Alan_Shugart"}
]},
{
"name": "50..54",
"range" : 50,
"children": [
{"company": "Morgan Stanley", "name": "Harold", "lastname" : "Stanley", "birth": "1885-10-02", "founded": "1935-09-05", "age": 50, "more" : "trading bonds for companies \npioneering investment banking", "link" : "en.wikipedia.org/wiki/Harold_Stanley"},
{"company": "Garmin", "name": "Gary", "lastname" : "Burrell", "birth": "1937", "founded": "1989", "age": 51, "more" : "first to use GPS technology \nfor non-military uses", "link" : "en.wikipedia.org/wiki/Gary_Burrell"},
{"company": "Hyundai Motor", "name": "Chung", "lastname" : "Ju-yung", "birth": "1915-11-25", "founded": "1967-12-29", "age": 51, "more" : "borrowing money to start \nan auto service garage", "link" : "en.wikipedia.org/wiki/Chung_Ju-yung"},
{"company": "Starbucks", "name": "Gordon", "lastname" : "Bowker", "birth": "1920", "founded": "1971-03-30T08:00:00.000Z", "age": 51, "more" : "selling freshly roasted \ncoffee beans by the pound", "link" : "en.wikipedia.org/wiki/Gordon_Bowker"},
{"company": "Campbell Soup", "name": "Joseph", "lastname" : "Campbell", "birth": "1817-05-15", "founded": "1869", "age": 52, "more" : "condensing soups by halving \nthe amount of water", "link" : "en.wikipedia.org/wiki/Joseph_A._Campbell"},
{"company": "Nestlé", "name": "Henri", "lastname" : "Nestlé", "birth": "1814-08-10", "founded": "1866", "age": 52, "more" : "inventing powered milk \nand breast milk substitute", "link" : "en.wikipedia.org/wiki/Henri_Nestl%C3%A9"},
{"company": "Nissan Motor", "name": "Yoshisuke", "lastname" : "Aikawa", "birth": "1880-11-06", "founded": "1933-12-26", "age": 52, "more" : "transforming his \nbrother-in-law's business", "link" : "en.wikipedia.org/wiki/Yoshisuke_Aikawa"},
{"company": "Estée Lauder", "name": "Estée", "lastname" : "Lauder", "birth": "1906-07-01", "founded": "1961", "age": 54, "more" : "selling creams made by\nher uncle to her friends", "link" : "en.wikipedia.org/wiki/Est%C3%A9e_Lauder_(businesswoman)"}
]},
{
"name": "55..59",
"range" : 55,
"children": [
{"company": "Las Vegas Sands", "name": "Sheldon", "lastname" : "Adelson", "birth": "1933-08-04", "founded": "1988", "age": 55, "more" : "turning an old hotel into the only \nprivate convention center", "link" : "en.wikipedia.org/wiki/Sheldon_Adelson"},
{"company": "Porsche", "name": "Ferdinand", "lastname" : "Porsche", "birth": "1875-09-03", "founded": "1931", "age": 56, "more" : "creating racing car for which \nhe had no customer", "link" : "en.wikipedia.org/wiki/Ferdinand_Porsche"},
{"company": "Kawasaki", "name": "Kawasaki", "lastname" : "Shōzō", "birth": "1837", "founded": "1896-10-15", "age": 59, "more" : "as a ship building \ncompany", "link" : "en.wikipedia.org/wiki/Kawasaki_Sh%C5%8Dz%C5%8D"}
]},
{
"name": "60..64",
"range" : 60,
"children": [
{"company": "Bank of America", "name": "Amadeo", "lastname" : "Giannini", "birth": "1870-05-06", "founded": "1930-11-03", "age": 60, "more" : "the first to offer banking \nfor the middle-class ", "link" : "en.wikipedia.org/wiki/Amadeo_Giannini"},
{"company": "IBM", "name": "Charles", "lastname" : "Flint", "birth": "1850-01-24", "founded": "1911-06-16", "age": 61, "more" : "foreseeing that punch-card \n will change the world", "link" : "en.wikipedia.org/wiki/Charles_Ranlett_Flint"}
]}
]
}
FnF.aspectRatio = 970 / 800;
FnF.chart = d3.select("#latetostart-graph").node();
FnF.resizeTimer;
FnF.doResize = function() {
console.log('running FnF.doResize()');
clearTimeout(FnF.resizeTimer);
FnF.resizeTimer = setTimeout(function(){
var targetWidth = FnF.chart.parentNode.offsetWidth;
console.log('resizing to w=' + targetWidth);
FnF.chart.style.width = targetWidth + "px";
FnF.chart.style.height = targetWidth / FnF.aspectRatio + "px";
}, 100);
}
FnF.OFFSET = 120;
FnF.LEAF_DROP = 50;
FnF.INITIAL_Y_OFFSET = 300;
FnF.WIDTH = 970;
FnF.YEAR_STEP = 4.25;
FnF.margin = {top: 0, right: 10, bottom: 0, left: 10};
FnF.width = FnF.WIDTH - FnF.margin.right - FnF.margin.left;
FnF.height = 800 - FnF.margin.top - FnF.margin.bottom;
FnF.i = 0;
FnF.duration = 750;
// var root, prevSelected;
FnF.tree = d3.layout.tree()
.separation(function(a, b) { return a.parent === b.parent ? 1 : 2; })
.size([FnF.width, FnF.height]);
FnF.diagonal = d3.svg.diagonal()
.projection(function(d) { return [d.x, d.y]; });
var line = d3.svg.line()
.interpolate("linear")
.x(function(d) { return d.x; })
.y(function(d) { return d.y; });
FnF.svg = d3.select("#container svg").append("svg")
.attr("width", FnF.width + FnF.margin.right + FnF.margin.left)
.attr("height", FnF.height + FnF.margin.top + FnF.margin.bottom)
.append("g")
.attr("transform", "translate(" + FnF.margin.left + "," + FnF.margin.top + ")");
FnF.collapse = function (d) {
if (d.children) {
d._children = d.children;
d._children.forEach(FnF.collapse);
d.children = null;
}
}
FnF.root = FnF.founders;
FnF.root.x0 = FnF.height / 2;
FnF.root.y0 = 300; // for smooth first transition
FnF.root.children.forEach(function(d) {
if (!d.range || d.range != 35){
FnF.collapse(d);
}
});
FnF.svg.append("svg:line")
.attr("x1", 25)
.attr("y1", FnF.INITIAL_Y_OFFSET)
.attr("x2", FnF.WIDTH - 30)
.attr("y2", FnF.INITIAL_Y_OFFSET)
.attr("stroke-width", 4.25)
.attr("stroke-dasharray", "" + FnF.YEAR_STEP + ", " + FnF.YEAR_STEP*2)
.style("stroke", "rgb(195,190,199)");
FnF.doResize();
FnF.clearInfo = function () {
FnF.svg.selectAll(".year_born").remove();
}
FnF.leafSelect = function(d) {
if (d.selected) {
d.selected = false;
d._selected= true;
} else {
if (FnF.prevSelected) {
FnF.prevSelected.selected = false;
FnF.prevSelected._selected = false;
}
d.selected = true;
FnF.prevSelected = d;
}
var theName = d.name;
var theLastName = d.lastname;
FnF.clearInfo();
FnF.svg.append("text")
.attr("x", "15")
.attr("y", "200")
.classed("year_born", true)
.text( d.birth.split("-")[0] );
}
FnF.click = function(d) {
if (!(d.children || d._children)) {
FnF.leafSelect(d);
FnF.update(d);
return;
}
if (d.children) {
d._children = d.children;
d.children = null;
} else {
d.children = d._children;
d._children = null;
}
if (d.parent) {
d.parent.children.forEach(function(element) {
if (d !== element) {
FnF.collapse(element);
}
});
}
FnF.update(d);
if (FnF.prevSelected) {
FnF.prevSelected.selected = false;
FnF.prevSelected._selected = false;
}
FnF.prevSelected = null;
FnF.clearInfo();
}
FnF.update = function(source) {
// Compute the new tree layout.
var nodes = FnF.tree.nodes(FnF.root).reverse();
nodes.splice(nodes.length-1,1);
links = FnF.tree.links(nodes);
nodes.forEach(normalizeNode);
// Update the nodes…
var node = FnF.svg.selectAll("g.node")
.data(nodes, function(d) { return d.id || (d.id = ++FnF.i); });
var rootNodesCollapsed = node.filter(function(d) {
return (d.children || d._children);
});
rootNodesCollapsed.select(".info-text")
.select("text")
.attr("dy","-2em")
.classed("years", true)
.text(function(d) {
if (d.children && !d._children) {
return d.name;
} else if (d.range == 25 || d.range == 35) {
return d.range;
}
});
// Enter any new nodes at the parent's previous position.
var nodeEnter = node.enter().append("g")
.attr("class", "node")
.attr("transform", function(d) { return "translate(" + source.x0 + "," + source.y0 + ")"; })
.on("click", FnF.click);
nodeEnter.append("circle")
.attr("r", 1e-6)
.style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
nodeEnter.append("g")
.attr("class", function(d) {
return "info-text" +
(d.selected && !d.children && !d._children ? " selected" : "");
})
.attr("transform", "translate(0,0)")
.attr("text-anchor", "middle")
.call(function(text){
text.each(function(d){
var atext = d3.select(this);
if (d.children && !d._children) {
atext.append('text').attr("x", "0").attr("y", "9").attr("dy", "-2em").classed("years", true).style("fill-opacity", 1e-6).text(d.name);
} else if (d.children || d._children) {
atext.append('text').attr("x", "0").attr("y", "9").attr("dy", "-2em").classed("years", true).style("fill-opacity", 1e-6)
.text( (d.range == 25 || d.range == 35) ? d.range : "");
} else {
var startedAt = atext.append('text').attr("x", "0").attr("y", "9").attr("dy", "0.8em").style("fill-opacity", 1e-6);
startedAt.append('tspan').classed("more-text", true).text('at ');
startedAt.append('tspan').text(d.age);
var founder = atext.append('text').classed("founder", true).style("fill-opacity", 1e-6);
founder.append('tspan').attr("x", "0").attr("y", "9").attr("dy", "1.7em").text(d.name);
founder.append('tspan').attr("x", "0").attr("y", "9").attr("dy", "2.7em").text(d.lastname);
var company = atext.append('text').attr("x", "0").attr("y", "9").attr("dy", "4.5em").classed("company", true).style("fill-opacity", 1e-6);
company.append('tspan').classed("more-text", true).text('started ');
company.append('tspan').text(d.company);
if (d.more && d.link) {
var aStory = d.more.split("\n");
var shortStory = atext.append('text').attr("x", "0").attr("y", "9").attr("dy", "7em").classed("more-text short-story", true).style("fill-opacity", 1e-6);
shortStory.append('tspan').classed("more-text", true).text(aStory[0]);
if (aStory[1]) {
shortStory.append('tspan').attr("x", "0").attr("y", "9").attr("dy", "8.5em").classed("more-text", true).text(aStory[1]);
}
shortStory.append("a").attr("xlink:href", "http://"+ d.link).attr("target", "_blank").append('tspan').text(" [..]");
}
if (d.x > FnF.WIDTH - 60) {
startedAt.classed("align-right", true);
founder.classed("align-right", true);
company.classed("align-right", true);
shortStory && shortStory.classed("align-right", true);
}
if (d.x < 50) {
startedAt.classed("align-left", true);
founder.classed("align-left", true);
company.classed("align-left", true);
shortStory && shortStory.classed("align-left", true);
}
}
})
})
// Transition nodes to their new position.
var nodeUpdate = node.transition()
.duration(FnF.duration)
.attr("transform", function(d) {
return "translate(" + d.x + "," + d.y + ")" + (d.selected && !d.children && !d._children ? "scale(1.6,1.6)" : "");
});
nodeUpdate.select(".info-text")
.attr("class", function(d) {
return "info-text" +
(d.selected && d.depth > 1 ? " selected" : "");
})
.attr("transform", function(d) {
return "translate(" +
(d.selected && !d.children && !d._children ? (d.x < 50 ? "-5" : d.x > FnF.WIDTH - 50 ? "5" : "0" ) : "0") +
",0)";
});
nodeUpdate.select("circle")
.attr("r", function (d) { return d._children || d.children ? 6.5 : 4.5 } )
.style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
nodeUpdate.selectAll("text")
.style("fill-opacity", 1);
// Transition exiting nodes to the parent's new position.
var nodeExit = node.exit().transition()
.duration(FnF.duration)
.attr("transform", function(d) { return "translate(" + source.x + "," + source.y + ")"; })
.remove();
nodeExit.select("circle")
.attr("r", 1e-6);
nodeExit.selectAll("text")
.style("fill-opacity", 1e-6);
// Update the links…
var link = FnF.svg.selectAll("path.link")
.data(links, function(d) { return d.target.id; });
// Enter any new links at the parent's previous position.
link.enter().insert("path", "g")
.attr("class", "link")
.attr("d", function(d) {
var o = {x: source.x0, y: source.y0};
return FnF.diagonal({source: o, target: o});
});
// Transition links to their new position.
link.transition()
.duration(FnF.duration)
.attr("d", function(d){
if (d.target.selected) {
// var o = {x: d.source.x, y: d.source.y - FnF.LEAF_DROP};
// return FnF.diagonal({source: o, target: o});
d.target.y = d.target.y - FnF.LEAF_DROP;
}
return FnF.diagonal(d);
}).attrTween("d", function (d, i, a) {
if (d.target.selected) {
return d3.interpolate(a + "L" + d.target.x + "," + d.target.y, FnF.diagonal(d) + "L" + d.target.x + "," + (d.target.y + FnF.LEAF_DROP ));
} else if (d.target._selected) {
return d3.interpolate(a + "L" + d.target.x + "," + d.target.y, FnF.diagonal(d) + "L" + d.target.x + "," + d.target.y);
d.target._selected = false;
} else {
return d3.interpolate(a, FnF.diagonal(d));
}
});
// Transition exiting nodes to the parent's new position.
link.exit().transition()
.duration(FnF.duration)
.attr("d", function(d) {
var o = {x: source.x, y: source.y};
return FnF.diagonal({source: o, target: o});
}).remove();
// Stash the old positions for transition.
nodes.forEach(function(d) {
d.x0 = d.x;
d.y0 = d.y;
});
}
FnF.update(FnF.root);
d3.select(window).on("resize", FnF.doResize);
d3.select(window).on("load", FnF.doResize);
//d3.select(self.frameElement).style("height", "800px");
// Normalize for fixed-depth.
function normalizeNode(d){
if (d.parent && d.parent.depth === 0) {
d.y = FnF.INITIAL_Y_OFFSET;
d.x = d.range * FnF.YEAR_STEP * 3 + 15;
} else {
d.y = FnF.INITIAL_Y_OFFSET + d.depth * FnF.OFFSET;
// updating selected node position
if ( d.selected && (d.depth === 2) ) {
d.y = d.y + FnF.LEAF_DROP;
}
}
}
</script>
</body>
<!-- © Funders and Founders 2016 -->
<!-- source: fundersandfounders.com/too-late-to-start-life-crisis -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment