Maps has become a crucial part of our applications today, be it weather forecasting, epidemiology, mining, urban planning or studying killing patterns of criminals. But how did we start working with maps? How did we combine data analysis with Maps? What are it's potential? We will have a glimpse at past, present and future of maps.

With the up-rise of open-source technologies, Google Maps is not the only option now. Mapbox is a developer focused mapping platform. It powers thousands of applications and websites, with customizable and scalable maps, analysis and data. It enables any developer to become a cartographer instantaneously. Consider Mapbox as wikipedia for maps. We will look into into how maps and Mapbox works, what is Open Street Map (an open-source database to store geolocation data), Mapbox APIs, Mapbox Studio (a tool to create your personalized styled maps) and some supporting libraries like TurfJS (Spatial Analysis) and Directions API.


Outline/Structure of the Workshop

  1. What is Mapbox?
  2. Why do we need to work with maps?
  3. Pre-requisites
  4. Open Street Map / OSM
  5. Build maps in OSM
  6. How Mapbox works?
  7. Extracting Data
  8. Mapbox JS API
  9. Turf JS API
  10. Some more examples from Mapbox applications
  11. Resources

Learning Outcome

I want to show people how to think about maps and how to work around it. I want to demo how easy it is get started. I hope that people get interested into maps after this session and inspire them to build their own projects.

Target Audience

Beginners and professionals who are interested in working with maps. Developers who have fundamental knowledge of HTML, CSS and JS

schedule Submitted 5 years ago

  • Myles Borins

    Myles Borins - Live coding a musical instrument with the web-midi + web-audio api's

    45 Mins
    Case Study

    Imagine a world where you can plug a digital controller into a computer, open a a browser, and start controlling a sophisticated algorithmically generated music environment with the touch of a button. With the web-midi api landing in chrome 43 this type of experience will soon be possible to everyone running a modern computer. This session will explore building a midi-controllable generative synthesizer LIVE using the web-midi api for controlling user input, and the web-audio api for synthesis.

    The talk will explore the history of the Midi protocol, and follow the path to where it finally is being supported in browsers. It will introduce some basic music theory, what is a key, what is an octave, as well as some basic composition theory. It will introduce digital signal processing, the concept of a unit generator, how the web-audio api works, and how you can use it to build a basic synthesizer. This will all be presented in the form of a live coding session, building a working instrument from first principals (and a couple modules).

    At the end of the session we will have a working instrument that can be used to make some music that we can all groove to!