P2 Data Visualization

P3 Project Statement

Background

Formula D is North America’s first official drifting competition series that started out in 2003 by Jim Liaw and Ryan Sage. Where the fastest time is not as relevant as the execution and style. The “F” of Formula D symbolizes them as the first drifting championship to have factory backed teams, first official and sanctioned competition on city streets, first to be aired on national cable, and first to be filmed and featured in HD and 3D.

Target Audiences

Fans, car enthusiasts, ages 18-34

Objectives

To let target audiences intake data in a entertaining, modern and interactive way. They can achieve the knowledge of who qualified for the tournaments, who became champion and the overall standings of the tournament.

Obstacles

The social norm would assume drifting is another form of racing, on contrary belief, drifting is less about completing the course in a shorter time and more of impressive style, execution, and consistency.

Key Benefit

Interactive way to display statistics

Support Statements/ Reasons Why

The judging system will show that its not a race against time but the impressiveness each driver displays.

Tone

Engaging

Media

PDF/Web Application

Unit 8 Reading

Relation Circles are a design pattern that resembles that of a Circular design by having information or data interconnected that displays the relativity of each set of data. An example on the use of it would be the routes of a metro bus that it connects to.

http://www.behance.net/Gallery/Information-Graphic--Bus-Ride-37-Mintutes/215694
http://www.visualcomplexity.com/vc/project_details.cfm?id=772&index=772&domain=http://labs.vis4.net/parteispenden/


Bubble charts are similar to scatter plots, they use data to plot across like what looks like a X and Y axis grid. The difference though is, that instead of dots bubble charts uses circles or "bubbles" to plot data in a two-dimensional way. Color and size are also used to consider the quantitative variables.

http://www.behance.net/gallery/Bubble-Chart/1385087
http://www.behance.net/gallery/Delhi-City-Level-Demographic-Data-Visualization/2030909

Unit 7 Reading

In Chapter 7 he introduces six interactive case studies; the first one "Virtual City Adventures" which talks about having buried treasures. If you have great content and it can't be found, it is useless and I find it like the analogy of audiences who are the pirates are unable to find hidden buried treasure. "Environmental Stewardship" is about trying to target their audiences needs. "Remembering the "Forgotten War"" is about trying to come up ways to improve ways to show physical displays/content in limited space. I find it interesting how they incorporated two medians to solve this problem. "Revitalizing a Brand" is about trying to reshape the image of Wilson Staff by incorporating CMS. A CMS would be a great way to manage a lot of content that would need to be updated. "Excavating Information" is about architecting information for audiences to be able to find additional information. Finally the last case study was "Speedy Cuisine" which is about a new fancy oven that they try to integrate emotion into, they did this by spending hours in the kitchen and trying to learn three levels of needs that included stated, observed, and the latent needs. I feel like this is a great way to soak in inspiration by emotionally attaching to the history and heritage of a specific product.

Relates to Speedy Cuisine with emotional as a tool for design

Tips on using CMS

P3 Preliminary Proposal

Interactive Data Visualization with The Formula drift standings

Interactive Data Visualization with MotoGP

Interactive Data Visualization with DJMag.com Top 100 Dj's

Unit 6 Reading

Thematic maps are usually considered as choropleth and symbol maps. They are good for representing certain data within a large space that has many areas (a continent with their countries, a country with their states, a state with its counties, a county with their cities, a city with their neighborhoods, etc). The type of data it may represent can be limitless to anything from numerical values, qualitative, categorial, etc. Some examples are like populations and election results. Thematic maps help with accurately visualizing certain topics in a certain area that belongs to a bigger area. Kind of like a big picture where you go into more depth in the finer detailed things within that.

Presidential Electoral Votes
Population of US State Capitols

Scatterplot are dots that are visualizing it like clouds that represents two metric variables. Its a mathematical diagram that would overlap each other dots but there are solutions out there to bypass this problem such as the jittered scatterplot (adding random values to each pair when a duplicate occur) and sunflower (applying a short stroke to each dot when spotting a duplicate) technique.

Age VS Size
Exercise per hour VS Machine owned per month

Unit 5 Reading

In the "Do's and Don'ts of Infographic Design" article talks about how infographic has become a strong design trait and a powerful tool to visualize massive amount of data over the years. Designing infographics takes a certain way of thinking to grasp onto the concept, not the same way as your typical brochure, website, etc. The first rule it represent is "Show don't tell" and a technique it suggests is keeping all text in one layer of the AI file then to turn it off to see if the whole design still makes sense with out the text layer visible. The second rule is that don't just use boring excel charts only, make it more visually appealing. Although typography has it uses it shouldn't be the main focus of the infographic design. The last few bits of the article are tell the story, visualizing the hook, think outside the box, wireframing the design, universal, and use a 3-color palate.

"10 Challenges Facing Information Design Today" is about how the author observed information design and came down with 10 challenges which include overproduction, misunderstanding, undervalue, fragmentation, scarcity, amnesia, misappropriation, commercialization, commodification, and de-humanization. I agree with the overproduction being theres a lot out there and when I try to find inspiration I don't always come across a good one. I somewhat disagree with the scarcity due to I am enrolled in a class that studies vastly on information design.

"Today In Horrible Infographics: 5 Keys to Creating Successful Infographics" the article first starts out with a bad example of infographic that features 5 key points; storify, visualize, simplify, timelessness and shareable. Although I don't think "storify" is an actual word but I guess I can understand them to kind of rhyme with simplify. The author was able to redo the design of the bad example into something that is clear and simple with a beginning middle and end.

A political campaign data visualization
http://blog.visual.ly/politics-and-visualization/

Resources for infographic and data visualization
http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and-infographics-resources/