Here I’m cheating using D3: I tried to use “object constancy”, following tutorials and examples but, despite the bars entering and exiting nicely, my x.Axis labels were not behaving accordingly. Then, I realized that I could simply create a huge xScale range, way bigger than the SVG. There are no “enter”, “update” and “exit” functions here: this is a very plain and simple bar chart.
We can make this file beautiful and searchable if this error is corrected: It looks like row 4 should actually have 58 columns, instead of 48. in line 3.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
teamname,1958,1959,1960,1961,1962,1963,1964,1965,1966,1967,1968,1969,1970,1971,1972,1973,1974,1975,1976,1977,1978,1979,1980,1981,1982,1983,1984,1985,1986,1987,1988,1989,1990,1991,1992,1993,1994,1995,1996,1997,1998,1999,2000,2001,2002,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012,2013,2014 | |
Vanwall,71.3,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0 | |
Ferrari,71.3,59.4,37.5,81.3,22.2,28.9,54.4,30.0,39.5,20.2,29.6,7.1,47.0,33.3,30.6,8.9,48.1,57.1,57.6,63.4,40.3,50.2,3.8,15.1,30.8,39.6,23.8,34.2,15.4,22.1,27.1,24.6,45.8,21.9,8.2,10.9,27.7,26.8,27.3,37.5,52.0,50.0,62.5,65.8,81.3,54.9,80.9,29.2,62.0,66.7,53.1,22.9,48.5,45.9,46.5,43.3,26.4 | |
Cooper,38.8,82.8,80.6,28.1,45.7,28.9,17.8,15.6,43.2,28.3,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> | |
<meta charset="utf-8"> | |
<title>Normalize your choropleths</title> | |
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script> | |
<style type="text/css"> | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
species | description | category | size | chromosomes | genes | dnabychromosome | dnabygene | |
---|---|---|---|---|---|---|---|---|
Pan troglodytes | Chimpanzee - ANIMAL | animal | 3300 | 48 | 21506 | 137.5 | 153445.6 | |
Homo sapiens | Man - ANIMAL | animal | 3080 | 46 | 22287 | 133.9 | 138197.2 | |
Mus musculus | Mouse - ANIMAL | animal | 2640 | 40 | 25307 | 132.0 | 104319.0 | |
Columba livia | Pigeon - ANIMAL | animal | 1300 | 80 | 17300 | 32.5 | 75144.5 | |
Anopheles gambiae | Mosquito - ANIMAL | animal | 278 | 6 | 13683 | 92.7 | 20317.2 | |
Drosophila melanogaster | Fruit fly - ANIMAL | animal | 165 | 8 | 13525 | 41.3 | 12199.6 | |
Caenorhabditis elegans | Roundworm - ANIMAL | animal | 100 | 12 | 19873 | 16.7 | 5032.0 | |
Saccharomyces cerevisiae | Yeast - FUNGUS | fungus | 12.1 | 32 | 6294 | 0.8 | 1922.5 | |
Neurospora crassa | Red bread mold - FUNGUS | fungus | 43 | 14 | 10620 | 6.1 | 4049.0 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"hba1": "ACTCTTCTGGTCCCCACAGACTCAGAGAGAACCCACCATGGTGCTGTCTCCTGCCGACAAGACCAACGTCAAGGCCGCCTGGGGTAAGGTCGGCGCGCACGCTGGCGAGTATGGTGCGGAGGCCCTGGAGAGGTGAGGCTCCCTCCCCTGCTCCGACCCGGGCTCCTCGCCCGCCCGGACCCACAGGCCACCCTCAACCGTCCTGGCCCCGGACCCAAACCCCACCCCTCACTCTGCTTCTCCCCGCAGGATGTTCCTGTCCTTCCCCACCACCAAGACCTACTTCCCGCACTTCGACCTGAGCCACGGCTCTGCCCAGGTTAAGGGCCACGGCAAGAAGGTGGCCGACGCGCTGACCAACGCCGTGGCGCACGTGGACGACATGCCCAACGCGCTGTCCGCCCTGAGCGACCTGCACGCGCACAAGCTTCGGGTGGACCCGGTCAACTTCAAGGTGAGCGGCGGGCCGGGAGCGATCTGGGTCGAGGGGCGAGATGGCGCCTTCCTCGCAGGGCAGAGGATCACGCGGGTTGCGGGAGGTGTAGCGCAGGCGGCGGCTGCGGGCCTGGGCCCTCGGCCCCACTGACCCTCTTCTCTGCACAGCTCCTAAGCCACTGCCTGCTGGTGACCCTGGCCGCCCACCTCCCCGCCGAGTTCACCCCTGCGGTGCACGCCTCCCTGGACAAGTTCCTGGCTTCTGTGAGCACCGTGCTGACCTCCAAATACCGTTAAGCTGGAGCCTCGGTGGCCATGCTTCTTGCCCCTTGGGCCTCCCCCCAGCCCCTCCTCCCCTTCCTGCACCCGTACCCCCGTGGTCTTTGAATAAAGTCTGAGTGGGCGGCA", | |
"col1a1": "AGCAGACGGGAGTTTCTCCTCGGGGTCGGAGCAGGAGGCACGCGGAGTGTGAGGCCACGCATGAGCGGACGCTAACCCCCTCCCCAGCCACAAAGAGTCTACATGTCTAGGGTCTAGACATGTTCAGCTTTGTGGACCTCCGGCTCCTGCTCCTCTT |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<link href='https://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'> | |
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> | |
<meta charset="utf-8"> | |
<title>The Walk of PI</title> | |
<style type="text/css"> | |
body { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<link href='https://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'> | |
<link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'> | |
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> | |
<meta charset="utf-8"> | |
<title>All the champions, all the goals</title> | |
<style type="text/css"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[ | |
{ | |
"driver": "Lewis Hamilton", | |
"battle": [ | |
{"year": 2007, "points": 50.0, "teammate": "Fernando Alonso", "team": "McLaren"}, | |
{"year": 2008, "points": 64.9, "teammate": "Heikki Kovalainen", "team": "McLaren"}, | |
{"year": 2009, "points": 69.0, "teammate": "Heikki Kovalainen", "team": "McLaren"}, | |
{"year": 2010, "points": 52.9, "teammate": "Jenson Button", "team": "McLaren"}, | |
{"year": 2011, "points": 45.7, "teammate": "Jenson Button", "team": "McLaren"}, | |
{"year": 2012, "points": 50.3, "teammate": "Jenson Button", "team": "McLaren"}, |
We can make this file beautiful and searchable if this error is corrected: It looks like row 6 should actually have 38 columns, instead of 25. in line 5.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Source,1977,1978,1979,1980,1981,1982,1983,1984,1985,1986,1987,1988,1989,1990,1991,1992,1993,1994,1995,1996,1997,1998,1999,2000,2001,2002,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012,2013 | |
Coal,2146,2200,2229,2286,2637,2798,2988,3143,3573,3947,4360,4035,4426,4685,4880,5177,5245,5261,5665,5746,6139,6617,6663,7046,7549,7952,8019,8262,8792,8887,9360,9384,9761,10519,9970,10632,11438 | |
OilLPG,977,1016,1005,960,934,909,894,1076,1248,1281,1270,1261,1145,1284,1276,1254,1236,1171,1250,1216,1249,1374,1136,1502,1540,1458,1422,1262,1135,1027,1146,1055,1083,1057,1059,993,882 | |
Gas,256,283,315,363,416,462,466,490,523,571,588,611,628,797,840,932,978,1065,1175,1204,1226,1276,1333,1317,1375,1389,1462,1463,1638,1701,1801,1875,1961,2084,2225,2134,2439 | |
Renewables,200,202,200,194,207,212,205,203,215,217,217,221,231,235,239,225,247,255,262,272,285,283,283,267,266,257,277,279,280,284,288,286,261,297,299,295,329 | |
Uranium,231,234,323,386,1066,2363,2177,2082,2055,2092,2117,1971,2140,1922,2063,2044,1271,1293,1237,2399,2818,2725,3002,3902 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
year | coal | oillpg | gas | renewables | uranium | |
---|---|---|---|---|---|---|
1977 | 2146 | 977 | 256 | 200 | 231 | |
1978 | 2200 | 1016 | 283 | 202 | 234 | |
1979 | 2229 | 1005 | 315 | 200 | 323 | |
1980 | 2286 | 960 | 363 | 194 | 386 | |
1981 | 2637 | 934 | 416 | 207 | 1066 | |
1982 | 2798 | 909 | 462 | 212 | 2363 | |
1983 | 2988 | 894 | 466 | 205 | 2177 | |
1984 | 3143 | 1076 | 490 | 203 | 2082 | |
1985 | 3573 | 1248 | 523 | 215 | 2055 |
OlderNewer