Tutorial session in HCI Korea 2014 held in Kangwon Land. This tutorial provides basic knowledge like short history, related concepts, and useful methods about data visualization for beginners.

1. Introduction

2. to

3.
Data

4. Visualization

5.
:

6. History,

7. Concept,

8. Methods

9.
SONG

10. SOOKYOUNG

11.
2014.02.12.WED

13.
HCI

14. KOREA

15. 2014

17. Data

18. Visualization

19.
2

20. Infographic

21.
3

22. Contents

23.
1.History

24.
2.Concept

25.
3.Methods(Process

26. and

27. Tools)

28.
4

29. PART I.
HISTORY
5

30. Short

31. History

32. of

33.
Data

34. Visualization

35.
18C

36.
19C

37.
20C

38.
Joseph

39. Priestley

40.
John

41. Snow

42.
Jacques

43. Bertin

44.
William

45. Playfair

46.
Charles

47. J.

48. Minard

49.
John

50. Tukey

51.
F.Nightingale

52.
Edward

53. Tufte

54.
Leland

55. Wilkinson

56.
6

57. Joseph

58. Priestley

59.
영국의

60. 신학자,

61. 자연철학자,

62. 화학자,

63. 교육자(1733-1804)

64.
1769

65.
A

66. New

67. Chart

68. of

69. History

70.
7

71. 8

72. William

73. Playfair

74.
스코틀랜드의

75. 공학자,

76. 정치경제학자(1759-1823)

77.
1786

78.
The

79. Commercial

80. and

81. Political

82. Atlas

83.
Inventing

84. Bar

85. Chart,

86. Line

87. Chart,

88. and

89. Pie

90. Chart

91.
9

92. Bar

93. Chart

94.
10

95. Line

96. Chart

97.
11

98. Pie

99. Chart

100.
12

101. John

102. Snow

103.
영국의

104. 내과

105. 의사(1813-1858)

106.
1854

107.
Broad

108. Street

109. Cholera

110. Outbreak

111.
13

112. Dot

113. Map

114.
14

115. Charles

116. J.

117. Minard

118.
프랑스의

119. 도시공학자

120. (1781-1870)

121.
1869

122.
Carte

123. figurative

124. des

125. pertes

126. successives

128.
en

129. hommes

130. de

131. l'Armée

132. Française

134.
dans

135. la

136. campagne

137. de

138. Russie

139. 1812-1813

140.
Napoleon’s

141. Russian

142. Campaign

143. of

144. 1812

145.
15

146. Flow

147. Map

148.
16

149. Florence

150. Nightingale

151.
영국의

152. 통계학자,

153. 간호사(1820-1910)

154.
1873

155.
Mortality

156. of

157. the

158. Civil

159. Population

160. in

161. England

162.
17

163. Rose

164. Diagram

165.
18

166. Jacques

167. Bertin

168.
프랑스의

169. 지도제작자

170. (1918-2010)

171.
1967

172.
Sémiologie

173. Graphique.

175.
Les

176. diagrammes,

177. les

178. réseaux,

179. les

180. cartes.

181.
Semiology

182. of

183. Graphics

185.
:

186. Diagrams,

187. Networks,

188. Maps

189.
(1983)

190.
19

191. Diagrams

192.
Planar

193. Dimensions

194.
Size

195.
Value

196.
Texture

197.
Color

198.
Orientation

199.
Shape

200.
20

201. Networks

202.
Composition

203.
Linear

204.
Circular

205.
Grid

206.
Organized

207. Grid

208.
Cubic

209.
21

210. Maps

211.
22

212. John

213. W.

214. Tukey

215.
미국의

216. 통계학자

217. (1915-2000)

218.
1977

219.
Exploratory

220. Data

221. Analysis

222.
23

223. EDA

224. Exploratory

225.
Data

226.
Analysis

227.
Graphical

228. Techniques

229.
Box

230. Plot

231.
Histogram

232.
Run

233. Chart

234.
Pareto

235. Chart

236.
Scatter

237. Plot

238.
Stem-and-Leaf

239. Plot

240.
Parallel

241. Coordinates

242.
Odds

243. ratio

244.
Multidimensional

245. Scaling

246.
Principal

247. Component

248. Analysis

249.
Multilinear

250. PCA

251.
24

