Data Visualization and D3.js Newsletter Issue 89 Weekly Data Visualization and D3.js Newsletter

Hi Friends -

Welcome to issue 89 of the Weekly Newsletter

Onwards to this week's links...


  • Six Of One (Plot), Half-Dozen Of The Other
    For those of you with WordPress blogs and have the Jetpack Stats module installed, you’re intimately familiar with this chart. There’s nothing particularly special about this chart, other than you usually don’t see bar charts with the bars shown superimposed. I wanted to see what it would take to replicate this chart in R (ggplot2 & Base Graphics), Python (matplotlib & Seaborn), and Julia (Gadfly & Here’s what I found...
  • An A To Z Of Extra Features For The D3 Force Layout
    Since D3 can be a little inaccessible at times I thought I’d make things easier by starting with a basic skeleton force directed layout (Mike Bostock’s original example) and then giving you some blocks of code that can be plugged in to add various features that I have found useful.

Data Visualization Reading and Videos

  • Spreadsheets Are Information Visualization
    I think, practically, that spreadsheets are information visualization....There's another practical reason for which I think we should think of spreadsheets as information visualization: it demystifies the benefits of applying clear graphical rules to the display of information....
  • Stuff That Every Programmer Should Know: Data Visualization
    If you're a programmer and you don't have visualization as one of your main tools in your belt, then good news, you just found how to easily improve your skill set. Really it should be taught in any programming course. Note: This post won't get you from zero to visualization expert, but hopefully it can pique your curiosity and will provide plenty of references for further study.
  • How SVG Line Animation Works
    I bet all of you have seen that little trick where an SVG path is animated to look like it's drawing itself...Jake Archibald pioneered the technique and has a super good interactive blog post on how it works...I have very little to add, except my brain just kinda figured it out, so I thought I would explain it one more time the way it clicked for me.
  • Data Visualization With Python And matplotlib
    This lesson assumes that you already understand basic programming concepts and are either familiar with, or can quickly master, the basic elements of Python. In this lesson we visualize several types of health care data. We explain when to use different chart types...

D3.js Reading and Videos

  • Functional Reactive Programming With Bacon.js And D3.js
    One of my colleagues, Sam Davies, recently gave a presentation on functional reactive programming in iOS... The concepts introduced in that talk were very interesting, so I was inspired to investigate how you might go about implementing them in the Javascript world using D3.js. This blog post describes the results of that investigation.
  • Alchemy.js
    Alchemy.js is a graph drawing application built in d3. Alchemy.js was built so that developers could easily get up and running with Graph visualization applications, and not much over head. Minimal code is actually required to generate Alchemy.js graphs with most projects...Additionally, because Alchemy.js is built with D3, the core application can easily be extended with any of the other features included in D3. [Editor's note: Pay attention to the license: AGPLv3 license]
  • + D3 Demo
    Steve Hall demos his Labs project: an integration of and the D3 data visualization library. Together, the two frameworks enable developers to create sophisticated data-driven charts and graphs with beautiful animations.
  • Simple Charts With C3 - In 5 Minutes!
    This article aims to explain how to use a cool library called C3 for building simple charts. C3 is a javascript library which builds on top of famous D3...Often you just need to add a simple graph to a webpage to show some statistics - a scatter plot or a bar chart. C3 allows you to do just that without knowing all the complexity of D3 because it wraps all you need into a simple API...
  • D3 Data Operator & General Update Pattern Tutorial for Beginners
    PDF of slides from talk by Sebastian Gutierrez at the July NYC D3 meetup. Talk covers the D3 Data Operator and the three virtual selections it produces (enter, update, & exit) and explains why they are a key to understanding how to effectively use D3.js.

Hope that you had a great past week and that next week is even better!

Wishing you the best, 
Sebastian Gutierrez

Want to better understand this topic?
Check out these super-useful D3.js Screencast Videos (1 in 3 are free...)
=> D3 Screencasts Videos