New Media Workshop

This week in class we will be looking at different ways to visualise and present data.

In particular we will:

• create a 2-D bar graph in Adobe Illustrator
• create a 2-D pie chart in Adobe Illustrator
• export the charts from Illustrator for use in our blogs
• create a Google map (without any programming!)
• embed the Google map in a test blog post

Here is the data for you to use in the chart class work.
The Tutorials section contains a number of helpful links on these topics.

These tutorials are a step-by-step guide to the work you will be doing in class:

Creating pie charts and bar graphs in Adobe Illustrator

Creating a Google map and embedding it in your blog

Here are some other online tutorials:

• Illustrator Charts – another step by step tutorial
• 3D Charts in Adobe Illustrator CS
• liquidicity » Pie Charts in Illustrator
• Bartelme Design: Creating Graphs Part 1
• Bartelme Design: Creating Graphs Part 2

An example of a mashup using Google maps and Craigslist – Housing Maps Click on a city, select property type and you can find property within your price range with a direct link to the www.craiglist.com listing. A good example of the power of Google maps!

Collaborative Map:

Here is the URL for collaborative map which can be embedded into the HKStories site. You all have access to this map and can add markers which link to your articles.