252. Box

253. Plot

254.
25

255. Edward

256. R.

257. Tufte

258.
미국의

259. 통계학자

260. (1942~)

261.
1983

262.
The

263. Visual

264. Display

265. of

266.
Quantitative

267. Information

268.
1997

269.
Visual

270. Explanations:

271.
Images

272. and

273. Quantities,

275.
Evidence

276. and

277. Narrative

278.
26

279. Small

280. Multiple

281.
27

282. Sparkline

283.
28

284. Leland

285. Wilkinson

286.
미국의

287. 통계학자,

288. 컴퓨터

289. 과학자

290.
2005

291.
The

292. Grammar

293. of

294. Graphics

295.
29

296. Graphical

297.
Pipeline

298.
Graphical

299. Pipeline

300.
Variables

301.
Algebra

302.
Scales

303.
Statistics

304.
Geometry

305.
Coordinates

306.
Aesthetics

307.
Renderer

308.
30

309. ggplot2

310. in

311. R

312.
Wickham(2009)

313.
31

314. PART II.
CONCEPT
32

315. 4

316. Concepts

317.
Infographic

318.
Information

319.
Design

320.
Data

321.
Visualization

322.
Visual

323.
Analytics

324.
33

325. Data

326. Visualization

327.
the

328. use

329. of

330. computer-supported,

331. interactive,

332.
visual

333. representations

334. of

335. abstract

336. data

337. to

338.
amplify

339. cognition

340.
34

341. Scientific

342. Visualization

343.
Scientific

344. Visualization

345. (SciVis)

346. applies

347. visualization

348. to

349. scientific

350. data,

351. typically

352.
physical

353. data

354. (the

355. human

356. body,

357. the

358. earth,

359. molecules,

360. or

361. other)

362. to

363. enable

364.
scientists

365. to

366. perceive

367. certain

368. phenomena

369. in

370. the

371. data

372.
Molecular

373. Visualization

374. of

375. DNA

376.
35

377. Information

378. Visualization

379.
Information

380. Visualization

381. (InfoVis)

382. focuses

383. on

384. visualizing

385. non-physical,

386.
abstract

387. data

388. such

389. as

390. financial

391. data,

392. business

393. information,

394. document

395.
collections,

396. and

397. abstract

398. conceptions

399.
Out

400. of

401. Sight,

402. Out

403. of

404. Mind.

405.
36

406. GeoVisualization

407.
Geo-spatial

408. data

409. is

410. special

411. since

412. it

413. describes

414. objects

415. or

416. phenomena

417. that

418. are

419.
related

420. to

421. a

422. specific

423. location

424. in

425. the

426. real

427. world.

429.
Wind

430. Map

431.
37

432. Visual

433. Analytics

434.
the

435. science

436. of

437. analytical

438. reasoning

439. facilitated

440. by

441.
interactive

442. visual

443. interfaces

444.
(Thomas

445. and

446. Cook,

447. 2005)

448.
38

449. MicroStrategy

450.
39

451. Information

452. Design

453.
the

454. practice

455. of

456. presenting

457. information

458. in

459. a

460. way

461.
that

462. fosters

463. efficient

464. and

465. effective

466.
understanding

467. of

468. it

469.
40

470. Travel

471. Times

472. on

473. Commuter

474. Rail

475.
41

476. Infographic

477.
the

478. graphic

479. visual

480. representations

481. of

482.
information,

483. data

484. or

485. knowledge

486. intended

487. to

488.
present

489. complex

490. information

491. quickly

492. and

493. clearly

494.
42

495. Infographic

496. of

497. Infographics

498.
43

499. Infographic

500.
Information

501.
Design

502.
Data

503.
Visualization

504.
Visual

505.
Analytics

506.
44

507. Informative

508.
Infographic

509.
Information

510.
Design

511.
Interactive

513.
Data

514.
Visualization

515.
Graphical

516.
Visual

517.
Analytics

518.
Analytical

519.
45

520. PART III.
PROCESS
46

521. Data

522. Visualization

523. Process

524.
Visual

525.
Form

526.
Data

527.
Raw

529.
Data

530.
Data

531.
Tables

532.
Data

533.
Transformation

534.
Visual

535.
Structures

536.
Visual

537.
Mapping

538.
Views

539.
View

