Now Reading:
Responsive Data Viz
Full Article 50 second read

Responsive Data Viz

TRAINER: DAVID EADS
This tutorial will walk you through the process of building a simple news application and publishing it on the web. You will learn the basics of responsive design and charting with D3 by visualizing data from the @chitowncoders Cook County Jail scraper.

You will get hands-on experience in every stage of the development process: working with data, sketching mockups, writing HTML, CSS, and Javascript and recording your work using Git’s version control system.

You will learn to use Backbone JS to structure your application, Underscore JS to process data, Twitter Bootstrap to structure your markup, and D3 for data visualization. The techniques used here were first described in Responsive Charts with D3 and Backbone by Ryan Nagle.

This guide was prepared for Migrahack Mexico City, April 3-6, 2014 and presented by David Eads.

Code repository: https://github.com/sc3/26thycalifornia
Demonstration: http://26thycalifornia.recoveredfactory.net
Documentation: http://migrahack.readthedocs.org/
Issues: https://github.com/sc3/26thycalifornia/issues

Leave a Reply

Your email address will not be published. Required fields are marked *

Newsletter
Get highlights of the most important news delivered to your email inbox

Input your search keywords and press Enter.