1) Create an account at Mapbox in order to generate an access token. https://www.mapbox.com/studio/signup/



2) Log in to Mapbox and choose "New Style" in the MapBox studio.





Click Create, give the Style a suitable name and publish it.



3) Choose Data visualization from the Welcome screen.



4) Fetch data from the API. This query for instance generates a zipped Shape file containing positions of the City bike stations in Stockholm.
https://openstreetgs.stockholm.se/geoservice/api/DIN API-NYCKEL/wfs/?version=1.0.0&request=GetFeature&typeName=od_gis:CityBikes_Punkt&outputFormat=SHAPE-ZIP

5) Upload the shape file as a new layer in MapBox. Click "Upload data".





Once the upload is complete, click the file name to open the details of the layer.



From here, click "Add to style" to add the shape information as a layer to your earlier saved style.



The information will be presented as a layer with a dark overlay. Don't worry, this will not be dark in the finished map. Click "Create layer".



From here you can, for instance, rename the layer.



Click Publish to save the new layer information in your visualization.



6) From here it is possible to export the map as a static image.



7)Alternatively, the map can be displayed using Leaflet in a web page. Use the code available here as a base:
http://leafletjs.com/examples/quick-start.html
and then use the URL below to include the map in the Leaflet container. In this way, one can easily build a mock-up for a mobile device.

Click "Share, develop & use" to explore options of how the map can be integrated and shared with others.





8)Some great ideas for taking visualization of open data further can be found at: https://opendatabits.com/