Please join us Thursday April 5th for the third annual Art of Data Visualization event in Davis Auditorium, Schapiro Center for Engineering & Physical Science Research.
For full schedule and to RSVP, visit the event site.
Beginning with a CSV file containing the locations of art galleries within New York City, as well as a GeoJSON file encoding the boundaries of the five boroughs, the workshop guided participants through the process of visualizing the locations of the galleries in the form of a basic dot map.
From top: a dot map visualizing the locations of art galleries in NYC, a snippet of GeoJSON data, the D3.js Mercator projection, the locations of LinkNYC wifi portals by Daniel Chi Cook
Thank you to everyone who participated in Map Club this fall! Until next time, best of luck in your geospatial endeavors.
At root, complex visualizations are comprised of basic elements. Jacques Bertin’s six retinal properties describe the different visual attributes one can use to differentiate between data-driven shapes. With some help from the MDN SVG element reference, attendees learned how to apply graphic styles to SVG primitives in the browser, achieving Bertin’s vision with a few lines of code.
From top: Jacques Bertin’s six retinal properties, a series of colorful circles from a workshop example, a stacked bar chart generated using D3.js
Map Club will meet for its final session of the semester on the afternoon of December 2nd. We will walk through basic geovisualization capabilities in D3.js, building upon the knowledge introduced in this workshop. Hope to see you there!
The latest session of Map Club took a data journalism bent: last Friday, we focused on creating cartogram hexmaps with Tilegrams, a generator by data visualization studio Pitch Interactive. The tool enables users to quickly create proportionate hex-based maps of the United States using custom or built-in data, and export generated maps to both SVG and topojson.
Tilegrams provides intricate functionality for tweaking state proportions to be statistically accurate, and is relatively versatile in its export capabilities. It did have a tendency to lose state labels and borders in its SVG output, providing a less-than-detailed file for download than the browser would reflect. Participants nonetheless created a range of interesting images, uploading Tilegrams topojson data to the geojson.io interface (a tool that Map Club explored in a session from earlier this semester), downloading and visualizing data from the U.S. Census (2010), and editing and rendering a custom CSV file in the data upload window.
From top: population count Tilegrams topojson file imported into geojson.io by Ruoran Lin, urban populations by state (US Census 2010) by Daniel Chi Cook, population counts per state (working)
Last Friday, Map Club embarked upon its second workshop of the semester. This time, we focused on QGIS, a free and open source geographic information system that offers powerful tools for data editing, viewing, and analysis. Participants learned how to import shapefiles into the interface, explore data using the attribute table, and visualize land use in Manhattan with public building footprint data.
From top: zoom to layer, attribute layer, land use map, Daniel Chi Cook
This coming Friday will be a free-form hack session on CartoGrid, a grid-based cartogram generator. Hope to see you there!
The latest session of Map Club focused on OpenLayers, a high-performance library for rendering geographic information in the browser. OpenLayers enables users to visualize a diverse range of geospatial data formats, while offering intuitive links to external web-based mapping resources such as CARTO, OpenStreetMap, Stamen, and D3.js.
From top: imported KML data, Stamen toner labels tile set, Frank Nitsche
Next week will be the second guided workshop of the semester. We will be digging into QGIS, a free and open source geographic information system that offers powerful tools for data editing, viewing, and analysis. Hope to see you there!
Last week, Map Club revisited Tangram, the powerful open-source renderer for Mapzen. (We first explored Mapzen over the summer.) Mapzen is an open, sustainable, and accessible mapping platform that offers intricate control over the design of web-based maps.
Centered on a map of Manhattan, attendees referenced the comprehensive documentation page to alter the drawing style of Tangram’s vector tile service. Tangram is connected to the OpenStreetMap database, and leverages OpenGL and shader language to enable mapmakers to fine-tune the visual effects of rendered data. The custom YAML syntax through which Tangram maps are styled provided a readable way of adjusting the visual attributes of the city in unexpected ways.
From top: Vibrant map by Rachael, animated water and building coloring using GLSL
There will be no Map Club session next Friday! The following Friday (10/28), we will be looking at OpenLayers, a high-performance library for rendering geographic information in web pages.
Map Club’s most recent meeting was a change of pace from the usual self-paced rhythm of weekly sessions. In the first of three workshops occurring throughout this semester, we walked through a guided introduction to CARTO. CARTO (formerly CartoDB) is a unified web mapping and visualization engine that facilitates the creation of interactive maps. This workshop covered the process of downloading data, importing data into CARTO, filtering and visualizing attributes, and publishing a finalized custom webmap.
The datasets for this workshop were downloaded from the Global Forest Watch Open Data Portal, and specifically focused on Indonesia wood fiber concessions.
From top: Map view after import, data view, categorical color scale, map of Indonesia wood fiber concessions by Emily Fuhrman, map of earthquakes between 1960 and 2016 of magnitude > 6.0 by Neville Shane
The final map from the guided tutorial visualizes the different groups in the downloaded dataset to whom Indonesian forest areas are allocated. More details on the data may be found here. As always, thank you to everybody who attended, and hope to see you next session!
Map Club spent last Friday’s session exploring geojson.io, a simple, open-source editor for map data. geojson.io seeks to be a quick tool for creating, viewing, and sharing maps. Compatible with a number of different data formats, the interface of the tool offers basic styling functionality, as well as enables Github users to turn any map into a shareable secret Gist for collaborative viewing and editing.
From top: geojson.io interface, geojson.io Gist, Mapbox integration
geojson.io proved especially useful for converting data into a web-ready format for integration into an external library, such as Mapbox or Leaflet.js. Thank you to everyone who attended, and look forward to seeing you next Friday!
Map Club commenced its first meeting of Fall 2016 by experimenting with Cartagen, a vector-based framework for rendering maps in HTML5. Cartagen was originally developed by a research team at the MIT Center for Civic Media.
One goal of Map Club is to explore the less populous corners of GIS, legacy projects included. Though Cartagen has stood the test of time, its documentation has not. Tracking down its functional source code thus proved to be a challenging endeavor. Luckily, attendees were up to the job (thanks, Mikey!), and after clearing the gridded debugging screen, were able to produce some interesting visual results:
From top: Debugger grid, Emily, Rachael, Shaky
Next week we will focus on the much more recently-created geojson.io, a simple, open-source editor for map data.
For this session’s resources and materials, visit the Map Club Github repository.