⭐ New: Adds C3.js example

Author: Ændrew Rininsland

C3/160926-c3js.png

@@ -0,0 +1,188 @@
+country,income,health,population
+Afghanistan,1925,57.63,32526562
+Albania,10620,76,2896679
+Algeria,13434,76.5,39666519
+Andorra,46577,84.1,70473
+Angola,7615,61,25021974
+Antigua and Barbuda,21049,75.2,91818
+Argentina,17344,76.2,43416755
+Armenia,7763,74.4,3017712
+Australia,44056,81.8,23968973
+Austria,44401,81,8544586
+Azerbaijan,16986,72.9,9753968
+Bahamas,22818,72.3,388019
+Bahrain,44138,79.2,1377237
+Bangladesh,3161,70.1,160995642
+Barbados,12984,75.8,284215
+Belarus,17415,70.4,9495826
+Belgium,41240,80.4,11299192
+Belize,8501,70,359287
+Benin,1830,65.5,10879829
+Bhutan,7983,70.2,774830
+Bolivia,6295,72.3,10724705
+Bosnia and Herzegovina,9833,77.9,3810416
+Botswana,17196,66.4,2262485
+Brazil,15441,75.6,207847528
+Brunei,73003,78.7,423188
+Bulgaria,16371,74.9,7149787
+Burkina Faso,1654,62.8,18105570
+Burundi,777,60.4,11178921
+Cambodia,3267,68.4,15577899
+Cameroon,2897,59.5,23344179
+Canada,43294,81.7,35939927
+Cape Verde,6514,74.6,520502
+Central African Republic,599,53.8,4900274
+Chad,2191,57.7,14037472
+Chile,22465,79.3,17948141
+China,13334,76.9,1376048943
+Colombia,12761,75.8,48228704
+Comoros,1472,64.1,788474
+"Congo, Dem. Rep.",809,58.3,77266814
+"Congo, Rep.",6220,61.9,4620330
+Costa Rica,14132,80,4807850
+Cote d'Ivoire,3491,60.33,22701556
+Croatia,20260,78,4240317
+Cuba,21291,78.5,11389562
+Cyprus,29797,82.6,1165300
+Czech Republic,29437,78.6,10543186
+Denmark,43495,80.1,5669081
+Djibouti,3139,64.63,887861
+Dominica,10503,74.6,72680
+Dominican Republic,12837,73.8,10528391
+Ecuador,10996,75.2,16144363
+Egypt,11031,71.3,91508084
+El Salvador,7776,74.1,6126583
+Equatorial Guinea,31087,60.63,845060
+Eritrea,1129,62.9,5227791
+Estonia,26812,76.8,1312558
+Ethiopia,1520,63.6,99390750
+Fiji,7925,66.3,892145
+Finland,38923,80.8,5503457
+France,37599,81.9,64395345
+Gabon,18627,60.53,1725292
+Gambia,1644,65.1,1990924
+Georgia,7474,73.3,3999812
+Germany,44053,81.1,80688545
+Ghana,4099,65.5,27409893
+Greece,25430,79.8,10954617
+Grenada,11593,71.7,106825
+Guatemala,7279,73.1,16342897
+Guinea,1225,60.8,12608590
+Guinea-Bissau,1386,53.4,1844325
+Guyana,6816,64.4,767085
+Haiti,1710,65.3,10711067
+Honduras,4270,72.4,8075060
+Hungary,24200,76.2,9855023
+Iceland,42182,82.8,329425
+India,5903,66.8,1311050527
+Indonesia,10504,70.9,257563815
+Iran,15573,78.5,79109272
+Iraq,14646,72.1,36423395
+Ireland,47758,80.4,4688465
+Israel,31590,82.4,8064036
+Italy,33297,82.1,59797685
+Jamaica,8606,75.5,2793335
+Japan,36162,83.5,126573481
+Jordan,11752,78.3,7594547
+Kazakhstan,23468,68.2,17625226
+Kenya,2898,66.63,46050302
+Kiribati,1824,62.4,112423
+Kuwait,82633,80.7,3892115
+Kyrgyz Republic,3245,69,5939962
+Lao,5212,66.4,6802023
+Latvia,23282,75.7,1970503
+Lebanon,17050,78.5,5850743
+Lesotho,2598,48.5,2135022
+Liberia,958,63.9,4503438
+Libya,17261,76.2,6278438
+Lithuania,26665,75.4,2878405
+Luxembourg,88314,81.1,567110
+"Macedonia, FYR",12547,77,2078453
+Madagascar,1400,64.7,24235390
+Malawi,799,60.22,17215232
+Malaysia,24320,75.1,30331007
+Maldives,14408,79.5,363657
+Mali,1684,57.6,17599694
+Malta,30265,82.1,418670
+Marshall Islands,3661,65.1,52993
+Mauritania,3877,65.7,4067564
+Mauritius,18350,73.9,1273212
+Mexico,16850,74.5,127017224
+"Micronesia, Fed. Sts.",3510,67,104460
+Moldova,4896,72.7,4068897
+Mongolia,11819,65.3,2959134
+Montenegro,14833,75.8,625781
+Morocco,7319,74.7,34377511
+Mozambique,1176,56.4,27977863
+Myanmar,4012,67.9,53897154
+Namibia,10040,61,2458830
+Nepal,2352,71.2,28513700
+Netherlands,45784,80.6,16924929
+New Zealand,34186,80.6,4528526
+Nicaragua,4712,76.8,6082032
+Niger,943,62.2,19899120
+Nigeria,5727,61.33,182201962
+North Korea,1390,71.4,25155317
+Norway,64304,81.6,5210967
+Oman,48226,75.7,4490541
+Pakistan,4743,66.5,188924874
+Panama,20485,78.2,3929141
+Papua New Guinea,2529,60.6,7619321
+Paraguay,8219,73.9,6639123
+Peru,11903,77.5,31376670
+Philippines,6876,70.2,100699395
+Poland,24787,77.3,38611794
+Portugal,26437,79.8,10349803
+Qatar,132877,82,2235355
+Romania,19203,76.8,19511324
+Russia,23038,73.13,143456918
+Rwanda,1549,66.53,11609666
+Samoa,5558,72.2,193228
+Sao Tome and Principe,3003,68.8,190344
+Saudi Arabia,52469,78.1,31540372
+Senegal,2251,66.1,15129273
+Serbia,12908,78.1,8850975
+Seychelles,25684,73.7,96471
+Sierra Leone,2085,58.5,6453184
+Singapore,80794,82.1,5603740
+Slovak Republic,27204,76.4,5426258
+Slovenia,28550,80.2,2067526
+Solomon Islands,2047,64.1,583591
+Somalia,624,58.7,10787104
+South Africa,12509,63.72,54490406
+South Korea,34644,80.7,50293439
+South Sudan,3047,58,12339812
+Spain,32979,81.7,46121699
+Sri Lanka,10624,76.5,20715010
+St. Lucia,9997,74.5,184999
+St. Vincent and the Grenadines,10435,72.9,109462
+Sudan,3975,69.5,40234882
+Suriname,17125,70.5,542975
+Swaziland,6095,51.5,1286970
+Sweden,44892,82,9779426
+Switzerland,56118,82.9,8298663
+Syria,4637,70.26,18502413
+Tajikistan,2582,71,8481855
+Tanzania,2571,63.43,53470420
+Thailand,14512,75.1,67959359
+Timor-Leste,2086,72.4,1184765
+Togo,1433,64.23,7304578
+Tonga,5069,70.5,106170
+Trinidad and Tobago,30113,71.4,1360088
+Tunisia,11126,77.3,11253554
+Turkey,19360,76.5,78665830
+Turkmenistan,15865,67.9,5373502
+Uganda,1680,60.8,39032383
+Ukraine,8449,72.1,44823765
+United Arab Emirates,60749,76.6,9156963
+United Kingdom,38225,81.4,64715810
+United States,53354,79.1,321773631
+Uruguay,20438,77.3,3431555
+Uzbekistan,5598,70.1,29893488
+Vanuatu,2912,65,264652
+Venezuela,15753,75.8,31108083
+Vietnam,5623,76.5,93447601
+West Bank and Gaza,4319,75.2,4668466
+Yemen,3887,67.6,26832215
+Zambia,4034,58.96,16211767
+Zimbabwe,1801,60.01,15602751

C3/data.csv

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+
+    circle {
+      fill: black;
+      opacity:0.7;
+    }
+
+    </style>
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.css" media="screen">
+    <script type="text/javascript" src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
+    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
+  </head>
+  <body>
+    <div id="chart"></div>
+    <script type="text/javascript">
+    // load data
+    var data = d3.csv("data.csv", function(error, data) {
+      var size = d3.scale.linear()
+        .domain([
+          d3.min(data, function(d) {
+            return Number(d.population); // need to coerce string variable into number.
+          }),
+          d3.max(data, function(d) {
+            return Number(d.population); // same here.
+          })
+        ])
+        .range([2, 40]);
+
+      c3.generate({
+        data: {
+          json: data,
+          keys: {
+            value: [
+              'income',
+              'health',
+            ]
+          },
+          type: 'scatter',
+          x: 'income',
+          axes: {
+            health: 'y'
+          }
+        },
+        point: {
+          r: function(d) {
+            return size(data[d.index].population);
+          }
+        },
+        tooltip: {
+          format: {
+            title: function(){ return; },
+            name: function(name, ratio, id, index) {
+              return data[index].country;
+            }
+          }
+        }
+      });
+    });
+    </script>
+  </body>
+</html>