[ Launch Inlet ]
-
-
Save ejfox/3929896 to your computer and use it in GitHub Desktop.
just another inlet to tributary
This file contains hidden or 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
| {"endpoint":"","display":"svg","public":true,"require":[],"tab":"edit","display_percent":0.6900306748466257,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01} |
This file contains hidden or 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
| tributary.finance_data = {"Income":{"column_names":["date","amount"],"name":"Income","elements":[{"date":"1/1/2012","amount":"$11503.90","rowNumber":1},{"date":"1/9/2012","amount":"$150","rowNumber":2},{"date":"1/10/2012","amount":"$300","rowNumber":3},{"date":"40926","amount":"10","rowNumber":4},{"date":"1/24/2012","amount":"$100","rowNumber":5},{"date":"1/24/2012","amount":"$300","rowNumber":6},{"date":"1/27/2012","amount":"$93","rowNumber":7},{"date":"1/17/2012","amount":"$20000","rowNumber":8},{"date":"2/6/2012","amount":"$200","rowNumber":9},{"date":"2/6/2012","amount":"$442.50","rowNumber":10},{"date":"1/31/2012","amount":"$0.96","rowNumber":11},{"date":"2/7/2012","amount":"$310","rowNumber":12},{"date":"2/7/2012","amount":"$50","rowNumber":13},{"date":"2/8/2012","amount":"$200","rowNumber":14},{"date":"40947","amount":"10","rowNumber":15},{"date":"2/15/2012","amount":"$25","rowNumber":16},{"date":"2/18/2012","amount":"$500","rowNumber":17},{"date":"2/16/2012","amount":"$2000","rowNumber":18},{"date":"2/29/2012","amount":"$1.27","rowNumber":19},{"date":"3/31/2012","amount":"$1.10","rowNumber":20},{"date":"4/16/2012","amount":"$1370","rowNumber":21},{"date":"4/28/2012","amount":"$100","rowNumber":22},{"date":"4/30/2012","amount":"$0.95","rowNumber":23},{"date":"5/31/2012","amount":"$0.85","rowNumber":24},{"date":"5/31/2012","amount":"$2000","rowNumber":25},{"date":"6/30/2012","amount":"$0.77","rowNumber":26},{"date":"6/5/2012","amount":"$1800","rowNumber":27},{"date":"7/31/2012","amount":"$0.73","rowNumber":28},{"date":"8/31/2012","amount":"$0.66","rowNumber":29}]},"Expenses Summary":{"column_names":["purpose","amount"],"name":"Expenses Summary","elements":[{"purpose":"#NAME?","amount":"#VALUE!","rowNumber":1},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":2},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":3},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":4},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":5},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":6},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":7},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":8},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":9},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":10},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":11},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":12},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":13},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":14},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":15},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":16},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":17},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":18},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":19},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":20},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":21},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":22},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":23},{"purpose":"#VALUE!","amount":"#VALUE!","rowNumber":24}]},"Expenses":{"column_names":["check","date","amount","purpose"],"name":"Expenses","elements":[{"check":"150","date":"1/1/2012","amount":"$77.85","purpose":"admin","rowNumber":1},{"check":"151","date":"1/1/2012","amount":"$109.21","purpose":"education","rowNumber":2},{"check":"152","date":"1/1/2012","amount":"$149.56","purpose":"education","rowNumber":3},{"check":"153","date":"1/1/2012","amount":"200","purpose":"rent","rowNumber":4},{"check":"154","date":"1/1/2012","amount":"$171.11","purpose":"food","rowNumber":5},{"check":"155","date":"1/1/2012","amount":"$93.66","purpose":"food","rowNumber":6},{"check":"156","date":"1/12/2012","amount":"$60.70","purpose":"transportation","rowNumber":7},{"check":"157","date":"1/18/2012","amount":"$282.73","purpose":"computer","rowNumber":8},{"check":"158","date":"1/18/2012","amount":"$228.99","purpose":"computer","rowNumber":9},{"check":"159","date":"1/18/2012","amount":"$117.82","purpose":"food","rowNumber":10},{"check":"160","date":"1/18/2012","amount":"$267.12","purpose":"food","rowNumber":11},{"check":"161","date":"1/27/2012","amount":"$568.26","purpose":"food","rowNumber":12},{"check":"162","date":"1/27/2012","amount":"$50","purpose":"food","rowNumber":13},{"check":"163","date":"2/2/2012","amount":"$48","purpose":"telephone","rowNumber":14},{"check":"164","date":"40941","amount":"200","purpose":"rent","rowNumber":15},{"check":"165","date":"2/2/2012","amount":"$200","purpose":"printing/signs","rowNumber":16},{"check":"---","date":"1/17/2012","amount":"$10","purpose":"admin","rowNumber":17},{"check":"","date":"2/6/2012","amount":"$14.08","purpose":"admin","rowNumber":18},{"check":"166","date":"2/7/2012","amount":"$42.40","purpose":"printing/signs","rowNumber":19},{"check":"167","date":"2/7/2012","amount":"$189.56","purpose":"food","rowNumber":20},{"check":"168","date":"2/7/2012","amount":"$44.08","purpose":"food","rowNumber":21},{"check":"169","date":"2/7/2012","amount":"$384.24","purpose":"text","rowNumber":22},{"check":"170","date":"2/7/2012","amount":"$200","purpose":"printing/signs","rowNumber":23},{"check":"171","date":"2/7/2012","amount":"$162.01","purpose":"video","rowNumber":24},{"check":"172","date":"2/7/2012","amount":"$399.85","purpose":"food","rowNumber":25},{"check":"173","date":"2/8/2012","amount":"$308.82","purpose":"education","rowNumber":26},{"check":"174","date":"2/15/2012","amount":"$183.31","purpose":"food","rowNumber":27},{"check":"175","date":"2/15/2012","amount":"$29.13","purpose":"blankets","rowNumber":28},{"check":"176","date":"2/15/2012","amount":"$57.91","purpose":"blankets","rowNumber":29},{"check":"177","date":"2/15/2012","amount":"$169","purpose":"printing/signs","rowNumber":30},{"check":"178","date":"2/15/2012","amount":"$176.08","purpose":"printing/signs","rowNumber":31},{"check":"179","date":"2/15/2012","amount":"$495.50","purpose":"printing/signs","rowNumber":32},{"check":"180","date":"2/15/2012","amount":"$296","purpose":"printing/signs","rowNumber":33},{"check":"181","date":"2/17/2012","amount":"$561.15","purpose":"printing/signs","rowNumber":34},{"check":"182","date":"2/22/2012","amount":"$138.48","purpose":"food","rowNumber":35},{"check":"183","date":"2/22/2012","amount":"$118.67","purpose":"supplies","rowNumber":36},{"check":"184","date":"2/22/2012","amount":"$750","purpose":"printing/signs","rowNumber":37},{"check":"185","date":"2/22/2012","amount":"$32.57","purpose":"printing/signs","rowNumber":38},{"check":"186","date":"2/24/2012","amount":"$186.90","purpose":"food","rowNumber":39},{"check":"187","date":"2/24/2012","amount":"$2500","purpose":"transportation","rowNumber":40},{"check":"188","date":"3/2/2012","amount":"$158.24","purpose":"food","rowNumber":41},{"check":"189","date":"3/2/2012","amount":"$243.70","purpose":"supplies","rowNumber":42},{"check":"190","date":"40970","amount":"200","purpose":"rent","rowNumber":43},{"check":"191","date":"3/2/2012","amount":"void","purpose":"rent/utilities","rowNumber":44},{"check":"192","date":"3/9/2012","amount":"$95.73","purpose":"supplies","rowNumber":45},{"check":"193","date":"3/9/2012","amount":"$300","purpose":"transportation","rowNumber":46},{"check":"194","date":"3/9/2012","amount":"$24","purpose":"transportation","rowNumber":47},{"check":"195","date":"3/9/2012","amount":"$210.70","purpose":"transportation","rowNumber":48},{"check":"196","date":"3/9/2012","amount":"$8.13","purpose":"supplies","rowNumber":49},{"check":"197","date":"40977","amount":"655.45","purpose":"rent/utilities","rowNumber":50},{"check":"198","date":"3/9/2012","amount":"$155.16","purpose":"food","rowNumber":51},{"check":"199","date":"3/16/2012","amount":"$267.59","purpose":"food","rowNumber":52},{"check":"200","date":"3/23/2012","amount":"$916.50","purpose":"food","rowNumber":53},{"check":"201","date":"3/23/2012","amount":"$229.75","purpose":"printing/signs","rowNumber":54},{"check":"202","date":"3/23/2012","amount":"$111.23","purpose":"supplies","rowNumber":55},{"check":"203","date":"40998","amount":"200","purpose":"rent","rowNumber":56},{"check":"204","date":"3/30/2012","amount":"$259.39","purpose":"food","rowNumber":57},{"check":"205","date":"4/10/2012","amount":"$244.97","purpose":"food","rowNumber":58},{"check":"206","date":"4/10/2012","amount":"$415.35","purpose":"supplies","rowNumber":59},{"check":"207","date":"4/10/2012","amount":"$10","purpose":"food","rowNumber":60},{"check":"208","date":"4/16/2012","amount":"$269.50","purpose":"food","rowNumber":61},{"check":"209","date":"4/16/2012","amount":"$18.81","purpose":"printing/signs","rowNumber":62},{"check":"210","date":"4/16/2012","amount":"$83.05","purpose":"printing/signs","rowNumber":63},{"check":"211","date":"4/28/2012","amount":"$599.91","purpose":"medical","rowNumber":64},{"check":"212","date":"4/30/2012","amount":"$475.01","purpose":"food","rowNumber":65},{"check":"213","date":"4/30/2012","amount":"$106.67","purpose":"phone","rowNumber":66},{"check":"214","date":"4/30/2012","amount":"$975","purpose":"printing/signs","rowNumber":67},{"check":"215","date":"5/7/2012","amount":"$217.50","purpose":"printing/signs","rowNumber":68},{"check":"216","date":"5/7/2012","amount":"$1126.52","purpose":"food/supplies","rowNumber":69},{"check":"217","date":"5/7/2012","amount":"$23.49","purpose":"medical","rowNumber":70},{"check":"218","date":"5/15/2012","amount":"$328.90","purpose":"food","rowNumber":71},{"check":"219","date":"5/15/2012","amount":"$206.63","purpose":"printing/signs","rowNumber":72},{"check":"220","date":"5/15/2012","amount":"$167.51","purpose":"food/supplies","rowNumber":73},{"check":"221","date":"5/15/2012","amount":"$46.68","purpose":"food/supplies","rowNumber":74},{"check":"222","date":"5/15/2012","amount":"$299.14","purpose":"printing/signs","rowNumber":75},{"check":"223","date":"5/15/2012","amount":"$424","purpose":"printing/signs","rowNumber":76},{"check":"224","date":"41059","amount":"200","purpose":"rent","rowNumber":77},{"check":"225","date":"5/30/2012","amount":"$82.45","purpose":"food and printing","rowNumber":78},{"check":"226","date":"5/30/2012","amount":"$585.73","purpose":"transportation","rowNumber":79},{"check":"227","date":"5/30/2012","amount":"$456.83","purpose":"food and outreach","rowNumber":80},{"check":"228","date":"5/30/2012","amount":"$176.84","purpose":"food","rowNumber":81},{"check":"229","date":"5/30/2012","amount":"$297.99","purpose":"food","rowNumber":82},{"check":"230","date":"5/30/2012","amount":"$150.71","purpose":"food","rowNumber":83},{"check":"231","date":"5/30/2012","amount":"$4.50","purpose":"food","rowNumber":84},{"check":"232","date":"5/30/2012","amount":"$631.39","purpose":"food and printing","rowNumber":85},{"check":"233","date":"41060","amount":"200","purpose":"rent","rowNumber":86},{"check":"234","date":"6/21/2012","amount":"$23.49","purpose":"medical","rowNumber":87},{"check":"235","date":"6/21/2012","amount":"$375.46","purpose":"food","rowNumber":88},{"check":"236","date":"void","amount":"","purpose":"","rowNumber":89},{"check":"237","date":"41081","amount":"200","purpose":"rent","rowNumber":90},{"check":"238","date":"6/21/2012","amount":"$127.34","purpose":"printing/signs","rowNumber":91},{"check":"239","date":"6/21/2012","amount":"$76.44","purpose":"food and printing","rowNumber":92},{"check":"240","date":"6/21/2012","amount":"$30.85","purpose":"printing/signs","rowNumber":93},{"check":"241","date":"6/21/2012","amount":"$610.76","purpose":"medical","rowNumber":94},{"check":"242","date":"6/21/2012","amount":"$23.26","purpose":"medical","rowNumber":95},{"check":"243","date":"6/21/2012","amount":"151.16","purpose":"printing/signs","rowNumber":96},{"check":"244","date":"41092","amount":"200","purpose":"rent","rowNumber":97},{"check":"245","date":"7/2/2012","amount":"$25.30","purpose":"communications","rowNumber":98},{"check":"246","date":"7/2/2012","amount":"$182.29","purpose":"food","rowNumber":99},{"check":"247","date":"7/2/2012","amount":"$170.04","purpose":"printing/signs","rowNumber":100},{"check":"transfer","date":"7/19/2012","amount":"$8.85","purpose":"admin","rowNumber":101},{"check":"transfer","date":"7/26/2012","amount":"$22.36","purpose":"admin","rowNumber":102},{"check":"248","date":"41127","amount":"200","purpose":"rent","rowNumber":103},{"check":"249","date":"41127","amount":"200","purpose":"rent","rowNumber":104},{"check":"250","date":"8/6/2012","amount":"---","purpose":"admin","rowNumber":105},{"check":"251","date":"8/6/2012","amount":"$839","purpose":"food","rowNumber":106},{"check":"252","date":"8/6/2012","amount":"$105","purpose":"medical","rowNumber":107},{"check":"253","date":"8/6/2012","amount":"$189.55","purpose":"food","rowNumber":108},{"check":"254","date":"8/17/2012","amount":"$635.96","purpose":"supplies and food","rowNumber":109},{"check":"255","date":"8/17/2012","amount":"$97.42","purpose":"supplies","rowNumber":110},{"check":"256","date":"41138","amount":"220","purpose":"rent","rowNumber":111},{"check":"257","date":"8/17/2012","amount":"$531.71","purpose":"toilet with ADA access","rowNumber":112},{"check":"258","date":"8/17/2012","amount":"$134.37","purpose":"admin","rowNumber":113},{"check":"259","date":"41170","amount":"200","purpose":"rent","rowNumber":114},{"check":"260","date":"41170","amount":"200","purpose":"rent","rowNumber":115},{"check":"261","date":"9/18/2012","amount":"$374.54","purpose":"printing and supplies","rowNumber":116},{"check":"262","date":"9/18/2012","amount":"$96.61","purpose":"food/supplies","rowNumber":117},{"check":"263","date":"41170","amount":"200","purpose":"rent","rowNumber":118}]}} |
This file contains hidden or 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
| function moneyDecode(moneystring) { | |
| var pattern = /[^0-9.-]+/g; | |
| return moneystring.replace(pattern, ''); | |
| } | |
| var chartpadding = 32; | |
| var chartheight = 175; | |
| colorscale = d3.scale.category10(); | |
| var heightscale = d3.scale.linear() | |
| .domain([0, 3329]) | |
| .range([0,chartheight]) | |
| var incomeheightscale = d3.scale.linear() | |
| .domain([0, 13683]) | |
| .range([0,chartheight]) | |
| var x = d3.scale.linear() | |
| .domain([0,tributary.finance_data.Expenses.elements.length]) | |
| .range([0, tributary.sw - (chartpadding*2)]) | |
| svg = d3.select("svg") | |
| chart = svg.append("g").attr("transform", "translate("+chartpadding+","+chartpadding+")") | |
| // Make expense bar chart | |
| var expenseg = chart.selectAll(".expense-bar") | |
| .data(tributary.finance_data.Expenses.elements) | |
| .enter() | |
| .append("svg:g").attr("class", "expense-label") | |
| .attr({ | |
| transform: function(d,i) { | |
| return "translate("+x(i)+","+ (chartheight - heightscale(moneyDecode(d.amount)))+")"; | |
| } | |
| }) | |
| .on("mouseover", function(d,i){ | |
| $("#label"+i).css("opacity", 1); | |
| }) | |
| .on("mouseout", function(d,i){ | |
| $("#label"+i).css("opacity", 0) | |
| }) | |
| expenseg.append("svg:text") | |
| .text(function(d,i){ | |
| return d.amount+" "+d.purpose+" "+d.date | |
| }) | |
| .attr("id", function(d,i){ return "label"+i }) | |
| .style("opacity", 0) | |
| .attr("transform", function(d,i){ | |
| return "translate(0,"+(heightscale(moneyDecode(d.amount))+15)+")"; | |
| }) | |
| expenseg.append("rect") | |
| .attr({ | |
| height: function(d,i) { | |
| return heightscale(moneyDecode(d.amount)) | |
| } | |
| ,width: function(d,i){ return 5; } | |
| ,fill: function(d,i) { | |
| console.log(d.purpose) | |
| return colorscale(d.purpose); | |
| } | |
| }) | |
| // Make income bar chart | |
| var incomeg = chart.append("g").attr("transform", "translate(0, 300)") | |
| .selectAll(".income-bar") | |
| .data(tributary.finance_data.Income.elements) | |
| .enter() | |
| .append("svg:g").attr("class", "income-label") | |
| .attr({ | |
| transform: function(d,i) { | |
| return "translate("+x(i)+","+ (chartheight - incomeheightscale(moneyDecode(d.amount)))+")"; | |
| } | |
| }) | |
| .on("mouseover", function(d,i){ | |
| $("#incomelabel"+i).css("opacity", 1); | |
| }) | |
| .on("mouseout", function(d,i){ | |
| $("#incomelabel"+i).css("opacity", 0) | |
| }) | |
| incomeg.append("svg:text") | |
| .text(function(d,i){ | |
| return d.amount+" "+d.date | |
| }) | |
| .attr("id", function(d,i){ return "incomelabel"+i }) | |
| .style("opacity", 0) | |
| .attr("transform", function(d,i){ | |
| return "translate(0,"+(incomeheightscale(moneyDecode(d.amount))+15)+")"; | |
| }) | |
| incomeg.append("rect") | |
| .attr({ | |
| height: function(d,i) { | |
| return incomeheightscale(moneyDecode(d.amount)) | |
| } | |
| ,width: function(d,i){ return 5; } | |
| ,fill: function(d,i) { | |
| console.log(d.purpose) | |
| return colorscale(d.purpose); | |
| } | |
| }) |
This file contains hidden or 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
| text { | |
| -webkit-transition:all .2s ease-out; | |
| -moz-transition:all .2s ease-out ; | |
| -o-transition:all .2s ease-out ; | |
| transition:all .2s ease-out ; | |
| } | |
| rect { | |
| // cursor: pointer; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment