NYC Data Science Corporate blog

D3.js Workshop II: Make Beautiful Maps

Written by Jun Zhao | Oct 18, 2013 4:34:13 PM

 

Many thanks go to Carlos Fernandez, our Guest Host of this event! Special thanks go to Dr. Jon Roberts and Dr. Jeff Allen for giving such a wonderful workshop!

-----------------------------------

NYC Data Science Academy is offering a relative courses:

Sign-Up: Data Visualization with D3.js, Beginner Level

-----------------------------------

Slides:

NYC Open Data Meetup--D3.js workshop ii make beautiful maps from Vivian S. Zhang

-----------------------------------

Video:

-----------------------------------

Meetup Announcement:

Over the course of the workshop we covered how we created the EnergyZip application. In a series of 5-10 min talks we'll cover each step in the map's creation. In between the short talks, we'll work directly with you to get a full dynamic map up and running.

Speakers:

Dr Jon Roberts and Dr Jeff Allen are cosmic ray astrophysicists who spend time visualizing the universe in their day job, and visualizing NYC on evenings and weekends. Their recent interactive map of New York electricity use - EnergyZip - was recently featured in The Atlantic.

Outline:

We covered the following steps in map creation:

  • Basic map outlines
  • D3 projection
  • Scoupling data to map regions zoom
  • Pan transitions dynamic data updates

Preparation:

It's better to have a passing familiarity with D3.js. Make sure you can copy and paste the chloropleth code from here and have a local version working.

-----------------------------------

Other Useful Info Link:

Reference:

We  worked through the creation process for EnergyZip - so check out energyzip.org. Also check out the choropleth example on the D3 site. The zooming and panning segment of the workshop drew on these four examples of different zooming and panning transitions.

A record of the session is available herehttps://github.com/jonroberts/d3Mapping

Apply for the Upcoming NYC Data Science Bootcamp

The first step in becoming a data scientist is to complete your Data Science Bootcamp Application.  Just click the button to apply.  It's free and will only take you about 5 minutes.