Brouhaha: Mapping in D3.js, Leaflet.js, and More!

Maps are made of lots of data, and d3 is a useful tool for attaching data to a webpage. That said, you don't always need d3 to make a good map, and when you do need it, you often want to use it with something like leaflet.js and mapbox.com (http://mapbox.com/).

Presenters Jue Yang and Derek Lieu have a mind to walk you through their recent project, which maps hundreds of thousands of rows of data across several years and geographical boundaries. Along the way, you'll come to understand the different ways to make maps on the internet, and why you might use one set of technology over another. Anyone with an interest in mapping large amounts of data, in a scalable way, and the accompanying implementation details, will certainly have a great time.

Agenda:

• 6:30 - Doors open, networking

• 7ish - Introductions & Announcement

• 7:15 - Derek Lieu

• 7:45 - Q&Z

• 7:50 - Jue Yang

• 8:20 - Q&A

• 8:45pm - Data Drinks @ Tonic!

History:

In case you're a little new to D3, it began in 2009 based on Prefuse and Flare, creating Protovis, a JavaScript library to generate SVG graphics from data. In 2011, the development of Protovis evolved into D3.js. Designed to provide a more expressive framework that, at the same time, focused on web standards and provides improved performance (Bostock, Heer & Ogievetsky 2011).

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps. It is developed by Vladimir Agafonkin (http://agafonkin.com/en) with a team of dedicated contributors (https://github.com/Leaflet/Leaflet/graphs/contributors). Weighing just about 33 KB of JS, it has all the features (http://leafletjs.com/features.html) most developers ever need for online maps.

Data Visualization DC Sponsors:

Cloudera, SynglyphX, Statistics.com, General Assembly, Continuum Analytics, TandemNSI

https://ci6.googleusercontent.com/proxy/WPPVRqxF3WrYfhaXlxVhi1vZMrzMnODL-ywIjxtL8IUHLmqPPcOiGt-jTBVh873q9Lyx2x64d2kAf1kOlXEEPDAD8BlPNlPAkq-aCwDK330_4TFXP1GE66_j3oFfwUNrD4IPntK5wREflAV53QCspxVlN7aLww=s0-d-e1-ft#https://gallery.mailchimp.com/75fc125999b198f97fe860a8d/images/cloudera_logo_color_tag_249px.png

Hadoop-leader Cloudera (http://datacommunitydc.us3.list-manage1.com/track/click?u=75fc125999b198f97fe860a8d&id=2a18cfe96b&e=263865b99d) is an Organizational sponsor of Data Community DC!

https://ci6.googleusercontent.com/proxy/d0XbpG6NP9zt4tX8slJ1-xznZcr5wFz3z-eoSmorfHp4c8sK-GY3XY61rDXP7Nu7epBpH11C_SrcYmyNynvLwPUlKAcSN-iL94rpwmR_dQSjL7552LbupKMabSRa7IM6jPXGY-Zi=s0-d-e1-ft#https://gallery.mailchimp.com/75fc125999b198f97fe860a8d/images/statisticscom.gif

Use the code "DC2" atStatistics.com (http://datacommunitydc.us3.list-manage.com/track/click?u=75fc125999b198f97fe860a8d&id=02bd6fe31d&e=263865b99d) for 15% off their web-based courses!

https://ci4.googleusercontent.com/proxy/7-7ugKTCEZfSIEcHUhVn3Z85P-G3etW0ymL14If4t7RQXyC9Ot3byFk2AN3kdnE4DObpPSU-Fp6io7NZ3Pk0Lg9UTgiQ4pbA7ebf2QYtPdp1UN0CS4nq2rbj29-x5ttlna1jjQQkqILg52DRQ1_1vVl_lhiY8CHM=s0-d-e1-ft#https://gallery.mailchimp.com/75fc125999b198f97fe860a8d/images/GA_stacked_FF0033_155x1003c8464.png

General Assembly (http://datacommunitydc.us3.list-manage.com/track/click?u=75fc125999b198f97fe860a8d&id=8eac8031e2&e=263865b99d) has upcoming DC-based courses, including Data Science, Business, and Design!

https://ci5.googleusercontent.com/proxy/8M7l2hfr2BftyiiH8Iy_Bbh0HSCCUW-1tFOXJaodYLCT-xQC4UIPJQGBoL7DQyYlT3iCYwDp03kYqfJ8puwVvTWw_BeQ2l7HoFD2wz4SkrwBLzus0nKaYn8dpgYEjIgLYeGM6wMksy2b=s0-d-e1-ft#https://gallery.mailchimp.com/75fc125999b198f97fe860a8d/images/DistrictDataLabs.PNG

DDL runs hands-on Data Science Workshops, Courses, and Projects

Want to sponsor Data Community DC, support our events, and help build this professional community? Get in touch!