Final!

Here's the final product!

http://mason.gmu.edu/~amattapa/final/final.html

Weekly Post 10! Last one!

Here's a cooool use of Javascript making any map location into a game of tower defense.  I really found this quite awesome, since I've always had a few ideas for using real life geographic locations and maps for a new form of interactive gaming, and this is a great example!

http://www.mapstd.com/

Weekly Post 9!

Here's an arcgis map from Al Jazeera showing the impact of earthquakes in Nepal in the present and in the future.

http://www.aljazeera.com/indepth/interactive/2015/04/nepal-earthquake-potential-impact-map-150429154735665.html

Weekly Blog Post 8!

Here's a link to a cool crime map that I had originally wanted my final project to be like.  Its a pretty complex use of javascript.

http://crimetimeline.io/

Lab 10!

Here it is!  More Japan stuff


mason.gmu.edu/~amattapa/lab10/lab10.html

Final Project

Still a work in progress! (Might not work sometimes since I may be editing it)

http://mason.gmu.edu/~amattapa/final/final.html

Questions:

1) What do you think about the overall layout?
2) Color Schemes?
3) Other overlay features? Airports, maybe railway lines, demographics.
4) Centering the map closer in on core points?
5) Sizing of images, bubbles, points, or the map overall (general sizes)

Lab 9! Ready for the Big Time!

This is basically an expansion of the last lab, but now with cool time slider action and bubbles changing shape.

On a serious note, its an interesting map since it reflects the changes in Japan's population pre-war, during the war, and post-war periods.

http://mason.gmu.edu/~amattapa/lab9/lab9.html

Weekly Blog Post: Panning Across a Map

There's so many of these cool public local government maps by counties and states.  Here's an example from the Hawaiian State Government using ESRI:

http://histategis.maps.arcgis.com/apps/OnePane/basicviewer/index.html?appid=a590357da6d24723901a458accbbe312

This one is simple but some of the other government maps have different layers like satellite imagery, land records, tax assessments, location of public services, district maps, etc. 

LAB 8: Leaflet

Here's the link!:

http://mason.gmu.edu/~amattapa/lab8/lab8.html

I ended up choosing prefectures instead of cities (though I know shape/polygons would have been better, the data was more accessible for prefectures for those years, and you can't really do proportional symbols for polygons)

Final Project Proposal

Here's what I've got in mind:

It might be a bit bigger than I can handle, but I'd like to present my topic that allows for some slight revisions if it becomes too difficult. In this ever increasing pace of information flow, there's a lot of things one can map, like #hashtags by state or even facebook statuses.

Governments also make a much better effort these days to keep track of all their information digitally, such as public land records, crime data, fire data, school data, etc.  Some of this data is updated near instantaneously.  While not as fast or immense as a data set as social media, these potentially daily uploads of data by governments/organizations are often far more reliable.

So for my final 411 project, I would like to take on an interactive crime map of Loudoun County.

I know there are crime maps that already exist out there that get their data directly from government bodies (See: https://www.crimereports.com/)

Thus the goal of this project is not to create something entirely new that can compete with a company that does this as a business, but rather as an experience into creating really dynamic and data driven maps.

Here's the link for Loudoun's daily crime report archive:

http://sheriff.loudoun.gov/Archive.aspx?AMID=37

As you can see the data only goes up to early February, and I'm not totally sure if they just delete or take down the previous months as they go along. However, for my map (at least for this class) first to collect all the data they have, categorize by date and severity (homicide vs theft).

Then, for the map itself, like crime reports, I'll be plopping down each of the data points but color coordinate them based on severity. As an added feature I'll also make it so that users can choose the range of time of data they want to view on the map (such as the past month or from jan 2015 to feb 2015, etc.)

Finally, the map will also allow users to turn on/off certain crimes based on their level of severity (this way we can choose to just see all the severe or just to see all the small crimes)


To develop this map I was looking at using javascript and leaflet for the map itself and a tsv/csv file or even a small database for all the data. This is what I have planned for this class at the moment.

However,

If given the time and opportunity, I'd like to take this a step further, and automate the process of collecting daily information from the crime reports, put it into a database rather than just a tsv or csv, and the automatically update the map accordingly on a daily basis.  This way users have continuously updating access to local crime data.

This is likely beyond what I'll be able to accomplish during the scope of this class, but its part of the vision I have for this project. 

Lab 7 D3 Choropleth

A slightly brushed up version of the choropleth map presented in the lab specs, plus a new data set from 2014 instead of the given 2012 data.


http://mason.gmu.edu/~amattapa/lab7/lab7.html

Slowly getting better at this!

Lab6 Working with Javascript

Moving on to bigger and greater things:

http://mason.gmu.edu/~amattapa/lab6.html

Lab 5! Polishing it up!

Blogpost 6

http://www.nationalgeographic.com/pearlharbor/ax/frameset.html

This is a simple splash screen map with a basic introduction scene that goes over the general background for Pearl Harbor.  Then once we begin the animation lots of options appear on the map.  There's a timeline to see the progression of the battle, details of certain events, and the ability to hover over certain elements of the map. The subtle introduction for this map opens up to a lot more once the animation begins.

Lab 4: Tiny Tweens

Week 5 Blog Post

A link to a map using a timeline:

http://www.nytimes.com/interactive/2009/03/10/us/20090310-immigration-explorer.html

This is a map done by the NY times that shows the most common origin location of foreign born persons in all the counties of the United States over the course of 120 years.  Its very interesting since you can see some of the major shifts in immigration over time.

Week 4 Blog Post!

An example of Map that uses shape tweening:

http://fourthway.co.uk/realunderground/


This map is interesting since it compares what the actual London underground is like compared to the metro map or the originally intended metro map plan.  The use of tweening shows the morphing between the maps in a subtle manner. Very similar to the video on the class blog as well, but adds a bit of a historical background.

LAB 3! TRANSPARENCY

Weekly Blog Post 3

http://logis.loudoun.gov/weblogis/default.htm

The link takes you to the county website for loudoun. There's lots of layers you can select from to get information of the county.  This includes imagery for 2014, parcel data, land use information, and lots more! Definitely a black hole of time clicking around to see attributes of the county!

How to upload files/embed them!

This is just the method I used to get the files up and to work:

1. https://sites.google.com/ Go to this link and use your google account.
2. Select CREATE on the left menu bar.
3. fill out the necessary information and make a website.
4. Go to your web site page.
5. Click on the more options gear button.
6. Then select manage site.
7. Then on the left menu bar select "Attachments"
8. This is where you should upload your swf file.
9. Once you've done that. Click "View"
10. Your flash file should be in the browser to test and try out
11. Now take the web address some thing long like this:

https://24df66ec-a-62cb3a1a-s-sites.googlegroups.com/site/ggs411akise/FinalFootbalLab2.swf?attachauth=ANoY7cpwGv1nHDbz9_ZADbDyjCtmtuQrPeTvAzOITw5MEj9QDiMEoVWu8gxAtuDrE4CiZhQFP1ECkCMZdOWBLZq2VW4xN1tb4oqXFaBZrvhHuXWzXSZUFjYVob6yE3CoSR4TKxYYyCxHEFv1WAprVj569nStAh97Zs47jXpkPNArfK4WElHiJ4pdVJNgymYjqVTPTraqkWB6qdrrUJxh6LtDJmokmSFQFg%3D%3D&attredirects=1

And take just the bold part (up to the .swf extension)

12. Now you go to blogger and go ahead to make to your new blogpost.

13. At the very far right of the menu bar there are two buttons (compose vs HTML)

14. select HTML

15. Within that use something like this:

<div dir="ltr" style="text-align: left;" trbidi="on">

<embed height="480" pluginspage=" http://www.macromedia.com/go/getflashplayer" src="https://24df66ec-a-62cb3a1a-s-sites.googlegroups.com/site/ggs411akise/FinalFootbalLab2.swf" type="application/x-shockwave-flash" width="620"></embed></div>

Instead of what I have for bold use whatever your link you got was. Make sure your link is in quotes!

16. Now publish and it should work!  Feel free to change the size, alignment, and other attributes if you know how.  Otherwise, probably leave it as it is. 

LAB 2! FOOTBALL

Weekly Blog Post 2!

Here's a screenshot of a cool change over time history map I've found (link to webpage is below the picture)

 http://www.worldology.com/Europe/europe_history_lg.htm

Its pretty interesting in that not only can you see change over time in history, but you can also select certain points of interest which then open up articles on those specific topics.  

Lab 1!

The following two images are satellite views of Banda Aceh, Indonesia in 2004.  The first image is from June while the second is from December.  This was an interesting practice in using adobe Photoshop (which is definitely not as easy or intuitive as illustrator was).

First blog spot for GGS 411!

Source: http://sympletic.com/cost-education-public-colleges-states/#prettyPhoto

This is an interesting interactive map that is using Google Maps API to show the various expenses within states for public schools. This map is just one of a series that you can find on the website.  Its interesting since it is a very simple map using just layers over a regular Google Map.  However, by using Google Maps it allows users to zoom in as much as they would like (not that it's necessary to see colors) but it gives a good feel for basic interactive maps.