Data Visualisation Techniques and Polish Workshop - Visualizing Marathon

Our Process Iteration Explore and analyse Develop detailed data. Deﬁne design and Develop and deploy requirements and visualisation visualisation conceptual design. prototypes. Feedback Exploration Design DevelopmentGather and review data Create interactive prototypes Develop select visualisationAssess audience needs Design technical architecture Implement server backendSketch conceptual designs Design detailed interactions Handover and trainingProduce data proﬁle

Author driven vs Viewer driven Martini Glass Author driven, linear narrative initially Opens up to viewer driven at end Tell a story then exploration e.g. Interactive news Interactive Slideshow Balance of author and viewer driven Exploration at each stage Primarily linear narrative Drill Down Story Viewer driven narrative Initial high level overview Viewer then drills into detail e.g. Interactive map J. Heer

Form Visual EncodingOrientation Line Length Line Width SizeShape Curvature Enclosure MotionColour PositionIntensity Hue 2-D Position Grouping Ware

Gestalt Principles of Visual Perception Similarity Similarity Connection Continuity Closure Enclosure Proximity Proximity Proximity

Tricks and techniquesCurves Circles Fade and HighlightMotion Radial Motion RotationColour and opacity Interaction Flink Labs

Ghost Counties

UN Global Pulse Challenge

World Economic ForumData Visualisation Challenge

World Water Day Visualisation Challenge

Things to watch out for!

Data Visualisation Techniques and Polish Workshop - Visualizing Marathon

by Flink Labs on Sep 26, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

Data Visualisation Techniques and Polish Workshop - Visualizing Marathon — Presentation Transcript