Introduction Workshop - Visualizing Marathon Data Visualisation

Melbourne Trains

Author driven vs Viewer driven

Melbourne Taxis

Exploration and Engagement

The Data’s Journey

Tell a story that you can interact with

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

Not just the averages

Draw the viewer into the data

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

Expanding Toolsets

“Real artists ship”Don’t over reachFocus on the story of the dataUse visual encoding wiselyDon’t make your viewer work too hard at the start

Introduction Workshop - Visualizing Marathon Data Visualisation

by Flink Labs

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Introduction Workshop - Visualizing Marathon Data Visualisation Presentation Transcript