Skip to content
Branch: master
Go to file

Latest commit


Failed to load latest commit information.
Latest commit message
Commit time

GeoVisualization Workshop at iSchool


This repository contains the code for the workshop given at UC Berkeley's iSchool on 2017-04-10. It covers creating an interactive web map using MapboxGL, GeoJSON, and Turf.

Link to the workshop slides


We'll start by creating an interactive map using MapboxGL.JS and discussing adding a custom layer using some GeoJSON data of vehicle collisions in New York City.

Next we'll style the data using a property from our GeoJSON and discuss potential issues that arise from overlapping point data.

We'll then look at one solution to aggregating point data using hexagonal binning with help from Turf.JS.

Finally we'll add some basic map controls for hiding and showing our map layers.

Viewing the Examples

In order to view the examples locally on your computer, you'll need a web server. If you have Python accessible on your command line, cd to the root of this repo and do:

python -m SimpleHTTPServer 8000

Then open your web browser to localhost:8000 and click one of the links above.

About the Data

Data used in this workshop comes from the NYC Open Data portal's vehicle collisions for March, 2017. The data has been processed ahead of time for the sake of simplifying the number of steps necessary to create the visualizations in this workshop.


Code for a workshop on geo-visualization at UC Berkeley's iSchool on 2017-04-10



No releases published


You can’t perform that action at this time.