Visualizing Tables Tables Rows of records (items), and - - PowerPoint PPT Presentation

visualizing tables tables
SMART_READER_LITE
LIVE PREVIEW

Visualizing Tables Tables Rows of records (items), and - - PowerPoint PPT Presentation

Visualizing Tables Tables Rows of records (items), and each item has one or mul;ple columns A table has keys and values Keys:


slide-1
SLIDE 1

Visualizing ¡Tables ¡ ¡

slide-2
SLIDE 2

Tables ¡ ¡

  • Rows ¡of ¡records ¡(items), ¡and ¡each ¡item ¡has ¡
  • ne ¡or ¡mul;ple ¡columns ¡
  • A ¡table ¡has ¡keys ¡and ¡values ¡

– Keys: ¡independent ¡aAributes ¡that ¡can ¡look ¡up ¡ items ¡in ¡the ¡table ¡ ¡ – Values: ¡dependent ¡aAributes, ¡i.e. ¡,the ¡values ¡of ¡ cells ¡in ¡the ¡table ¡ ¡ ¡

slide-3
SLIDE 3

Arrange ¡Tables ¡ ¡

Use ¡of ¡spa;al ¡channels ¡for ¡ ¡ visual ¡encoding ¡

slide-4
SLIDE 4

Express ¡Quan;ta;ve ¡Values ¡

  • Map ¡the ¡value ¡to ¡a ¡spa;al ¡posi;on ¡along ¡an ¡axis ¡ ¡
  • Addi;onal ¡aAributes ¡can ¡be ¡encoded ¡on ¡the ¡

same ¡mark ¡with ¡other ¡nonspa;al ¡channels ¡such ¡ as ¡color ¡and ¡size. ¡ ¡

  • Example: ¡scaAerplots ¡ ¡

– Encode ¡two ¡quan;ta;ve ¡aAributes ¡using ¡the ¡ver;cal ¡ and ¡horizontal ¡posi;on ¡channel ¡ ¡ – Mark: ¡points ¡ ¡ – Tasks: ¡finding ¡outliners, ¡extreme ¡values, ¡and ¡ correla;on ¡between ¡the ¡aAributes ¡ ¡

slide-5
SLIDE 5

Example: ¡ScaAerplots ¡

  • sfd ¡

Derived ¡quan;;es ¡used ¡to ¡create ¡ ScaAeplots ¡some;mes ¡can ¡show ¡aAribute ¡ correla;on ¡ ¡ Bubble ¡plot ¡ Nega;ve ¡correla;on ¡ ¡

slide-6
SLIDE 6

Encode ¡Categorical ¡AAributes ¡ Separate, ¡Order ¡and ¡Align ¡

  • Spa;al ¡posi;on ¡is ¡not ¡the ¡best ¡channel ¡because ¡it ¡
  • Ren ¡implies ¡ordered ¡magnitude ¡
  • But ¡spa;al ¡proximity ¡or ¡region ¡matches ¡well ¡with ¡

categorical ¡data ¡ ¡

  • Separate ¡data ¡with ¡a ¡categorical ¡aAribute ¡into ¡

regions ¡ ¡

  • Order ¡the ¡regions ¡based ¡on ¡an ¡ordered ¡aAribute ¡ ¡
  • ¡Align ¡the ¡regions ¡and ¡also ¡items ¡within ¡a ¡region ¡

to ¡encode ¡yet ¡another ¡ordered ¡aAributes ¡ ¡

slide-7
SLIDE 7

Example: ¡Bar ¡Charts ¡

Bar ¡Charts ¡ Stacked ¡Bar ¡Charts ¡

slide-8
SLIDE 8

Example: ¡StreamGraphs ¡

slide-9
SLIDE 9

Dot ¡Charts ¡and ¡Line ¡Charts ¡

  • ¡Line ¡and ¡dot ¡charts ¡should ¡use ¡ordered ¡keys ¡but ¡not ¡categorical ¡keys ¡
  • Banking ¡to ¡the ¡45 ¡ ¡-­‑ ¡adjust ¡the ¡aspect ¡ra;o ¡so ¡that ¡a ¡majority ¡of ¡line ¡ ¡

¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡segments ¡are ¡of ¡45 ¡degrees ¡ ¡

slide-10
SLIDE 10

Align ¡Two ¡Keys: ¡Matrix ¡ ¡

  • Arrange ¡data ¡with ¡two ¡keys ¡ ¡
  • Example: ¡Heatmap ¡ ¡

Cluster ¡Heatmap ¡ ¡ Dendrogram ¡ ¡

slide-11
SLIDE 11

Example: ¡ScaAerplot ¡Matrix ¡(SPLOM) ¡

slide-12
SLIDE 12

Spa;al ¡Axis ¡Orienta;on ¡ ¡

  • Rec;linear ¡layout: ¡horizontal ¡and ¡ver;cal ¡axes ¡

– Everything ¡we ¡have ¡seen ¡so ¡far ¡ ¡

  • Parallel ¡layout: ¡most ¡useful ¡when ¡there ¡are ¡more ¡

than ¡2 ¡axes ¡ ¡

  • Parallel ¡Coordinates ¡ ¡

– Arrange ¡axes ¡ver;cally ¡ ¡ ¡ ¡ ¡in ¡parallel ¡ ¡ – A ¡item ¡with ¡mul;ple ¡ ¡ ¡ ¡aAributes ¡is ¡ploAed ¡by ¡ ¡ ¡ ¡connec;ng ¡the ¡values ¡ ¡ ¡ ¡in ¡the ¡axes ¡ ¡

slide-13
SLIDE 13

Parallel ¡Coordinates ¡Plots ¡(PCP) ¡ ¡

  • Combine ¡all ¡aAributes ¡in ¡a ¡single ¡plot ¡ ¡
slide-14
SLIDE 14

Parallel ¡Coordinates ¡Plots ¡(PCP) ¡ ¡

  • Can ¡be ¡used ¡to ¡show ¡correla;ons ¡of ¡variables ¡ ¡ ¡ ¡
slide-15
SLIDE 15

Parallel ¡Coordinates ¡Plots ¡(PCP) ¡ ¡

  • Difficult ¡to ¡scale ¡to ¡thousands ¡of ¡items ¡ ¡
slide-16
SLIDE 16

Radial ¡Layouts ¡ ¡

  • Items ¡are ¡distributed ¡around ¡a ¡circle ¡using ¡the ¡

angle ¡channel ¡

  • ORen ¡use ¡polar ¡coordinate ¡system ¡(θ ¡and ¡r ¡) ¡

angle ¡around ¡the ¡circle ¡and ¡the ¡radius ¡

– The ¡angle ¡channel ¡is ¡less ¡accurately ¡perceived ¡ than ¡posi;on ¡ – It ¡is ¡inherently ¡cyclic ¡ ¡ – The ¡two ¡aAributes ¡are ¡not ¡symmetric ¡ ¡ – Good ¡at ¡showing ¡periodic ¡paAern ¡ ¡ ¡

Polar ¡coordinate ¡system ¡ ¡

slide-17
SLIDE 17

Radial ¡Bar ¡Charts ¡and ¡Pie ¡Charts ¡

  • ­‑ ¡ ¡Pie ¡Charts ¡are ¡problema;c ¡in ¡the ¡sense ¡that ¡area ¡percep;on ¡is ¡not ¡ ¡

as ¡sensi;ve ¡as ¡length ¡percep;on ¡ ¡

  • ­‑ ¡ ¡Polar ¡Pie ¡Charts ¡can ¡fix ¡this ¡problem ¡
  • ­‑ ¡ ¡Both ¡Pie ¡Charts ¡can ¡show ¡the ¡part ¡contribu;on ¡to ¡the ¡sum ¡but ¡ ¡

this ¡is ¡difficult ¡for ¡bar ¡charts ¡ ¡ ¡ ¡