Skip to content

Commit

Permalink
add score
Browse files Browse the repository at this point in the history
  • Loading branch information
@Ishub
Ishub committed Apr 17, 2016
2 parents 8fd5b91 + f8d7211 commit 43d285a
Show file tree
Hide file tree
Showing 15 changed files with 568 additions and 373 deletions.
211 changes: 125 additions & 86 deletions OverView Charts/column.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,139 +2,178 @@
<meta charset="utf-8">
<style>

.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}

.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}

.bar {
fill: steelblue;
}
.bar {
fill: steelblue;
}

.x.axis path {
display: none;
}
.x.axis path {
display: none;
}

</style>

<body>

<script type="text/javascript" src='../model/io.js'></script>
<script type="text/javascript" src='../TestingLineChart/plot.js'></script>
<script src='https://cdn.firebase.com/js/client/2.3.0/firebase.js'></script>
<script src="//d3js.org/d3.v3.min.js"></script>

<script>

var firebasepath = "https://ecaura.firebaseIO.com"
console.log("Starting request")
var myDataRef = new Firebase(firebasepath);
console.log("Connected")

var margin = {top: 50, right: 20, bottom: 60, left: 60},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;

var x0 = d3.scale.ordinal()
.rangeRoundBands([0, width], .1);
.rangeRoundBands([0, width], .1);

var x1 = d3.scale.ordinal();

var y = d3.scale.linear()
.range([height, 0]);
.range([height, 0]);

var color = d3.scale.ordinal()
.range(["#AEC6E8", "#1F78B4"]);
.range(["#AEC6E8 ", "#1F78B4 "]);

var xAxis = d3.svg.axis()
.scale(x0)
.orient("bottom");
.scale(x0)
.orient("bottom");

var yAxis = d3.svg.axis()
.scale(y)
.orient("left")
.tickFormat(d3.format(".2s"));
.scale(y)
.orient("left")
.tickFormat(d3.format(".2s"));

var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");


var merge_json = function(average, org_feature) {
var merged = new Array();
for (var i = 0; i < average.length; i++) {
var current_date = average[i].date;
var average_value = average[i].average;
var org_value = undefined;
for (var j = 0; j < org_feature.length; j++) {
if (org_feature[j].date === current_date) {
org_value = org_feature[j].value;
break;
}
}

if (org_value != undefined)
merged.push({'Date': current_date, 'Average': average_value, 'Company': org_value});
}

return merged;
}


myDataRef.on('value', function(snapshot) {
var average_data = get_average_series(firebasepath, 'water');
console.log(average_data);

d3.json("column.json", function(error, data) {
if (error) throw error;
var org_feature = get_org_feature(firebasepath, 'nyuad', 'electricity');
console.log(org_feature);

var data = merge_json(average_data, org_feature);
// d3.json("column.json", function(error, data) {
// if (error) throw error;

var ageNames = d3.keys(data[0]).filter(function(key) { return key !== "Date"; });

data.forEach(function(d) {
d.ages = ageNames.map(function(name) { return {name: name, value: +d[name]}; });
d.ages = ageNames.map(function(name) { return {name: name, value: +d[name]}; });
});

x0.domain(data.map(function(d) { return d.Date; }));
x1.domain(ageNames).rangeRoundBands([0, x0.rangeBand()]);
y.domain([0, d3.max(data, function(d) { return d3.max(d.ages, function(d) { return d.value; }); })]);

svg.append("text")
.attr("x", (width / 2))
.attr("y", 0 - (margin.top / 2))
.attr("text-anchor", "middle")
.style("font-size", "25px")
.style("text-decoration", "bold")
.text("Company 1's Carbon Emission from overall vs average");
.attr("x", (width / 2))
.attr("y", 0 - (margin.top / 2))
.attr("text-anchor", "middle")
.style("font-size", "25px")
.style("text-decoration", "bold")
.text("Company 1's Carbon Emission from overall vs average");

svg.append("g")
//.attr("class", "heading")
//.append("text")
//.style("text-anchor", "start")
//.text("Company 1's Carbon Emission from overall vs average")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("x", 450)
.attr("y", 40)
.attr("dx", ".71em")
.style("text-anchor", "start")
.text("Month");
//.attr("class", "heading")
//.append("text")
//.style("text-anchor", "start")
//.text("Company 1's Carbon Emission from overall vs average")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("x", 450)
.attr("y", 40)
.attr("dx", ".71em")
.style("text-anchor", "start")
.text("Month");

svg.append("g")
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("transform", "rotate(-90)")
.attr("x", -180)
.attr("y", -50)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Carbon Emissions");
.attr("class", "y axis")
.call(yAxis)
.append("text")
.attr("transform", "rotate(-90)")
.attr("x", -180)
.attr("y", -50)
.attr("dy", ".71em")
.style("text-anchor", "end")
.text("Carbon Emissions");
var Date = svg.selectAll(".Date")
.data(data)
.enter().append("g")
.attr("class", "Date")
.attr("transform", function(d) { return "translate(" + x0(d.Date) + ",0)"; });
.data(data)
.enter().append("g")
.attr("class", "Date")
.attr("transform", function(d) { return "translate(" + x0(d.Date) + ",0)"; });

Date.selectAll("rect")
.data(function(d) { return d.ages; })
.enter().append("rect")
.attr("width", x1.rangeBand())
.attr("x", function(d) { return x1(d.name); })
.attr("y", function(d) { return y(d.value); })
.attr("height", function(d) { return height - y(d.value); })
.style("fill", function(d) { return color(d.name); });
.data(function(d) { return d.ages; })
.enter().append("rect")
.attr("width", x1.rangeBand())
.attr("x", function(d) { return x1(d.name); })
.attr("y", function(d) { return y(d.value); })
.attr("height", function(d) { return height - y(d.value); })
.style("fill", function(d) { return color(d.name); });

var legend = svg.selectAll(".legend")
.data(ageNames.slice().reverse())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });
.data(ageNames.slice().reverse())
.enter().append("g")
.attr("class", "legend")
.attr("transform", function(d, i) { return "translate(0," + i * 20 + ")"; });

legend.append("rect")
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 18)
.style("fill", color);
.attr("x", width - 18)
.attr("width", 18)
.attr("height", 18)
.style("fill", color);

legend.append("text")
.attr("x", width - 24)
.attr("y", 9)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });

