Skip to content

Instantly share code, notes, and snippets.

@danharr
Created July 23, 2014 11:40
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 danharr/a918b7e9212f4ca12887 to your computer and use it in GitHub Desktop.
Save danharr/a918b7e9212f4ca12887 to your computer and use it in GitHub Desktop.
Tale of 100 Start Ups
Remaking Tableau sample dashboards seems a good way of learning various bits of d3
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.line {
fill: none;
stroke-width: 1.2976128px;
opacity : 0.70656
}
p {
font-size : 15px;
font-family : 'helvetica neue';
color : #560046;
position:absolute;
top:25px;
left:50px;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
d3.select("body").append("p").text("Remake of http://www.tableausoftware.com/public/gallery/taleof100")
svg = d3.select("body").append("svg").attr("width",1000).attr("height",1000);
lines = svg.append("g");
var w = 814;
var h = 672;
x = d3.scale.linear().domain([0,30]).range([0,w]);
y = d3.scale.linear().domain([0,882]).range([h,0]);
medium = [
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0.0308}, {x:4,y:0.8854}, {x:5,y:12.7541}, {x:6,y:28.871}, {x:7,y:59.8797}, {x:8,y:59.8797}, {x:9,y:59.8797}, {x:10,y:129.948}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:1.0768}, {x:5,y:1.1172}, {x:6,y:5.3067}, {x:7,y:8.6524}, {x:8,y:16.0208}, {x:9,y:40.96}, {x:10,y:202.492}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:11.89}, {x:6,y:18.414}, {x:7,y:34.92}, {x:8,y:52.36}, {x:9,y:74.88}, {x:10,y:103.2}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:4.212}, {x:5,y:10.464}, {x:6,y:17.58}, {x:7,y:22.704}, {x:8,y:43.29}, {x:9,y:55}, {x:10,y:70.29}, {x:11,y:98.8731}, ],
[ {x:1,y:0}, {x:2,y:1.5215}, {x:3,y:2.9792}, {x:4,y:2.6642}, {x:5,y:11.0818}, {x:6,y:15.4638}, {x:7,y:48.384}, {x:8,y:47.864}, {x:9,y:48.434}, {x:10,y:53.669}, {x:11,y:64.071}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:0}, {x:12,y:56.588}, {x:13,y:73.2387}, {x:14,y:96.1573}, {x:15,y:124.2015}, {x:16,y:160.2}, {x:17,y:189.2}, {x:18,y:207.01}, {x:19,y:219.96}, {x:20,y:266}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0.4696}, {x:4,y:2.7375}, {x:5,y:7.5911}, {x:6,y:14.4215}, {x:7,y:20.3952}, {x:8,y:60.52}, {x:9,y:166.16}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:34.16}, {x:7,y:35.7}, {x:8,y:50.172}, {x:9,y:69.156}, {x:10,y:90.034}, {x:11,y:117.165}, ],
[ {x:1,y:0}, {x:2,y:0.1696}, {x:3,y:3.213}, {x:4,y:8.701}, {x:5,y:18.532}, {x:6,y:35.97}, {x:7,y:63.451}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:9.492}, {x:6,y:10.622}, {x:7,y:21.255}, {x:8,y:34.775}, {x:9,y:45.24}, {x:10,y:61.3}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0.1292}, {x:4,y:0.5628}, {x:5,y:4.488}, {x:6,y:18.56}, {x:7,y:38.564}, {x:8,y:70.516}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:16.9711}, {x:6,y:23.9268}, {x:7,y:32.6802}, {x:8,y:32.6264}, {x:9,y:37.9247}, {x:10,y:42.504}, {x:11,y:50.816}, {x:12,y:61.132}, {x:13,y:93.452}, ],
[ {x:1,y:0}, {x:2,y:2.261}, {x:3,y:10.735}, {x:4,y:18.871}, {x:5,y:35.861}, {x:6,y:48.043}, {x:7,y:58.136}, {x:8,y:75.7}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:1.87}, {x:7,y:9.828}, {x:8,y:29.43}, {x:9,y:55.084}, {x:10,y:103.458}, {x:11,y:103.458}, {x:12,y:134.2}, ],
[ {x:1,y:0}, {x:2,y:0.6535}, {x:3,y:0.8246}, {x:4,y:2.8016}, {x:5,y:16.214}, {x:6,y:38.016}, {x:7,y:79.872}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:10.8}, {x:7,y:32.164}, {x:8,y:53.79}, {x:9,y:69.42}, {x:10,y:127.376}, {x:11,y:195.216}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:1.716}, {x:4,y:2.888}, {x:5,y:6.762}, {x:6,y:16.445}, {x:7,y:36.26}, {x:8,y:138.04}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:15.0524}, {x:8,y:24.2805}, {x:9,y:29.8719}, {x:10,y:34.0755}, {x:11,y:42.1176}, {x:12,y:65.008}, {x:13,y:122.878}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:5.65}, {x:9,y:17.176}, {x:10,y:27.25}, {x:11,y:45.689}, {x:12,y:69.368}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:4.8642}, {x:5,y:9.3122}, {x:6,y:15.7094}, {x:7,y:19.584}, {x:8,y:43.4924}, {x:9,y:81.84}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:53.9}, {x:9,y:106.5}, {x:10,y:199.875}, {x:11,y:277.992}, {x:12,y:383.15}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:6.0299}, {x:6,y:7.1214}, {x:7,y:13.6878}, {x:8,y:30.7401}, {x:9,y:71.7664}, {x:10,y:140.448}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:4.727}, {x:6,y:7.176}, {x:7,y:7.6}, {x:8,y:7.938}, {x:9,y:12.87}, {x:10,y:29.4}, {x:11,y:54.128}, {x:12,y:92.46}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:2.0373}, {x:6,y:5.8719}, {x:7,y:15.6803}, {x:8,y:25.0458}, {x:9,y:64.232}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:15.368}, {x:6,y:33.6897}, {x:7,y:48.6936}, {x:8,y:67.2173}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:2.257}, {x:7,y:4.403}, {x:8,y:9.831}, {x:9,y:23.278}, {x:10,y:46.652}, {x:11,y:85.386}, {x:12,y:148.824}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:1.548}, {x:5,y:2.808}, {x:6,y:5.28}, {x:7,y:10.65}, {x:8,y:26.035}, {x:9,y:45.936}, {x:10,y:107.476}, ],
[ {x:1,y:0.3058}, {x:2,y:2.584}, {x:3,y:2.352}, {x:4,y:3.289}, {x:5,y:4.76}, {x:6,y:13.6}, {x:7,y:30.284}, {x:8,y:59.796}, {x:9,y:118.4}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:5.76}, {x:5,y:18.92}, {x:6,y:41.402}, {x:7,y:69.732}, {x:8,y:131.784}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:5.94}, {x:6,y:8.924}, {x:7,y:11.407}, {x:8,y:27.54}, {x:9,y:43.516}, {x:10,y:65.2}, {x:11,y:90.48}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0.28}, {x:4,y:0.6555}, {x:5,y:1.2462}, {x:6,y:3.436}, {x:7,y:6.5997}, {x:8,y:13.3796}, {x:9,y:98.576}, {x:10,y:93.891}, ],
[ {x:1,y:0}, {x:2,y:1.19}, {x:3,y:5.65}, {x:4,y:11.5452}, {x:5,y:14.2005}, {x:6,y:34.8499}, {x:7,y:65.832}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:97.6}, {x:10,y:104.958}, {x:11,y:155.036}, {x:12,y:188.823}, {x:13,y:230.862}, {x:14,y:323.675}, {x:15,y:437.216}, {x:16,y:540.5}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:1.7523}, {x:5,y:11.834}, {x:6,y:26.741}, {x:7,y:26.741}, {x:8,y:68.8}, {x:9,y:81.5}, ],
[ {x:1,y:1.6699}, {x:2,y:3.106}, {x:3,y:5.2178}, {x:4,y:12.6643}, {x:5,y:23.5733}, {x:6,y:57.156}, {x:7,y:71.424}, ],
[ {x:1,y:0}, {x:2,y:1.2348}, {x:3,y:3.5224}, {x:4,y:6.7268}, {x:5,y:9.1331}, {x:6,y:11.0682}, {x:7,y:21.576}, {x:8,y:43.676}, {x:9,y:83.3}, ],
]
;
high = [
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:4.51}, {x:4,y:9.108}, {x:5,y:23.28}, {x:6,y:73.491}, {x:7,y:150.3}, ],
[ {x:1,y:0}, {x:2,y:0.0319}, {x:3,y:2.255}, {x:4,y:19.404}, {x:5,y:52.38}, {x:6,y:128.4609}, {x:7,y:142.2}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:14.508}, {x:4,y:145.2}, {x:5,y:336.54}, ],
[ {x:1,y:0}, {x:2,y:1.254}, {x:3,y:2.432}, {x:4,y:14.88}, {x:5,y:56.974}, {x:6,y:83.181}, {x:7,y:104.525}, {x:8,y:125.882}, ],
[ {x:1,y:1.6614}, {x:2,y:11.685}, {x:3,y:23.76}, {x:4,y:32.204}, {x:5,y:44.88}, {x:6,y:141.48}, ],
[ {x:1,y:0}, {x:2,y:1.1354}, {x:3,y:13.3}, {x:4,y:47.056}, {x:5,y:115.642}, ],
[ {x:1,y:0}, {x:2,y:3.348}, {x:3,y:6.588}, {x:4,y:26.656}, {x:5,y:57.63}, {x:6,y:108.48}, {x:7,y:192.276}, {x:8,y:331.593}, {x:9,y:516.984}, {x:10,y:748.7}, ],
[ {x:1,y:2.4124}, {x:2,y:10.045}, {x:3,y:16.3635}, {x:4,y:33.157}, {x:5,y:77.352}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:22.176}, {x:5,y:32.204}, {x:6,y:56.1}, {x:7,y:90}, {x:8,y:109.22}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0.2144}, {x:4,y:5.28}, {x:5,y:21.504}, {x:6,y:163.68}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:43.554}, {x:5,y:62.602}, {x:6,y:85.202}, {x:7,y:107.474}, {x:8,y:156.434}, {x:9,y:196.04}, ],
[ {x:1,y:0}, {x:2,y:3.74}, {x:3,y:30.246}, {x:4,y:198.44}, {x:5,y:270.864}, {x:6,y:336.59}, {x:7,y:415.14}, ],
[ {x:1,y:0.0998}, {x:2,y:2.608}, {x:3,y:10.764}, {x:4,y:31.616}, {x:5,y:45.57}, {x:6,y:74.36}, {x:7,y:126}, ],
[ {x:1,y:8.094}, {x:2,y:22.14}, {x:3,y:66}, {x:4,y:66}, {x:5,y:414.766}, {x:6,y:624.6}, ],
[ {x:1,y:1.3845}, {x:2,y:9.3251}, {x:3,y:12.4978}, {x:4,y:7.8285}, {x:5,y:21.7707}, {x:6,y:106.018}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:63.9704}, {x:7,y:98.0422}, {x:8,y:151.2571}, {x:9,y:239.6436}, {x:10,y:376.4977}, {x:11,y:531.9}, ],
[ {x:1,y:0}, {x:2,y:2.52}, {x:3,y:19.04}, {x:4,y:48.642}, {x:5,y:87.516}, ],
[ {x:1,y:0}, {x:2,y:0.2431}, {x:3,y:1.746}, {x:4,y:12.384}, {x:5,y:35.86}, {x:6,y:62.4}, {x:7,y:139.384}, ],
[ {x:1,y:4.181}, {x:2,y:14.279}, {x:3,y:32.528}, {x:4,y:57.72}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:2.134}, {x:4,y:11.22}, {x:5,y:43.2}, {x:6,y:98.556}, {x:7,y:167.89}, {x:8,y:248.82}, {x:9,y:402.8}, ],
[ {x:1,y:0}, {x:2,y:2.7677}, {x:3,y:15.3073}, {x:4,y:33.7817}, {x:5,y:49.3075}, {x:6,y:66.2745}, {x:7,y:85.456}, ],
[ {x:1,y:0}, {x:2,y:3.289}, {x:3,y:8.4}, {x:4,y:15.096}, {x:5,y:25.46}, {x:6,y:252.12}, ],
[ {x:1,y:0.5348}, {x:2,y:1.8442}, {x:3,y:17.897}, {x:4,y:51.3876}, {x:5,y:108.5133}, ],
];
low = [
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:7.824}, {x:9,y:9.828}, {x:10,y:16.112}, {x:11,y:24.549}, {x:12,y:28.743}, {x:13,y:36.4}, {x:14,y:49.912}, {x:15,y:65.124}, {x:16,y:93.72}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:0}, {x:12,y:0}, {x:13,y:0}, {x:14,y:0}, {x:15,y:0}, {x:16,y:0}, {x:17,y:0}, {x:18,y:0}, {x:19,y:0}, {x:20,y:0}, {x:21,y:0}, {x:22,y:43.524}, {x:23,y:46.2959}, {x:24,y:46.452}, {x:25,y:46.904}, {x:26,y:55.44}, {x:27,y:63.92}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:0}, {x:12,y:0}, {x:13,y:0}, {x:14,y:0}, {x:15,y:0}, {x:16,y:0}, {x:17,y:86.6342}, {x:18,y:118.3706}, {x:19,y:103.6851}, {x:20,y:109.8415}, {x:21,y:125.2225}, {x:22,y:133.4451}, {x:23,y:156.731}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:0}, {x:12,y:0}, {x:13,y:0}, {x:14,y:0}, {x:15,y:0}, {x:16,y:30.96}, {x:17,y:36.023}, {x:18,y:43.212}, {x:19,y:46.816}, {x:20,y:55.125}, {x:21,y:114.114}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:21.528}, {x:10,y:27.056}, {x:11,y:28.518}, {x:12,y:30.602}, {x:13,y:37.52}, {x:14,y:47.328}, {x:15,y:65.392}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:7.007}, {x:8,y:7.28}, {x:9,y:8.568}, {x:10,y:11.122}, {x:11,y:15.18}, {x:12,y:18.944}, {x:13,y:28.768}, {x:14,y:36.722}, {x:15,y:43.078}, {x:16,y:76.727}, ],
[ {x:1,y:0}, {x:2,y:4.578}, {x:3,y:12.306}, {x:4,y:17.286}, {x:5,y:21.294}, {x:6,y:21.294}, {x:7,y:32.589}, {x:8,y:32.589}, {x:9,y:32.589}, {x:10,y:32.589}, {x:11,y:32.589}, {x:12,y:32.589}, {x:13,y:43.86}, {x:14,y:57.376}, {x:15,y:61.776}, {x:16,y:67.336}, {x:17,y:81.291}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:0}, {x:12,y:0}, {x:13,y:0}, {x:14,y:0}, {x:15,y:0}, {x:16,y:0}, {x:17,y:8.204}, {x:18,y:10.578}, {x:19,y:12.87}, {x:20,y:15.62}, {x:21,y:19.596}, {x:22,y:19.596}, {x:23,y:39.402}, {x:24,y:39.402}, {x:25,y:50.49}, {x:26,y:62.1}, {x:27,y:68.456}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:14.037}, {x:12,y:19.0619}, {x:13,y:19.8646}, {x:14,y:23.2288}, {x:15,y:41.54}, {x:16,y:48.18}, {x:17,y:66.56}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:0}, {x:12,y:0}, {x:13,y:0}, {x:14,y:53.492}, {x:15,y:72.861}, {x:16,y:92.82}, {x:17,y:125.856}, {x:18,y:155.085}, {x:19,y:181.61}, {x:20,y:231}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:8.145}, {x:12,y:11.5441}, {x:13,y:15.7463}, {x:14,y:15.3638}, {x:15,y:23.8514}, {x:16,y:40.138}, {x:17,y:53.312}, {x:18,y:52.545}, {x:19,y:63.845}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:12.143}, {x:10,y:13.6238}, {x:11,y:15.0116}, {x:12,y:23.2561}, {x:13,y:31.1458}, {x:14,y:45.56}, {x:15,y:59.362}, {x:16,y:81.444}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:8.131}, {x:9,y:13.3336}, {x:10,y:17.4923}, {x:11,y:24.5421}, {x:12,y:45.9228}, {x:13,y:90.624}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0.1962}, {x:6,y:3.809}, {x:7,y:7.482}, {x:8,y:11.934}, {x:9,y:15.18}, {x:10,y:15.18}, {x:11,y:15.18}, {x:12,y:15.18}, {x:13,y:15.18}, {x:14,y:15.18}, {x:15,y:15.18}, {x:16,y:15.18}, {x:17,y:15.18}, {x:18,y:20.475}, {x:19,y:17.7992}, {x:20,y:17.127}, {x:21,y:16.8054}, {x:22,y:16.8686}, {x:23,y:22.712}, {x:24,y:26.9702}, {x:25,y:41.2051}, {x:26,y:43.2845}, {x:27,y:45.1025}, {x:28,y:48.7219}, {x:29,y:52.836}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:4.8199}, {x:8,y:7.7734}, {x:9,y:11.7989}, {x:10,y:17.647}, {x:11,y:30.4382}, {x:12,y:48.642}, {x:13,y:72.732}, {x:14,y:106.88}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:0}, {x:12,y:2.499}, {x:13,y:4.576}, {x:14,y:5.04}, {x:15,y:8.84}, {x:16,y:15.008}, {x:17,y:21.8677}, {x:18,y:31.744}, {x:19,y:44.64}, {x:20,y:72.2045}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:0}, {x:12,y:0}, {x:13,y:0}, {x:14,y:51.84}, {x:15,y:51.772}, {x:16,y:54.931}, {x:17,y:53.82}, {x:18,y:57.456}, {x:19,y:76.587}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:0}, {x:11,y:0}, {x:12,y:39.463}, {x:13,y:30.5804}, {x:14,y:38.1978}, {x:15,y:53.8743}, {x:16,y:89.9116}, {x:17,y:119}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:29.26}, {x:10,y:39.168}, {x:11,y:37.252}, {x:12,y:33}, {x:13,y:58.624}, {x:14,y:71.92}, ],
[ {x:1,y:0}, {x:2,y:3.496}, {x:3,y:3.234}, {x:4,y:3.861}, {x:5,y:5.18}, {x:6,y:13.736}, {x:7,y:17.6987}, {x:8,y:21.78}, {x:9,y:24.8282}, {x:10,y:34.72}, {x:11,y:32.574}, {x:12,y:22.491}, {x:13,y:25.877}, {x:14,y:33.787}, {x:15,y:59.514}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:0}, {x:8,y:0}, {x:9,y:0}, {x:10,y:9.153}, {x:11,y:16.895}, {x:12,y:31.03}, {x:13,y:65.208}, ],
[ {x:1,y:0}, {x:2,y:0}, {x:3,y:0}, {x:4,y:0}, {x:5,y:0}, {x:6,y:0}, {x:7,y:2.58}, {x:8,y:6.194}, {x:9,y:12.48}, {x:10,y:25.84}, {x:11,y:36.75}, {x:12,y:39.039}, {x:13,y:44.94}, {x:14,y:59.84}, {x:15,y:85.76}, ],
];
var line = d3.svg.line()
.interpolate("basis")
.x(function(d) { return x(d.x); })
.y(function(d) { return y(d.y); });
var patha = lines
.selectAll(".linea")
.data(medium)
.enter().append("path")
.attr("class", "line")
.attr("d", line)
.style("stroke","orange");
var pathb = lines
.selectAll(".lineb")
.data(high)
.enter().append("path")
.attr("class", "line")
.attr("d", line)
.style("stroke","red");
var pathc = lines
.selectAll(".linec")
.data(low)
.enter().append("path")
.attr("class", "line")
.attr("d", line)
.style("stroke","#146aff");
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment