4.

(on Scrapbox)

Twitter
: #sfcid2017

Scrapbox
sfc-id2017-CNS


Visualizing Data
Processing


(Information Visualization)




3
綿使





AVS

//

Stuart Card
Ben Shneiderman
Bret Victor
Mike Bostock
Edward Tufte

Stuart Card
Xerox PARC
Information Visualization

Ben Shneiderman
University of Maryland
/

ShneidermanUI
Gyazo

Bret Victor
Gyazo
AppleUI
> Victor

Video: Inventing on Principle

Mike Bostock
D3
Gyazo

d3.expressmedium.com

Video: Design is a search problem

Edward Tufte

focus+context:

3
(/)
/

(Direct Manipulation)
(Dynamic Query)
/

Xerox PARC
InfoVis
?

鹿
,

Flash, Java, JavaScript
/調
JS (Node)

TreeMap...
退
?

/Web/
or
Jock Mackinley

使

Gyazo



3D
Parallel Coordinates
FishEye
Treemap
HyperbolicTree
Sparklines
SOM



(Scatter Plot)



Parallel Coordinates

FisheyeView
Degree of Interest = A Priori Interest - Distance

/
mixiGraph


TreeMap
2
/

TreeMap



Newsmap

TreeMap +
Hive Group

HyperbolicTree
``Hyperbolic Space''()
StarTree

StarTree

: TreeViz

Sparklines

Piccolo @ UMD

Pad
/

Video: Pad

Pad++
Pad
/ Overview+Detail / etc.
= Piccolo

Contextual Zooming
TableLens
DateLens

TableLens
/




+
WING
LensBar

: WING
1D/2D/3D

: LensBar
+

:
2014

FacetMap
Grokker

FacetMap



(SOM)
2







Sparklines

Inxight
SAP
HCIL
Spotfire
HCIL

/
GraphViz @ ATT
Protovis @ Stanford

...

Information Parcolator

2

1

2


Pinwheels by

Ambient Orb






{All the contents available on the Web}
10


Visualizing Data
Processing