Skip to main content

Titanic mapping - 100th aniversary


    When you hear "Titanic", the first thing that comes to your mind is the 1997 classic, Kate Winslet and Leonardo DiCaprio starer, James Cameron directed epic romantic disaster film "Titanic" which after more than 15 years is re-released in 3D. You must be wondering why I am talking about the movie here on this blog. Well, its not about the movie, but about the mapping of the Titanic that interests me!

    April 15, 2012 will mark the 100th anniversary of the sinking of the Titanic in the North Atlantic Ocean. A century ago the Titanic collided with an iceberg in the north Atlantic and sank. Mapping traveler's hometowns, revels the immigrant status of most people traveling third-class, who also suffered the highest fatality rate. ESRI, has created a map story that will help us look at the geography, class and the fate of the passengers aboard the ship 100 years ago. The online map displays the hometowns of all the passengers aboard the Titanic excluding the crew and identifies them by the type of class they were traveling on whether first, second or third.

    The passenger data was mapped from Wikipedia's list of Titanic passengers. Visit Geography, class and fate: Passengers on the Titanic to see this amazing map story. Click on the menu items to see only the places of origins by a specific class and to view a pie chart showing how many passengers survived and died within that class.  Click on a location to see a list of passengers based from that point.  You can delve further into the lives of the Titanic passenger list to see that person’s hometown, boarding location, intended destination, age, class traveled, and whether or not they survived.


    Hope you all love this map story - Geography, Class and fate: Passengers on the Titanic!

Comments

  1. postingan yang bagus tentang"Titanic mapping - 100th aniversary"

    ReplyDelete

Post a Comment

Please leave your comments here...

Recommended for You

Geodesic Polyline

    Today we will have a look at a very interesting polyline example - "The geodesic polyline". Now the first question that will pop is "What is geodesic?". Mathematically, geodesic means the shortest line between two points on a mathematically defined surface, as a straight line on a plain or an arc of a great circle or sphere.     The next question after reading the above definition is clearly, "Why do we need geodesic polylines?" and that would be followed up with "What is this Great Circle?". We will discuss this first, before we move on to the actual example today. The example is very very similar to the normal polyline example, with just a small change.     Having said so, I will now try to explain why we need a geodesic polyline? The shortest distance between two locations on the earth is rarely a straight line as the earth is roughly spherical in nature. So any two points on the earth, even if they are very close lie on a curve a...

KML Layer Example

         Until now, we have covered various examples involving markers, polylines, polygons, i.e. creating overlays. We have also seen other examples to remove overlays! We will now move on to some other concepts. Today we will have a look at what KML is and how to create a KML layer!          Let us first understand what KML is and why is it necessary. KML stands for Keyhole Markup Language which is an XML schema for expressing geographic annotation and visualisation within 2D maps and 3D Earth browsers. The KML file specifies a set of features (place marks, images, polygons, 3D models, textual descriptions, etc.) for display in Google Earth, Maps and Mobile, or any other 3D Earth browser (geobrowser) implementing the KML encoding. Each place always has a latitude and a longitude. Other data can make the view more specific, such as tilt, heading, altitude, which together define a "camera view". ...

Jquery Mobile - Basic Listview

    Continuing with the Jquery Mobile Examples, today we will take a look at the listviews in Jquery Mobile. Listviews are popularly used in websites and web-applications that are built on the Jquery Mobile platform and hence we will look at the various list patterns available with Jquery Mobile. Lists are used for a various purposes like data display, navigation, result lists and data entry. We will start with the most basic listview example and look through several examples over a number of posts.     A listview is simply an unordered list containing linked list items with a data-role="listview" attribute. jQuery Mobile will apply all the necessary styles to transform the list into a mobile-friendly listview with right arrow indicator that fills the full width of the browser window. When you tap on the list item, the framework will trigger a click on the first link inside the list item, issue an Ajax request for the URL in the link, create the new pag...

Four maps on the same page - Playing with events

    In today's example we will see how to add 4 maps on the same web page and then play a bit around with some events in Google Maps API. Lets have a look at the code. All that you have to do to get the code working is copy the code in a text file and save it with .html extension. Open this html file in your browser and you will see the four maps in action!     Adding the four maps on a webpage should not be a challenge anymore, and all the more after the example Two Google Maps - Side by side that I shared a few weeks back! All you need to pay attention is to the events. There are two events "drag" and "zoom_changed". As the event names suggest, when you will drag or zoom the first map (upper left map), the remaining three maps will also zoom and pan accordingly! Try it out and leave a comment of what you think of it! You can also drop your queries or doubts about the same here!     The output of the above code appears as seen in th...

CSS Text and Font

    In this post today, we will take a look at some of the most interesting CSS text and font properties listed below. text-transform white-space word-break word-spacing word-wrap font-variant Text-transform property:     Let's begin with the text-transform property. The filler text used in all the examples below has been taken from Andy Matthew's filler text generator which is a humorous replacement to the traditional boring lorem ipsum .     The text-transform property will turn your text to uppercase, lowercase and also will capitalize the first character of every word. So now you don't need any javascript to do your bidding. This transformation will be done irrespective of the special characters preceding and following the text characters. The following example will make things much more clear and editable of course =) White-space property:     The next property to explore is the white-space  proper...