lobenichou / nicar-19-mbx-studio

Mapbox Studio Session @ NICAR 2019

Repository from Github https://github.comlobenichou/nicar-19-mbx-studioRepository from Github https://github.comlobenichou/nicar-19-mbx-studio

๐Ÿ—บ๏ธ The Power of Mapbox Studio ๐Ÿ—บ๏ธ

Twitter: @lobenichou

Presentation and Data: bit.ly/mapbox-nicar-2019

Mapbox sign-up: bit.ly/mapbox-signup

What is Studio?

Style by Lo:

Style by Jonni Walker:

Style by Lo:

Mapbox Studio is a a powerful tool to help you optimize and visualize your data, and customize your maps.

๐Ÿšซ Mapbox Studio does NOT allow you to add interactivity

โ˜˜๏ธ The Mapbox Studio Ecosystem

Dataset โ†’ Tileset โ†’ Styles (โ†’ Libraries)

  • Dataset: Edit your data ๐Ÿ“
  • Tileset: Bake your data into Vector tiles or upload rasters ๐Ÿ—พ
  • Styles: Customize your style in the Studio interface ๐ŸŽจ
  • (Libraries: add your style to applications using one of our Mapbox libraries ๐Ÿ‘ฉโ€๐Ÿ’ป )

๐Ÿค“ This Session

Dataset โ†’ Tileset โ†’ Styles โ†’ Libraries

Tilesets

  • Lightweight collections of vector data
  • Optimized for rendering
  • Not editable but can be styled in the Mapbox Studio style editor.

๐Ÿ“‚ Files and Uploads

๐Ÿ”— Mapbox upload limits

Mapbox-Provided Tilesets

๐Ÿ”— Mapbox tilesets

๐Ÿ–ผ๏ธ Styles

๐Ÿ”— Mapbox Studio

Studio Dashboard

๐Ÿ”— Mapbox Studio

๐Ÿ‘ Hands-on time

  • Open the github repo
  • Download it

๐Ÿ› ๏ธ What weโ€™ve learned (We may not get to all of it)

  • Upload a dataset to Studio
  • Add the tileset to a style
  • Create a new style using our core styles or a designer style
  • Polygons, lines, points, symbols
  • Style data
  • Filters
  • Mask
  • Layers
  • Terrain

โš™๏ธ Resources

๐Ÿ”— The Guide To Map Design by Amy Lee Walton

๐Ÿ”— Our awesome glossary from our Doc Queens ๐Ÿ‘‘ ๐Ÿ”— Our Election Guide covers a bunch of our core elements, like expressions and feature-state.


Session extras:

These are the three main function of Studio. If you are using Mapbox Studio you are trying to do one of these three things:

  • Create and maintain datasets
  • Create tilesets
  • Create and design map styles

Tileset:

A tileset is a collection of raster or vector data broken up into a uniform grid of square tiles at up to 22 preset zoom levels. Tilesets are used in Mapbox libraries and SDKs as a core piece of making maps visible on mobile or in the browser; they are also the main mechanism we use for determining map views.

Tilesets are made up of vector tiles and are developed for caching, scaling and serving map imagery rapidly.

Mapbox web and mobile-ready vector tiles are 75% smaller than a raster tilesets. This results in fast, smooth zooming from the worldview of a map down to street-level detail.

Tilesets are highly cacheable and load quickly. Vector tiles are developed for caching, scaling and serving map imagery rapidly โ€“ to vector data.

As the name suggests, vector tiles contain vector data instead of the rendered image. They contain geometries and metadata โ€“ like road names, place names, house numbers โ€“ in a compact, structured format. Vector tiles are rendered only when requested by a client, like a web browser or a mobile app. Rendering happens either in the client (Mapbox GL JS, Mapbox iOS SDK, Mapbox Android SDK) or on the fly on the server (map API).

Mapbox File types:

CSV

The CSV (comma-separated values) format is common for table data, like the kind you may use in Excel or other spreadsheets. CSV files arenโ€™t necessarily mappable unless they contain geographic information (like latitude and longitude). When uploading CSV files, keep the following in mind:

  • Check out the Mapbox Uploads API documentation for the current size limit for CSV files.
  • CSV files must be in UTF-8 encoding.
  • CSV files must contain coordinates (latitude and longitude) when uploading in Mapbox Studio or Mapbox Studio Classic.
  • CSV files are for point data only.

GeoJSON

GeoJSON is a file format for map data served by Mapbox web services and APIs. As a subset of the JSON format, it can be parsed in modern software and native to the JavaScript language. There are several open source tools for converting other geospatial data formats to GeoJSON. A few faves:

  • togeojson, a node package for converting KML and GPX (XML formats).
  • ogr2ogr, the ultimate 40-in-1 vector data conversion tool.
  • geojson.io for creating, converting, and editing GeoJSON.

MBTiles

MBTiles is a file format for storing tilesets. Itโ€™s designed so that you can package the potentially thousands of files that make up a tileset and move them around, eventually uploading to Mapbox or using in a web or mobile application. MBTiles is an open specification and is based on the SQLite database. MBTiles can contain raster or vector tilesets.

KML

KML is a file format that is like GeoJSON, but used more commonly in Google products. Like GeoJSON, it can store points, lines, polygons, and other vector data. Unlike GeoJSON, itโ€™s based on XML, rather than JSON. When uploading KML, please note that Mapbox does not support any KML extensions.

GPX

GPX, or GPS eXchange format, is a data format commonly created from GPS receivers. You can upload GPX files to your Mapbox account to use in a custom map style. Please note that Mapbox does not support values along lines (for example, elevation and time at various points along a jogging route). A GPX file with values along a line can be uploaded, but Mapbox will ignore any data along the line.

Shapefile

A shapefile, also known as an ESRI shapefile, is a file format for storing geographic vector data. When uploading shapefiles, keep the following in mind:

  • Check out the Mapbox Uploads API documentation for the current size limit for shapefiles. Note that this limit applies to the shapefileโ€™s uncompressed size, not the size of the compressed zip.
  • Shapefiles are composed of several individual files, which should be combined into a single zip file before uploading. Of these files, Mapbox can read shp, shx, dbf, prj, and index files. Any other files you upload with your zip file will be ignored.

TIFF

A TIFF, or sometimes TIF, is a file format for saving raster images. With Mapbox, a TIFF is often a GeoTIFF, meaning the file is embedded with georeferencing information. You can upload TIFF files as tilesets in Mapbox Studio and use them in the Mapbox Studio style editor. When uploading a TIFF file, keep in mind the current size limit for TIFF files.

About

Mapbox Studio Session @ NICAR 2019