Putting History Into Perspective
This is an ongoing project of mine that aims to teach the history of German U-Boats during the second World War. U-Boats are a truly fascinating topic, that have been made legendary by movies, games, novels, and TV shows. Despite the interest however, many people, including myself, don't understand them. Many people don't understand their role in the war, or how they operated. This project is a series of studies that aim to entertain and educate the audience, and perhaps challenge what they thought they knew about U-Boats. These studies have also been great practice in doing data analysis, story telling, visual design, and development.
Above you see a rough prototype illustrating the patrols of all U-Boats during the war. While basic, this visualization immediately highlights a few things most likely unfamiliar to the audience. First, most people have no concept of the scale of their operations. This visualization puts this into basic terms and is easily grasped while observing the map. Second, this visualization clearly illustrates where they operated. This is a key insight, that with a little background knowledge, can help you understand the strategy of the German Navy.
Future
I plan to make this project more extensive an create a compelling narrative that will educate and entertain viewers, similar to work being done at the New York Times [1][2]. These are some exploratory studies that incorporate the data I've gathered and analyzed, and different presentation techniques.
Ideation Sketches
Dataset Exploration
![a](../static/images/uboat/chart-composites.png)
Style Studies
![a](../static/images/uboat/Paper-Composites.png)
![a](../static/images/uboat/Orthographic-Ship-01.png)
![a](../static/images/uboat/depth-charge-page-06.png)
![a](../static/images/uboat/crew-breakdown-06.png)
Asset Renderings
![a](../static/images/uboat/screenshot-render.png)
![a](../static/images/uboat/naval-mine.png)
![a](../static/images/uboat/type-7-illustration-with-wireframe-02.png)
![a](../static/images/uboat/chromed-out.png)