540.
Transformations

541.
Human

542.
Interaction

543.
Information

544. Visualization

545. Reference

546. Model

547. by

548. S.K.Card

549.
47

550. Data

551. Transformation

552.
(hierarchies)

553.
Data

554. types

555. by

556. Shneiderman(1996)

557.
48

558. Univariate

559. data

560.
*Data

561. Visualization

562. by

563. Jarvinen(2013)

564.
bar

565. chart

566.
line

567. chart

568.
histogram

569.
pie

570. chart

571.
49

572. Bivariate

573. data

574.
scatterplot

575.
*Data

576. Visualization

577. by

578. Jarvinen(2013)

579.
bubbleplot

580.
50

581. Multivariate

582. data

583.
parallel

584. coordinates

585.
cluster

586. dendrogram

587.
*Data

588. Visualization

589. by

590. Jarvinen(2013)

591.
scatterplot

593.
matrix

597.
correlation

599.
matrix

603.
correlation

605.
networks

606.
glyphs

607.
PCA(Principal

608. Component

609. Analysis)

610.
51

611. Visual

612. Mapping

613.
Ranking

614. of

615. perceptual

616. tasks

617. by

618. Cleveland

619. and

620. McGill(1984)

621.
52

622. View

623. Transformations

624.
Classification

625. of

626. Visual

627. Data

628. Exploration

629. Techniques

630. by

631. Keim

632.
53

633. Mistakes

634. in

635. Visualization

636.
16

637. Userless

638. Infographics

639.
54

640. Mistakes

641. in

642. Visualization

643.
16

644. Userless

645. Infographics

646.
55

647. Mistakes

648. in

649. Visualization

650.
16

651. Userless

652. Infographics

653.
56

654. Mistakes

655. in

656. Visualization

657.
16

658. Userless

659. Infographics

660.
57

661. Mistakes

662. in

663. Visualization

664.
16

665. Userless

666. Infographics

667.
58

668. PART IV.
TOOLS
59

669. Many

670. Eyes

671.
Many

672. Eyes

673. (IBM)

674.
60

675. Tableau

676.
Tableau

677. Public

678.
61

679. d3.js

680.
d3(data-driven

681. documents)

682.
62

683. R

684. Studio

685.
R

686. Studio

687.
63

688. ggplot2

689. in

690. R

691.
An

692. implementation

693. of

694. the

695. Grammar

696. of

697. Graphics

698. by

699. Leland

700. Wilkinson

701.
“In

702. brief,

703. the

704. grammar

705. tells

706. us

707. that

708. a

709.
statistical

710. graphic

711. is

712. a

713. mapping

714. from

715. data

716.
to

717. aesthetic

718. attributes

719. (color,

720. shape,

721. size)

722.
of

723. geometric

724. objects

725. (points,

726. lines,

727. bars).

728.
The

729. plot

730. may

731. also

732. contain

733. statistical

734.
transformations

735. of

736. the

737. data

738. and

739. is

740. drawn

741.
on

742. a

743. specific

744. coordinate

745. system”

747.
from

748. ggplot2

749. book

750.
64

751. download

752. R

753. and

754. R

755. Studio

756.
65

757. installing

758. packages

759.
66

760. 67

761. Factor

762. label

763. information

764. for

765.
annotation

766.
68

767. drawing

768. qplot

769.
X

770. coord

771.
y

772. coord

773.
data

774. frame

775.
69

776. 70

777. modifying

778. aesthetics

779.
color

780. aesthetic

781.
71

782. auto

783. legend

784.
placement

785.
72

786. adding

787. a

788. geom

789.
adding

790. geom

791.
73

792. 74

793. PART
V.
TANGIBLE
DATA
Sookyoung Song 2013.
All rights reserved.
75

794. Data

795. Anatomy

796. [Civic]

797. A

798. data-driven

799. display

800. Ryoji

801. Ikeda

802. explore

803. the

804. interior

805. of

806. an

807. automobile

808.
76

809. Data

810. Necklace

811. :

812. Wear

813. your

814. tweets

815.
77

816. Physical

817. data

818. sculpture

819.
78

820. World’s

821. data

822. pulsates

823. through

824. one-of-a-kind

825. chandelier

826.
79

827. 감사합니다.
visualvoice@gmail.com