Skip to content

Instantly share code, notes, and snippets.

@jchakko
jchakko / atlanticstorms.csv
Created November 8, 2020 15:57
A D3 Multiline graph with data from a CSV file. The graph depicts the number of systems in the Atlantic ocean each year.
name year frequency
Hurricane 1995 11
Tropical Depression 1995 2
Tropical Storm 1995 8
Hurricane 1996 9
Tropical Depression 1996 0
Tropical Storm 1996 4
Hurricane 1997 3
Tropical Depression 1997 1
Tropical Storm 1997 4
@jchakko
jchakko / golo.csv
Created May 1, 2020 15:30
Manhattan Locations
p_year name coordinates address desc
2015 The Hotel Chelsea 40.744836, -73.996822 West 23rd Street & 7.5th Ave Jackson Elias was slain here in room 410
2015 Prospero House 40.747151, -73.979018 Lexington Ave & 35th Street Man with the bulbous frame
2015 New York Times 40.757645, -73.987413 229 West 43rd Street Rebecca Shosenberg's Office
2015 Carlton's Office 40.807142, -73.946050 124th Street and Lenox Unlimited funds, no oversight
2015 Emerson Imports 40.764639, -73.998006 648 West 47th Street idr
2015 Lafayette Theater 40.813380, -73.944936 132nd Street & 7th Ave Mille Adams meetpoint
@jchakko
jchakko / Switzerland.json
Created April 28, 2020 17:48
D3 Map Projection Template
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@jchakko
jchakko / data.json
Created April 18, 2020 23:36
Waterdeep Heist
{
"nodes": [
{
"id": 0,
"name": "Explosion",
"x": "188",
"y": "102.99999237060547",
"details": "Kythorn 11: Huge explosion outside Trollskull kills a dozen people and destroys the front of Beer & Spirit"
},
{
@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,
@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 / 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 / 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 / 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 / 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;