just learned what an svg g element is...
g class for line path + circles
text append to circles, now change to on mouseover
blah
working on tooltips

var circles = has the enter
var circle = circles.append("svg:circle")
var tooltips = circles.append("text)"
all the circles append the text on mouse enter and leave, separate!
Merge branch 'd3madness' of https://github.com/thuongvu/enerfeel into d3madness

# Please enter a commit message to explain why this merge is necessary,
# especially if it merges an updated upstream into a topic branch.
#
# Lines starting with '#' will be ignored, and an empty message aborts
# the commit.
somewhere on the right path?
resolved a conflict?
named vars
Merge branch 'd3madness' of https://github.com/thuongvu/enerfeel into d3madness

Conflicts:
	public/js/directives.js
correct number of circles on update, but new ones = blah
WOOP WOOP enter update pattern works w/ tooltips
cleaned + labeled + circles in its g now
CANNOT use g group for circles, path cleaned up - stuff is commented, cleaned
user can add notes to circles now
added time to tooltip
only have 1 svg appended to dom instead of 2?
dateObj experiments work, implement it into a filter now
got rid of console.log on linemouseover, working on filter