100 Days of Code: Day 4

Needed to skip a day yesterday in order to get enough sleep to stay awake during a work meeting today. I think the meeting went well — just need to learn to relax. ^_^

Today I finished up the D3 tutorial on Traversy Media. The same chart from Day 3 was used to display the data once again, but this time I learned how to add in a horizontal and vertical scale with tick marks on each side. My image doesn’t seem to show the bottom scale for some reason, but it is there.

My chart is readable! Without having to hover! Yay!

Next was learning how to put in random data with a for loop. This was pretty cool since you can really see the animation I added to the chart come into play.

Random data being generated on each page refresh.

And last was to sort the incoming random data with a sort method. I thought this looked really cool when it was animated. But I’m also easily amused so there’s that too.

Sorted data being generated with the details available with a mouse hover.

And with that, I’m done with my into to D3. That was just about what I’ve been looking for — something to get my feet wet and to get an idea of how the library works. I’m glad I took the time to learn this and will probably try out some of the other tutorials on the site for version 4 and version 5 at a later date.

And that’s it from me tonight awesome people. As always, stay classy and code on!