1. Title Computer Science 767W Fall 2007 Interactive Data Visualization Class #5 19-Sep-2007 Colin Ware Kurt Schwehr

2. Last Class Color Folders Overlays Photos Polygons with holes

3. Talk Like a Pirate Day

4. Class #04 Addresses GroundOverlays & ScreenOverlays TimeStamp & TimeSpan Coding with python

5. Flight Simulator

6. The first thing I did in the flight simulator

8. Assigment #1 Demo

9. Address to location conversion

10. Where is the ScreenOverlay in the heirarchy?

11. Ground Overlays Part 2

13. Transparent

14. Which image

15. Where should it go?

16. A Snippet

17. Many uses for overlays

19. ScreenOverlays Allow you to place images over the top of the geometry An easy way to place legends and logos so that they are always present. These can cause problems if not used carefully!

20. ScreenOverlay

21. Create an Image The size does not matter as long as the resulting image has enough detail:

22. A first attempt

23. Center

24. “Icon” is the image file

26. Center overlayXY and screenXY work together to locate the image

27. Center Size with 0’s keeps the original aspect and size

28. Rotation

29. Screen Overlay - Top Left X Y

30. Constrain the legend size Y = 75 pixels

31. Time

32. TimeStamp

33. TimeStamp Code

34. How the TimeStamp operates Nothing!

35. Today

36. Down to the second

37. What about time ranges? Avoid the time gap

38. Covering a range Before with TimeStamp

39. Ship tracks make sense over time ranges

40. Only visible over time ranges

41. Trouble Ahead!

42. Objects do not always make sense over time ranges

43. Another bad example

45. More information on Google Earth

50. Assignment #02 Due 26-Sep-2007 1:00 PM EST Create an image overlay of a UNH department logo. –The image must correctly use transparency and be a png image Some portion of the image must be transparent (i.e. not just from the kml) –Place the image over the a building associated with the department –No fair using the CCOM logo Construct the Google Maps view of your logo kmz –Place the kmz on your web page –Submit the URL and a screen shot of your logo in Google Maps Use your name in the screenshot filename _ _screenshot.{png,jpg,tif} Time and Lines –Use the ship track data file to get the locations and time of the ship The datafile is in: http://vislab-ccom.unh.edu/~schwehr/Classes/2007VisCourse/assignments/02-data/ –Create a kml that shows the ship following the location and time pairs Submit a kml file named _ _shiptrack.kml See this URL for the complete assignment: http://vislab-ccom.unh.edu/~schwehr/Classes/2007VisCourse/assignments/assignment02.html

51. Assignment #03 Due 01-Oct-2007 By 5:00PM EST United States Population –Write a program in C, C++, Java, or Python to create a single kml file –Use the population table and geometry file in the assignment directory The data tables: http://vislab-ccom.unh.edu/~schwehr/Classes/2007VisCourse/assignments/03-data/ –Make each state an extruded polygon using the shapes in the geometry file –Make the height proportional to the population with the maximum population at an elevation somewhere between 1000-10000m. –Create a color gradient for your populations with red at the maximum and blue at the minimum population. Present a key for your population showing what color corresponds to what population. Show the at least the minimum, maximum, and one intermediate value in your key. Use a ScreenOverlay for the key. –Grade the opacity from 100% for the maximum population to 50% for the minimum population –Place an icon/placemark at the top of each state polygon. In that placemark, put a table with all of the information in the population table row for that state. –See the web page for the complete assignment: http://vislab-ccom.unh.edu/~schwehr/Classes/2007VisCourse/assignments/assignment03.html