addressalign-toparrow-leftarrow-rightbackbellblockcalendarcameraccwchatcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-checkcircle-with-crosscircle-with-pluscrosseditemptyheartfacebookfolderfullheartglobegmailgoogleimagesinstagramlinklocation-pinmagnifying-glassmailminusmoremuplabelShape 3 + Rectangle 1outlookpersonplusprice-ribbonImported LayersImported LayersImported Layersshieldstartickettrashtriangle-downtriangle-uptwitteruseryahoo

D3.js workshop II: make beautiful maps

Guest Host: Carlos Fernandez

Speaker Bio:

Dr Jon Roberts and Dr Jeff Allen are cosmic ray astrophysicists who spends 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


Before coming to the workshop you should 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.


Over the course of the workshop we'll cover 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.


We'll cover the following steps in map creation:basic map outlinesd3 projectionscoupling data to map regionszoom and pan transitionsdynamic data updates


We'll be working through the creation process for EnergyZip - so check out Also check out the choropleth example on the D3 site. The zooming and panning segment of the workshop draws on these four examples of different zooming and panning transitions

Join or login to comment.

  • Carlos F.

    Hi All,

    A recording of the session is available at the following location:

    Please be a little forgiving with comments regarding the quality and directorial choices, as this was my first time recording an event. Thanks,

    4 · October 22, 2013

    • Shangxuan Vivian Z.

      Thanks, it is awesome. I will merge this video into NYC Open Data Youtube channel.

      October 22, 2013

    • Melanie W.

      Thank you so much!

      October 30, 2013

  • roberto

    interesting and clear. Good job!

    1 · October 19, 2013

  • Jonathan R.

    I've updated the github repository with a pdf version of the slides, along with a couple of small tweaks. You can download a full zip of all the files here:

    1 · October 18, 2013

  • Melanie W.

    Thank you for a wonderful talk! I just wish it was recorded. The slides are very very very helpful!

    2 · October 18, 2013

  • Jonathan R.

    There's now a github repo, with a large portion of the slides. Check it out here:

    2 · October 17, 2013

  • Shangxuan Vivian Z.

    Hey Guys, if you can fill up a quick survey for this meetup at , I will be able to make better arrangement for our meetups. We appreciate your input and feedback~

    1 · October 18, 2013

  • Evan M.

    One of the best I have been to

    2 · October 17, 2013

  • Aaron H.


    October 17, 2013

  • Angus Vincent W.


    October 17, 2013

  • Martin B.

    Great to hear from developers who've been down in the trenches fighting to get d3 to work. Presentation went off without a hitch.

    October 17, 2013

  • Matthew Z.

    Happy to see you two are making this happen! Wish I could be there.

    1 · October 15, 2013

  • A former member
    A former member

    Would have loved to make it to the event but have other plans. Will the presentation be recorded?

    October 10, 2013

  • Simcha L.

    Looking forward

    1 · August 28, 2013

Our Sponsors

  • NYC Data Science Academy

    use"nycopen100ff" coupon to take classes on

  • Supstat

    Supstat shares its expertise in data mining and visualization.

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy