Tell us what’s happening:
Can’t pass the tooltip test.
Ugh, There always seems to be one thing I can’t get in these challenges. I have a tooltip that displays the year and gdp data. I used the built in d3 tooltip feature which appends a title and still requires you define a mouseover and mouse out. It isn’t as pretty as the example and it seems you can not change the tooltip styling with css. After restructuring the code to only require an svg html tag I could not get the example tooltip to work. I guess you can’t nest a div tag in a svg tag? I don’t know.
I did get my graph to be resonsive using viewport. This was nice (IMO @media isn’t a good solution. there are too many devices). It resizes great the only issue is when viewed full screen the bottom is cut off with no scroll bars.
Your code so far
Your browser information:
User Agent is:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.
Link to the challenge: