This post is for attendees of the Fundamentals of Data Visualization Workshop at General Assembly Boston. Exercise 1: Mapping Tutorial Instructions: Mapping If you have not done so, download and install TileMill. If you are running MacOS, you may need to use the instructions in the Mapping tutorial to get it running. Exercise 2: Scatterplot Tutorial Instructions: Scatterplot If you haven’t already, open a free Github account. Exercise 3: Cooking the Books Download the dataset: milk-tea-coffee.csv Use Quartz Chartbuilder to visualize the data.  

Which state college systems offer the best “bang for the buck” when it comes to a student’s chance of graduating, and the amount of debt they will graduate with? With more and more students taking more than four years to graduate, it’s an important question — a question that a scatterplot can shed light on. A scatterplot shows you individual entities across two dimensions. Here’s an example showing you the relationship between the life expectancy of its country’s citizens and its Gross Domestic Product per capita (GDP).  As you can see, countries with lower GDP tend to have lower life expectancies. Now let’s try it with a dataset of our own. First, we have to get a dataset. We’ll start[…]

ABSURDLY ILLUSTRATED TUTORIALS Mapping: The Absurdly Illustrated Guide To Your First Data-Driven TileMill Map Timelines/Tabletop.js: The Absurdly Illustrated Guide To Your First Data-Driven Timeline Data Tables/Tabletop.js: The Absurdly Illustrated Guide To Sortable, Searchable Online Data Tables Immersive Digital Storytelling The Absurdly Illustrated Guide To Immersive, Tablet-Friendly News Stories Comparing and Contrasting/Rawcharts/D3.js: The Absurdly Illustrated Guide To Making Scatterplots With Rawcharts and D3.js

Typically, a finished product — whether it’s a simple one or something as sophisticated as “Snow Fall,” the New York Times’ immersive multimedia piece on an avalanche — doesn’t give many indications about how it was made, or what challenges the developer faced in creating it.  An apparently simple site might have taken hours while you might guess that another site took weeks when it took only hours because there were many available open-source tools to start out with that did a lot of the heavy lifting. Looking at the finished product — or a tutorial like my Insanely Illustrated Guide To Your First Data-Driven TileMill Map — doesn’t really give you insight into whether something took a little effort[…]

[UPDATED! This tutorial is newly updated as of 1/28/17 with new geocoding instructions and now works again!]  TileMill is a free-to-download application for Windows and the Mac that will let you build beautiful, data driven maps.  If the bland sameness of Google maps is giving you ennui, TileMill might be a good alternative for you.   There are many beautiful stylesheets to make TileMill maps visually distinct, and you can control the colors, line widths, and much more about your map using Carto, a CSS-derived language.  Here’s a beautiful map of Montreal using a watercolor-like stylesheet:   What follows is a detailed, highly-illustrated guide to creating your first map in TileMill.  We will be using real data from the Rhode[…]

My name is Lisa Williams and I recently finished teaching a four week course for absolute beginners on data visualization — absolute beginners who happened to have day jobs in mission-driven nonprofits and local community foundations.    I found the experience, and the class’ participants energy and insight very inspiring.  When I finished, I thought, “I should write a book — so that anybody who wants to change the world can also change charts and graphs.” I wasn’t sure what to call it, until I attended a gathering of my students and peers.  One of them suggested that I call it “Data For Radicals.”  “Do you really have to be that radical to learn data visualization?” I asked?  “No, but[…]