D3.js Workshop II: Make Beautiful Maps
[Best_Wordpress_Gallery gallery_type="thumbnails" theme_id="1" gallery_id="33" sort_by="order" order_by="asc" show_search_box="0" search_box_width="180" image_column_number="5" images_per_page="30" image_title="none" image_enable_page="1" thumb_width="200" thumb_height="150" thumb_click_action="undefined" thumb_link_target="undefined" popup_fullscreen="0" popup_autoplay="0" popup_width="800" popup_height="500" popup_effect="fade" popup_interval="5" popup_enable_filmstrip="1" popup_filmstrip_height="70" popup_enable_ctrl_btn="1" popup_enable_fullscreen="1" popup_enable_info="1" popup_info_always_show="0" popup_enable_rate="0" popup_enable_comment="1" popup_hit_counter="0" popup_enable_facebook="1" popup_enable_twitter="1" popup_enable_google="1" popup_enable_pinterest="0" popup_enable_tumblr="0" watermark_type="none" watermark_link="http://web-dorado.com"]
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:
RSVP Data Visualization with D3.js, Beginner Level
-----------------------------------
Slides:
-----------------------------------
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 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.
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 here: https://github.com/jonroberts/d3Mapping