Slide 1

Slide 1 text

दпച ٣੗ੋ ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 1

Slide 2

Slide 2 text

ഥച[ἆẼ] [ഥ:-/ാ:-] ˝ ಣݶ࢚ী ࢝଻৬ ࢶਸ ॄࢲ ৈ۞ о૑ ഋ࢚җ ו՛ ߄ܳ ಴അೞח ઑഋ ৘ࣿ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 2

Slide 3

Slide 3 text

दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 3

Slide 4

Slide 4 text

Ӓی٘ ੗౟ ࢻ੄ ੌਃੌ য়റ Un dimanche après-midi à l'Île de la Grande Jatte दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 4

Slide 5

Slide 5 text

207х308cm दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 5

Slide 6

Slide 6 text

1884~1886֙ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 6

Slide 7

Slide 7 text

ഥചח Ѿҗޛਸ ૒੽ Ӓܻח ೯ਤ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 7

Slide 8

Slide 8 text

दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 8

Slide 9

Slide 9 text

୭ୡ੄ ా҅੸ Ӓې೐ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 9

Slide 10

Slide 10 text

Exports & Imports to and from all NORTH-AMERICA William Playfair दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 10

Slide 11

Slide 11 text

੉Ѫب ഥച۽ ࠁ੉दաਃ? दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 11

Slide 12

Slide 12 text

Ceci n'est pas une peinture दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 12

Slide 13

Slide 13 text

৵ दпചח ഥചо ইצо? दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 13

Slide 14

Slide 14 text

੿ࠁ दпച ੿ࠁܳ दп੸ਵ۽ ಴അೞӝ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 14

Slide 15

Slide 15 text

ഥചۆ Ѿҗޛਸ ૒੽ Ӓܻח ೯ਤ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 15

Slide 16

Slide 16 text

दпച ٣੗ੋ੉ۆ Ѿҗޛ੉ Ӓ۰૑ח ߑधਸ ੿੄ೞח ೯ਤ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 16

Slide 17

Slide 17 text

੿ࠁо ઱য૑ݶ Ѿҗޛ਷ ੗ز੸ਵ۽ Ӓ۰૓׮ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 17

Slide 18

Slide 18 text

੿ࠁ৬ ӏ஗੉ ઱য૑ݶ Ѿҗޛ਷ ੗ز੸ਵ۽ Ӓ۰૓׮ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 18

Slide 19

Slide 19 text

ా҅੸ Ӓې೐੄ ੗زࢿ We cannot change the location of a point or the color of an object (assuming these are data- representing attributes) without lying about our data and violating the purpose of the statistical graphic to represent data accurately and appropriately. Consequently, the core of a graphics system must rest on specification. — The Grammar of Graphics 6p दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 19

Slide 20

Slide 20 text

ా҅੸ Ӓې೐੄ ੗زࢿ ਋ܻח ӝ੷੄ ؘ੉ఠܳ ߸҃दఃѢա ؘ੉ఠܳ ੿ഛೞҊ ੸੺ೞѱ ಴അ೧ঠೠ׮ח ా҅੸ Ӓې೗੄ ݾ੸ਸ ߓ߈ೞ ૑ ঋח ೠ, ੼ٜ੄ ਤ஖ա ё୓੄ ࢝(੉۞ೠ ਃٜࣗ਷ ؘ ੉ఠܳ ಴അೞח ࣘࢿٜ੉ۄח о੿ೞী)ٜਸ ߄Ե ࣻ হ ׮. ٮۄࢲ Ӓې೗ दझమ੄ ೨ब਷ झಖ(specification)ী ੓׮. — The Grammar of Graphics 6p दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 20

Slide 21

Slide 21 text

Ӓې೐ח ؘ੉ఠী ؀೧ࢲ ੗ز੸ਵ۽ Ӓ۰૓׮ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 21

Slide 22

Slide 22 text

Demo Numberীࢲ Ӓې೐ Ӓܻӝ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 22

Slide 23

Slide 23 text

What is specification? दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 23

Slide 24

Slide 24 text

Rules Ӓې೐о Ӓ۰૑ח ӏ஗ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 24

Slide 25

Slide 25 text

Rules that bind data with aesthetics दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 25

Slide 26

Slide 26 text

ഥച ҳ࢚੸ੋ ࣁ҅ ೞա੄ ഥച = ೞա੄ ഥച दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 26

Slide 27

Slide 27 text

दпച ୶࢚੸ੋ ࣁ҅ ೞա੄ ӏ஗ + ׮নೠ ؘ੉ఠ = ݆ࣻ਷ Ӓې೐ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 27

Slide 28

Slide 28 text

Demo Numberীࢲ Data ߸҃ೞӝ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 28

Slide 29

Slide 29 text

दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 29

Slide 30

Slide 30 text

пп੄ ର౟ఋੑ਷ Ӓې೐о Ӓ۰૑ח ӏ஗૘೤ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 30

Slide 31

Slide 31 text

Rules, Rules Rules, Rules Rules, Rules Rules, Rules Rules, Rules Rules, Rules दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 31

Slide 32

Slide 32 text

ର౟ ۄ੉࠳۞ܻ п ର౟ ఋੑ਷ Ӓې೐ܳ ࢤࢿೞח ೞա੄ ӏ஗૘೤ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 32

Slide 33

Slide 33 text

٣੗ੋػ ӏ஗૘೤ ઱য૑ח ӏ஗૘೤ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 33

Slide 34

Slide 34 text

ӏ஗ਸ ٣੗ੋೞӝ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 34

Slide 35

Slide 35 text

Data -> Aesthetics दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 35

Slide 36

Slide 36 text

Input -> Output दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 36

Slide 37

Slide 37 text

λ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 37

Slide 38

Slide 38 text

Protovis दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 38

Slide 39

Slide 39 text

تয়੄ ࣽр दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 39

Slide 40

Slide 40 text

from CSE512 दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 40

Slide 41

Slide 41 text

from CSE512 दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 41

Slide 42

Slide 42 text

from CSE512 दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 42

Slide 43

Slide 43 text

from CSE512 दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 43

Slide 44

Slide 44 text

from CSE512 दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 44

Slide 45

Slide 45 text

from CSE512 दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 45

Slide 46

Slide 46 text

from CSE512 दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 46

Slide 47

Slide 47 text

from CSE512 दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 47

Slide 48

Slide 48 text

from CSE512 दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 48

Slide 49

Slide 49 text

Declarative Language दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 49

Slide 50

Slide 50 text

ӏ஗੉ ੿೧૑Ҋ աݶ ٣੗੉ցח Ѿҗޛী ѐੑೡ ࣻ হ׮ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 50

Slide 51

Slide 51 text

दпച ٣੗੉ցۆ? ӏ஗ਸ ੿੄ೞח ࢎۈ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 51

Slide 52

Slide 52 text

ONLY ೐۽Ӓې߁ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 52

Slide 53

Slide 53 text

بݎо૑ ݃ࣁਃ दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 53

Slide 54

Slide 54 text

D3.js दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 54

Slide 55

Slide 55 text

Data Driven Document दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 55

Slide 56

Slide 56 text

Declarative Declarative Declarative दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 56

Slide 57

Slide 57 text

D3.js Example दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 57

Slide 58

Slide 58 text

Why not Pure Javascript दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 58

Slide 59

Slide 59 text

Thank you! दпച ٣੗ੋ - ഥചܳ ֈয ӏ஗ ٣੗ੋਵ۽ © nacyot 2015 - 59