« Back

d3, design & datavis

Next Steps

Make a Bar Chart

Use the summary csv in your examples folder and follow this example to create your own bar chart. This will expose you to other shape and scale types.

Interactive Data Visualization for the Web

by Scott Murray

The beginners d3 bible, free and online.

+ Don’t miss the github repo full of examples.

Code School Javascript Path

Code School’s Javascript lesons may be the best way I know to level up your skills.

+ Codecademy can be a little less polished but it does have the virtue of being free.

Designing with Data

by Brian Suda

A slim e-book that covers information design best practices. It includes a great overview of chart types.

Data + Design

by Infoactive

Crowdsourced and comprehensive.

Halfway Up The Mountain

Linked Small Multiples

by Jim Vallandingham

A great review and tutorial on small multiples. It also covers asynchronous file loading.

D3.js in Action

by Elijah Meeks

Meeks picks up where Murray left off, diving into more complex layouts and mapping projections.

+ He is also the creator of d3.carto, a library to make working with maps in d3 simpler.

OpenVis Conf Videos

Videos from the 2014 OpenVis Conf cover a number of interesting topics in data vis.

Articles

####Climbing the d3.js Visualisation Stack

by Tony Hirst

A great summary of how different d3-augmenting libraries fit together.

####How to Scroll

by Mike Bostock

This recent post from the creator of d3 not only covers the intricacies of scroll interactions but also demonstrates an attitude towards UX that should serve as an example to any design student.

####Visualizing Nebulous Data

by Erik Hazzard

Staying true to what you don’t know.

Tools

####NVD3
Close to d3 concepts but more abstract, still feels very code-y.

####Dimple
Aims to be simpler than other libraries.

####Vega
Takes a different approach to specification, mostly by passing parameters as objects, you may like it better. Online editor to explore.

####d3py
A Python integration. If you end up using Python a lot, this might be a path to consider.

####Tributary
An online tool for interactive development in the browser.

####Color Brewer
Great resource for creating appropriate color scales.

Blogs

####Flowing Data
Nathan Yau has written three datavis books and runs a membership tutorial section in addition to keeping up with new work.

####Infosthetics
This is the blog I showed in the presentation. A great way to keep up with what is coming out.

####The Why Axis
Well-written and beautifully designed.

####Datavisualization.ch
Maintained by a Swiss data visualization studio, this blog includes plenty of retrospective posts.