(function () { 'use strict'; sc.calcStartOfDay = function(date) { return moment(date.day, 'YYYY-MM-DDTHH:mm:ss.sssZ').startOf('day')._d; }; sc.drawMoodEmotionGraphs = function(graphParameters) { var NOTES = '*Click each day for more information.'; function clearContainers() { $('div#mood, div#mood-legend, div#emotions, div#emotion-legend') .empty(); } function drawMoodViz(graphParameters) { var GRAPH_DIV_ID = '#mood'; var GRAPH_TITLE = 'Mood*'; var LEGEND = [['Mood', '#4682B4'], ['Daily Average', 'green']]; var LEGEND_DIV_ID = '#mood-legend'; var PIXEL_HEIGHT = 300; var Y_MAX = 10; var Y_MIN = 0; var YLABEL = 'mood'; d3.select(GRAPH_DIV_ID) .datum(graphParameters.moodData) .call(columnChart(graphParameters.startDate, graphParameters.endDate, Y_MIN, Y_MAX, GRAPH_TITLE, YLABEL) .width(graphParameters.graphWidth) .height(PIXEL_HEIGHT) .x(function(date, i) { return sc.calcStartOfDay(date); }) .y(function(d, i) { return d.intensity; }) .drawLegend(LEGEND_DIV_ID, LEGEND, [NOTES])); } function drawEmotionViz(graphParameters) { var GRAPH_DIV_ID = '#emotions'; var GRAPH_TITLE = 'Positive and Negative Emotions*'; var LEGEND = [['Positive', '#4682B4'], ['Negative', '#A52A2A'], ['Daily Average', 'green']]; var LEGEND_DIV_ID = '#emotion-legend'; var PIXEL_HEIGHT = 400; var Y_MAX = 10; var Y_MIN = -10; var YLABEL = 'Intensity'; d3.select(GRAPH_DIV_ID) .datum(graphParameters.emotionsData) .call(columnChart(graphParameters.startDate, graphParameters.endDate, Y_MIN, Y_MAX, GRAPH_TITLE, YLABEL) .width(graphParameters.graphWidth) .height(PIXEL_HEIGHT) .drawLegend(LEGEND_DIV_ID, LEGEND, [NOTES])); } clearContainers(); drawMoodViz(graphParameters); drawEmotionViz(graphParameters); return appendDateRange(graphParameters); }; })();