D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
danharr
Full window
Github gist
Tale of 100 Start Ups
<!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="https://d3js.org/d3.v3.min.js"></script> <script> d3.select("body").append("p").text("Remake of https://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>
Modified
http://d3js.org/d3.v3.min.js
to a secure url
https://d3js.org/d3.v3.min.js