Playing with d3.js

Screen Shot 2015-12-19 at 8.24.23 AM.png

One of my ongoing projects is helping my dear friend and colleague Daryl brainstorm on how we can most effectively translate our goals into simple, pretty, and actionable visualizations – I always harp on the import of actionable visualization.

In spending more time with modern visualization tools, like everyone, I’ve come across d3.js – a JavaScript library dedicated to Data Driven Documents (d3 get it?)

I read a blog post or two (Mike Bostocks is amazing) and dove into messing around with the library. For fun, I used d3.js to turn an empty pair of body tags into an SVG assembly of the Automattic logo, as you see above. As deep as my affection is for ggplot2, this is still pretty neat.

It was fun, and I’m especially excited to see how d3 plays with live data!
The above is a screenshot – here’s a gist of the code itself.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s