book

Beautiful Visualization

by Julie Steele, Noah Iliinsky

June 2010

Beginner

415 pages

14h 7m

English

O'Reilly Media, Inc.

Read now

Unlock full access

How This Book Is OrganizedConventions Used in This BookUsing Code ExamplesHow to Contact UsSafari® Books OnlineAcknowledgments
What Is Beauty?NovelInformativeEfficientAestheticLearning from the ClassicsThe Periodic Table of the ElementsThe London Underground MapOther Subway Maps and Periodic Tables Are Weak ImitationsHow Do We Achieve Beauty?Step Outside Default FormatsMake It InformativeIntended messageContext of use.Make It EfficientVisually emphasize what mattersUse axes to convey meaning and give free informationSlice along relevant divisionsUse conventions thoughtfullyLeverage the AestheticsPutting It Into PracticeConclusion
Question + Visual Data + Context = StorySteps for Creating an Effective VisualizationFormulate the QuestionGather the DataApply a Visual RepresentationSizeColorLocationNetworksTimeUsing multiple visual presentation methodsHands-on Visualization CreationData TasksGathering the dataSorting the data: The discovery versionSorting the data: The technical versionFormulating the QuestionGrouping the dataApplying the Visual PresentationA note about area and circlesPresenting the data with country mapsBuilding the VisualConclusion
Wordle's OriginsAnatomy of a Tag CloudFilling a Two-Dimensional SpaceHow Wordle WorksText AnalysisFinding wordsDetermining the scriptGuessing the language and removing stop wordsAssigning weights to wordsLayoutWeighted words into shapesThe playing fieldPlacementIntersection testingIs Wordle Good Information Visualization?Word Sizing Is NaïveColor Is MeaninglessFonts Are FancifulWord Count Is Not Specific EnoughHow Wordle Is Actually UsedUsing Wordle for Traditional InfovisConclusionAcknowledgmentsReferences
Why Use Color in Data Graphics?1. Vary Your Plotting Symbols2. Use Small Multiples on a Canvas3. Add Color to Your DataSo Why Bother with Color?If Color Is Three-Dimensional, Can I Encode Three Dimensions with It?Luminosity As a Means of Recovering Local DensityLooking Forward: What About Animation?MethodsConclusionReferences and Further Reading
The Need for a Better ToolLondon CallingNew York BluesBetter Tools Allow for Better ToolsSize Is Only One FactorLooking Back to Look ForwardNew York's Unique ComplexityGeography Is About RelationshipsInclude the EssentialsLeave Out the ClutterColoring Inside the LinesSweat the Small StuffTry It OnUsers Are Only HumanA City of NeighborhoodsOne Size Does Not Fit AllConclusion
Techniques and DataColorMotionAnomalies and ErrorsConclusionAcknowledgments
Early Social GraphsSocial Graphs of Amazon Book Purchasing DataDetermining the Network Around a Particular BookPutting the Results to WorkSocial Networks of Political BooksConclusionReferences
Building the VisualizationGathering the Raw DataComputing the Voting Affinity MatrixVisualizing the Data with GraphVizThe Story That EmergedWhat Makes It Beautiful?And What Makes It Ugly?LabelsOrientationParty AffiliationConclusionReferences

The Visualization TechniqueYELLOWPAGES.COMQuery LogsCategorical SimilarityVisualization As a Substrate for AnalyticsThe VisualizationAdvantages and Disadvantages of the TechniqueThe Netflix PrizePreference SimilarityLabelingCloser LooksCreating Your OwnConclusionReferences
Visualizing Social NetworksWho Wants to Visualize Social Networks?The Design of SocialActionCase Studies: From Chaos to BeautyThe Social Network of Senatorial VotingThe Social Network of TerroristsReferences
Depicting Group EditingThe DataHistory Flow: Visualizing Edit HistoriesAge of EditAuthorshipIndividual AuthorsHistory Flow in ActionCommunicating the ResultsChromogram: Visualizing One Person at a TimeShowing All the DataWhat We SawAnalyzing the DataConclusion
Categorical DataParallel SetsVisual RedesignA New Data ModelThe Database ModelGrowing the TreeParallel Sets in the Real WorldConclusionReferences
Briefing and Conceptual DirectionsUnderstanding the Data SituationExploring the DataFirst Visual DraftsThe Visual PrincipleThe Final ProductAll SubmissionsBy PrizeBy CategoryBy CountryBy YearBy Year and CategoryExhibitionConclusionAcknowledgmentsReferences
The More, the Better?Databases As NetworksData Model Definition Plus EmergenceNetwork DimensionalityThe Matrix MacroscopeReducing for ComplexityFurther Matrix OperationsThe Refined MatrixScaling UpFurther ApplicationsConclusionAcknowledgmentsReferences
Getting Data: The Article Search APIManaging Data: Using ProcessingThree Easy StepsFaceted SearchingMaking ConnectionsConclusion
Collecting Some DataLet's Clean 'Em FirstPython, Map/Reduce, and HadoopThe First Pass at the VisualizationProcessingThe Underlay MapNow, Where's That Data We Just Processed?Scene 1, Take 1No ScaleNo Sense of TimeTime-LapseScene 1, Take 2Let's Run This Thing and See What Happens!The Second Pass at the VisualizationBack to That Scale ProblemMassaging the Data Some MoreThe New Data FormatVisual Scale and Other Visualization OptimizationsGetting the Time Lapse WorkingSemiautomatingMath for Rendering Time-Lapse VideoSo, What Do We Do with This Thing?ConclusionAcknowledgments
Our Multimodal ArenaOur Roadmap to Creative ThinkingBeauty and SymmetryThe Computational MediumInterpretation As a FilterProject DiscussionAllobrainArtificial NatureHydrogen BondHydrogen AtomHydrogen Atom with SpinCoherent Precession of Electron SpinConclusionReferences
BackgroundImpact on Forensic WorkThe Virtual Autopsy ProcedureData AcquisitionComputed tomography: Use of dual energy CTMRI: Use of synthetic magnetic resonance imagingVisualization: Image AnalysisObjective DocumentationAdvantages and Disadvantages of Virtual AutopsyThe Future for Virtual AutopsiesConclusionReferences and Suggested Reading
Principles of AnimationAnimation in Scientific VisualizationLearning from CartooningThe Downsides of AnimationGapMinder and Animated ScatterplotsToo many dots?Testing Animated ScatterplotsExploration with animation is slowerAnimation is less accuratePresentation Is Not ExplorationTypes of AnimationDynamic Data, Animated RecenteringA Taxonomy of AnimationsStaging Animations with DynaVisPrinciples of AnimationConclusion: Animate or Not?Further ReadingAcknowledgmentsReferences
Visualization: It's an Elephant.Visualization: It's Art.Visualization: It's Business.Visualization: It's Timeless.Visualization: It's Right Now.Visualization: It's Coded.Visualization: It's Clear.Visualization: It's Learnable.Visualization: It's a Buzzword.Visualization: It's an Opportunity.

Content preview from Beautiful Visualization

Chapter 20. Visualization: Indexed.

Jessica Hagy

Visualization: It's an Elephant.

VISUALIZATION. To one person, it's charts and graphs and ROI. To another, it's illustration and colorful metaphor and gallery openings. To a third, it's that wonderfully redundant compound word: infographics. Visualization. It's a term that's been pulled and yanked like so much conceptual taffy. It's like that old tale of three blindfolded men who are asked to describe an elephant. One touches the elephant's tail and says, "An elephant is like a rope." Another touches the elephant's leg and says, "An elephant is like a tree trunk." The third man touches the elephant's trunk and says, "An elephant is like a snake." None of them is completely wrong, but none is completely right, because none of them can see the entire animal (Figure 20-1).

Visualization is only something (and everything) you can see. It's both the entire mosaic and a single, sparkling tessera. It's not just graphs. It's not just visual metaphors. It's not just graphic design in service instead of bullet points. It's not just sketching out ideas. It's not just data analysis. Those are just slivers of the larger concept.

Really good, beautiful, powerful visualization—visualization that touches both the mind and the heart—isn't just about an image, a snapshot, or a glance through a windowpane (Figure 20-2). Powerful visualization passes the elephant test: it's practically impossible to describe, but instantly recognizable. This chapter will ...