Skip to content

Instantly share code, notes, and snippets.

We can't make this file beautiful and searchable because it's too large.
p_year,xlong,ylat
1981,-116.578186,33.889793
1981,-116.597656,33.898495
1981,-116.565689,33.894394
1981,-116.576591,33.890694
1981,-116.599091,33.900295
1981,-116.579689,33.890095
1981,-116.566292,33.892197
1981,-116.577385,33.892994
1981,-116.601891,33.899494
@jchakko
jchakko / consumption.csv
Created May 21, 2019 19:50
India Choropleth with tooltip D3
state rice_total wheat_total total rice_percent wheat_percent team
Andhra Pradesh 19.781 0.966 20.747 95.34390514 4.656094857 rice
Arunachal Pradesh 22.414 1.031 23.445 95.60247388 4.397526125 rice
Assam 21.443 1.304 22.747 94.26737592 5.732624082 rice
Bihar 11.41 11.096 22.506 50.69759175 49.30240825 rice
Chhattisgarh 19.949 3.01 22.959 86.8896729 13.1103271 rice
Delhi 3.524 11.551 15.075 23.37645108 76.62354892 roti
Goa 12.413 3.35 15.763 78.74770031 21.25229969 rice
Gujarat 3.877 8.692 12.569 30.84573156 69.15426844 roti
Haryana 1.776 15.75 17.526 10.13351592 89.86648408 roti
@jchakko
jchakko / index.html
Last active May 27, 2019 19:25
Interactive Pictogram with D3
<html>
<header>
<title>Pictograph</title>
</header>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v5.min.js"></script>
<style>
html {
font: normal 100%/1.4 Georgia,serif;
@jchakko
jchakko / index.html
Last active May 25, 2019 20:44
D3 v5 Line chart with mouseover interaction effects
<!DOCTYPE html>
<html lang="en-US">
<meta charset="utf-8">
<head>
<!-- Load in the d3 library -->
<script src="https://d3js.org/d3.v5.min.js"></script>
<style>
div.tooltip {
position: absolute;
text-align: center;
@jchakko
jchakko / index.html
Created June 1, 2019 23:22
Stacked area chart displaying Melee tournament data using D3 v5
<!DOCTYPE html>
<html lang="en-US">
<meta charset="utf-8">
<head>
<!-- Load in the d3 library -->
<script src="https://d3js.org/d3.v5.min.js"></script>
<style>
html {
background: #eff4f0;
@jchakko
jchakko / cricketers.csv
Last active October 28, 2019 14:32
D3 Multi Line Graph
id name date runs aggregate
1 Sachin Tendulkar 15/11/1989 15 15
2 Sachin Tendulkar 23/11/1989 59 74
3 Sachin Tendulkar 23/11/1989 8 82
4 Sachin Tendulkar 1/12/1989 41 123
5 Sachin Tendulkar 9/12/1989 35 158
6 Sachin Tendulkar 9/12/1989 57 215
7 Sachin Tendulkar 2/2/1990 0 215
8 Sachin Tendulkar 2/2/1990 24 239
9 Sachin Tendulkar 9/2/1990 88 327
@jchakko
jchakko / StateProduction.csv
Created November 1, 2019 23:51
Wind Energy Interactive Article
We can make this file beautiful and searchable if this error is corrected: It looks like row 8 should actually have 20 columns, instead of 6. in line 7.
State,1999,2000,2001,2002,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,2016,2017
California,"1,615.99","1,615.99","1,683.09","1,823.07","2,024.91","2,094.98","2,149.46","2,376.11","2,439.11","2,536.71","2,797.95","3,252.61","3,917.00","5,542.00","5,830.00","5,917.00","6,108.00","5,662.00","5,561.00"
Colorado,21.6,21.6,61.2,61.2,223.2,230.7,230.75,290.75,"1,066.75","1,067.65","1,244.25","1,298.55","1,805.00","2,301.00","2,332.00","2,593.00","2,992.00","3,026.00","3,029.00"
Hawaii,1.555,1.555,1.555,8.555,8.555,8.555,8.555,42.115,63.115,63.115,63.115,63.115,92,206,206,206,203,203,206
Idaho,0,0,0,0,0.216,0.216,75.216,75.316,75.316,75.64,146.824,352.516,618,973,973,973,973,973,973
Illinois,0,0,0,0,50.4,51.06,107.16,107.16,699.37,915.07,"1,547.47","2,044.56","2,742.00","3,568.00","3,568.00","3,568.00","3,842.00","4,026.00","4,026.00"
Indiana,0,0,0,0,0,0,0,0,0,130.5,"1,035.95","1,339.15","1,340.00","1,543.00","1,544.00","1,745.00","1,895.00","1,895.00","1,997.00"
Iowa,242.42,242.42,324.17,422.65,
@jchakko
jchakko / Turbine_Locations_00.csv
Created December 5, 2019 04:33
Wind Energy - Turbine Dot Density
We can't make this file beautiful and searchable because it's too large.
p_year,xlong,ylat
2000,-84.338295,36.119793
2000,-84.339096,36.121895
2000,-84.338669,36.120659
2000,-111.920059,40.439678
2000,-106.179596,41.671356
2000,-106.185081,41.673096
2000,-106.180664,41.675117
2000,-106.178711,41.669029
2000,-106.180389,41.673523
@jchakko
jchakko / index.html
Last active December 7, 2019 08:13
Wind Energy - Turbine Efficiency Line Graph
<!DOCTYPE html>
<html lang="en-US">
<meta charset="utf-8">
<head>
<!-- Load in the d3 library -->
<script src="https://d3js.org/d3.v5.min.js"></script>
<style>
div.tooltip {
position: absolute;
text-align: center;
@jchakko
jchakko / StateProduction.csv
Created December 7, 2019 18:08
Wind Energy - State Production HBar Chart
We can make this file beautiful and searchable if this error is corrected: It looks like row 8 should actually have 20 columns, instead of 6. in line 7.
State,1999,2000,2001,2002,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,2016,2017
California,"1,615.99","1,615.99","1,683.09","1,823.07","2,024.91","2,094.98","2,149.46","2,376.11","2,439.11","2,536.71","2,797.95","3,252.61","3,917.00","5,542.00","5,830.00","5,917.00","6,108.00","5,662.00","5,561.00"
Colorado,21.6,21.6,61.2,61.2,223.2,230.7,230.75,290.75,"1,066.75","1,067.65","1,244.25","1,298.55","1,805.00","2,301.00","2,332.00","2,593.00","2,992.00","3,026.00","3,029.00"
Hawaii,1.555,1.555,1.555,8.555,8.555,8.555,8.555,42.115,63.115,63.115,63.115,63.115,92,206,206,206,203,203,206
Idaho,0,0,0,0,0.216,0.216,75.216,75.316,75.316,75.64,146.824,352.516,618,973,973,973,973,973,973
Illinois,0,0,0,0,50.4,51.06,107.16,107.16,699.37,915.07,"1,547.47","2,044.56","2,742.00","3,568.00","3,568.00","3,568.00","3,842.00","4,026.00","4,026.00"
Indiana,0,0,0,0,0,0,0,0,0,130.5,"1,035.95","1,339.15","1,340.00","1,543.00","1,544.00","1,745.00","1,895.00","1,895.00","1,997.00"
Iowa,242.42,242.42,324.17,422.65,