387 Labs - Fall 2015

This list is a bit loose, but show's the general trend of where I think our exercises should take us this term.

1. Establish UH ITS website with gallery of visualizations

The assignment is to create a homepage on UH's www2 server and to begin modifying that page by adding links to three examples of spatial data visualizations that you have found on the web.

For each of the visualization links, you should also include a description the kind of data being shown and commenting on the (cartographic) symbology employed.

As the semeter procedes you will be adding to this webpage, and you will problaby want to experiment with redesigning it as it grows. Make it easy to read, understand, and navigate.

2. Add a Google Maps API call

Google maps can be added to web pages quite easily. The Peterson text has examples in chapters 4 and 10.

3. ArcGIS: Map; export jpg and svg; incorporate on website

The assignment will be to use ArcGIS to symbolize point, line and area data; export the maps in both svg and jpg format, and upload and integrate them into your website with both "href=" and "img src=" links.

I am not sure what dataset to use... World Map of GDP per Capita ? Natural Earth 110m admin units? More science-y data?

4. Clickable maps.

In this exercise you will use ArcGIS to design and export maps of some phenomenon at three scales (local-regional-continental?) and link them with HTML "Maps" elements. I hope that we can examine interactions of scale and extent with graphic limits on content.

Map of Rivers and Cities? showing and labelling rivers and cities at three scales "zooms"

5. Python to automate generation of HTML clickable map targets

Maybe not a lab by itself, but it it easy to write nested loops in python that will generate clickable targets all over an image map.

6. Google Earth (w/ placemarks and image overlay) export, examine and modify KML.

7. Python to read data and generate KML for google earth data display

Here, you'll write a python script to grab data from a website, convert it to KML which includes display information for the graphic symbolization of the data (with graduated point symbol size and color).

8. Python to write KML to animate critters, buoys or oilslicks

Here, we'll add time-stamp and time-span tags to the kml in order to animate the display.

9. Write SVG from almost the same scripts.

Once you've got this strategy down, it is farily easy to re-jig a script to build a different XML represenation. For an example, let's dig a little deeper into SVG. Maybe static, maybe animated.

10. HTML5/Canvas and JavaScript

We'll hand code javeScript to experiment with drawing cartographic symbology and text in this environment.

11. HTML5/Canvas JavaScript, JSON and GeoJSON

JSON and GeoJSON have emerged as web formats for data to be accessed by JavaScript. We will look at the format, generating it from python, and reading it with our own scripts.

12. JavaScript and interaction

With any luck, we'll get to mess a bit with building and using interactive maps in JavaScript.