.attr("x", width - 24)
.attr("y", 9)
.attr("dy", ".35em")
.style("text-anchor", "end")
.text(function(d) { return d; });
});

</script>
57 changes: 57 additions & 0 deletions OverView Charts/test.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<script type="text/javascript" src='../model/io.js'></script>
<script type="text/javascript" src='../TestingLineChart/plot.js'></script>
<script src='https://cdn.firebase.com/js/client/2.3.0/firebase.js'></script>

<script type="text/javascript">


var merge_json = function(average, org_feature) {
var merged = new Array();
for (var i = 0; i < average.length; i++) {
var current_date = average[i].date;
var average_value = average[i].average;
var org_value = undefined;
for (var j = 0; j < org_feature.length; j++) {
if (org_feature[j].date === current_date) {
org_value = org_feature[j].value;
break;
}
}

if (org_value != undefined)
merged.push({'Date': current_date, 'Average': average_value, 'Company': org_value});
}

return merged;
}


var firebasepath = "https://ecaura.firebaseIO.com"
console.log("Starting request")
var myDataRef = new Firebase(firebasepath);
console.log("Connected")

myDataRef.on('value', function(snapshot) {
var average_data = get_average_series(firebasepath, 'water');
console.log(average_data);

var org_feature = get_org_feature(firebasepath, 'nyuad', 'electricity');
console.log(org_feature);

var merged_json = merge_json(average_data, org_feature);
});





</script>
</body>
</html>
Binary file added TestingLineChart/.plot.js.swp
View file
Binary file not shown.
48 changes: 48 additions & 0 deletions View/EcAura/output/average.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
[
{
"date": "2013 Jan",
"water": 12,
"electricity": 11,
"waste": 25,
"fuel": 10
}, {
"date": "2013 Apr",
"water": 1,
"electricity": 20,
"waste": 5,
"fuel": 20
},{
"date": "2014 Apr",
"water": 12,
"electricity": 10,
"waste": 20,
"fuel": 10
},{
"date": "2015 Jul",
"water": 15,
"electricity": 14,
"waste": 21,
"fuel": 10
},
{
"date": "2016 Jan",
"water": 29,
"electricity": 20,
"waste": 21,
"fuel": 10
},
{
"date": "2016 Mar",
"water": 10,
"electricity": 5,
"waste": 12,
"fuel": 20
},
{
"date": "2016 Oct",
"water": 9,
"electricity": 6,
"waste": 17,
"fuel": 8
}
]
2 changes: 1 addition & 1 deletion View/EcAura/output/timeline.json
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
[
[
{
"date": "2013 Jan",
"water": 10,
Expand Down

0 comments on commit 43d285a

Please sign in to comment.