Data Visualization with D3: Add a Hover Effect to a D3 Element (CODEPEN)

My Codepen Link:

I was wondering if someone a bit more versed in codepen than I could set me straight on some confusion I’m experiencing.

I am trying to create a pen from the d3 lessons and while trying to use the css frame to use a hover condition the js file doesn’t seem to recognize it.

Any advice?


I’m not sure what your problem is with the .bar:hover class - I looked at your code and it seems ok to me. Try comparing your code with my code from my notes on

1 Like

Awesome, I think I was just not really putting together that I would need to utilize the HTML file to make the CSS and JS files to work in tandem.


1 Like