1
00:00:00,000 --> 00:00:00,780

2
00:00:00,780 --> 00:00:11,880
>> [MUSIC Playing]

3
00:00:11,880 --> 00:00:16,480
>> DAVID Chouinard: Unë jam David
Chouinard, dhe kjo është D3.

4
00:00:16,480 --> 00:00:17,700
Mirë se vini.

5
00:00:17,700 --> 00:00:21,270
Ne jemi duke shkuar për të mësuar në lidhje D3 sot.

6
00:00:21,270 --> 00:00:25,020
D3 është një kornizë JavaScript
për ndërtimin e një cilësi të lartë

7
00:00:25,020 --> 00:00:28,110
visualizations interaktive për web.

8
00:00:28,110 --> 00:00:30,870
Gjëra të tilla si ajo që ne jemi
duke parë në pasme të mua,

9
00:00:30,870 --> 00:00:34,230
ne jemi duke shkuar për të mësuar për të bërë ato
gjëra, lloj nga bazat e saj.

10
00:00:34,230 --> 00:00:36,452
Por ajo do të jetë i freskët.

11
00:00:36,452 --> 00:00:38,160
Le të ketë filluar
duke bërë fotografi të mira.

12
00:00:38,160 --> 00:00:41,108

13
00:00:41,108 --> 00:00:44,350
Ne kemi marrë shumë popull
e perspektivave në dispozicion.

14
00:00:44,350 --> 00:00:48,040

15
00:00:48,040 --> 00:00:50,760
Le të bëjmë atë.

16
00:00:50,760 --> 00:00:58,700
>> Akti I, DOM manipulation-- ne jemi duke shkuar
të fillojë menjëherë duke e bërë gjërat e ftohtë.

17
00:00:58,700 --> 00:01:01,240
Para së gjithash, në të majtë, ne kemi kod.

18
00:01:01,240 --> 00:01:03,470
Në të djathtë, ne kemi
rezultat i kodit tonë.

19
00:01:03,470 --> 00:01:04,900
Le të shkojnë nëpërmjet saj.

20
00:01:04,900 --> 00:01:05,780
>> Le të bëjë një rreth.

21
00:01:05,780 --> 00:01:08,570
Si e bën atë të shëndoshë?

22
00:01:08,570 --> 00:01:14,934
svg.append circle--
ne vetëm e bëri një rreth.

23
00:01:14,934 --> 00:01:16,100
Ju nuk më besoni, apo jo?

24
00:01:16,100 --> 00:01:18,190
Kjo nuk është atje.

25
00:01:18,190 --> 00:01:21,830
>> Pra, ajo që ne e bëmë të drejtë këtu është,
SVG është grafikë vektoriale e shkallëzuar.

26
00:01:21,830 --> 00:01:27,530
Kjo është mënyra që ne tregoni shfletuesit të
bëni grafikë vektoriale në shfletuesin.

27
00:01:27,530 --> 00:01:30,740
Ajo që ne vetëm e bëri të drejtë tani
është shtuar një rreth për të shfletoni.

28
00:01:30,740 --> 00:01:34,790
>> Premtimi është se rrethit
kërkon një grimë e atributeve themelore

29
00:01:34,790 --> 00:01:36,850
para se ne fakt mund të shihni atë.

30
00:01:36,850 --> 00:01:40,045
Ne kemi nevojë për të të treguar atë pozicionin e saj x,
pozita e saj y, rreze e saj.

31
00:01:40,045 --> 00:01:43,310
Ne nuk e them atë ndonjë nga se,
kështu që ne nuk jemi duke parë atë të drejtë tani.

32
00:01:43,310 --> 00:01:46,210
Por le të them atë stuff.

33
00:01:46,210 --> 00:01:49,510
>> Pra, para së gjithash, ju keni marrë
për të dhënë rrethin tonë të një emër.

34
00:01:49,510 --> 00:01:53,070
Pra, le të thërrasë atë rreth.

35
00:01:53,070 --> 00:01:54,406
Rrethi ynë ka një emër tani.

36
00:01:54,406 --> 00:01:57,230

37
00:01:57,230 --> 00:01:59,490
Dhe le të dhënë atë një atribute pak.

38
00:01:59,490 --> 00:02:03,690
Si rreth CX do të përqendrohem x, kështu
qendra e pozicionit x.

39
00:02:03,690 --> 00:02:06,730
Le të themi, 200 për 200 pixels.

40
00:02:06,730 --> 00:02:10,220
>> Le t'i jepte një y prej 200 pixels si.

41
00:02:10,220 --> 00:02:16,032
Dhe një r, një rreze, prej rreth 40 pixels.

42
00:02:16,032 --> 00:02:16,950
Tani le të shohim.

43
00:02:16,950 --> 00:02:21,740

44
00:02:21,740 --> 00:02:23,440
Unë nuk mund të spell.

45
00:02:23,440 --> 00:02:30,430

46
00:02:30,430 --> 00:02:31,520
>> Nuk ju shkoni.

47
00:02:31,520 --> 00:02:37,330
Ne kemi një rreth në pozicionin 200
pixels, 200 pixels, radius prej 40 pixels.

48
00:02:37,330 --> 00:02:38,280
Lloji i ftohtë, e drejtë?

49
00:02:38,280 --> 00:02:38,988
Ne kemi një rreth.

50
00:02:38,988 --> 00:02:40,880
Vërtet.

51
00:02:40,880 --> 00:02:42,670
>> Pra, nuk ka nevojë të ndjekin së bashku.

52
00:02:42,670 --> 00:02:45,790
Të gjitha këto shembuj, të gjitha të
Kodi unë jam duke bërë sot

53
00:02:45,790 --> 00:02:51,300
do të sigurohet në internet në fund
në formën e shembujve interaktive

54
00:02:51,300 --> 00:02:54,010
me pikat e kontrollit në
çdo akt, dhe kështu me radhë.

55
00:02:54,010 --> 00:02:55,160
>> Le të bëjë më shumë gjëra.

56
00:02:55,160 --> 00:02:58,901
Ky rreth i zi është me të vërtetë e shëmtuar.

57
00:02:58,901 --> 00:03:01,541
Më vjen keq për këtë gabim
Mesazhet e drejtë atje.

58
00:03:01,541 --> 00:03:05,340
Ka ne do të shkojmë.

59
00:03:05,340 --> 00:03:06,350
>> Le t'i jepte një ngjyrë.

60
00:03:06,350 --> 00:03:07,170
Si është ajo?

61
00:03:07,170 --> 00:03:08,340
Më pëlqen të blu çeliku.

62
00:03:08,340 --> 00:03:13,280

63
00:03:13,280 --> 00:03:16,030
E pra, rrethi ynë ndryshuar ngjyrën.

64
00:03:16,030 --> 00:03:17,320
Kjo është e madhe.

65
00:03:17,320 --> 00:03:31,330
Le të bëjnë atë gjysmë-transparente
too-- gjysmë-transparente.

66
00:03:31,330 --> 00:03:33,670
>> Pra, këto janë atribute
ne jemi duke përcaktuar në rreth.

67
00:03:33,670 --> 00:03:36,774
Gjëja e parë që kemi bërë është
ne kemi vënë një rreth në faqe.

68
00:03:36,774 --> 00:03:38,690
Dhe atëherë ne jemi duke përcaktuar
një bandë e atributeve.

69
00:03:38,690 --> 00:03:41,610
Disa nga këto janë të nevojshme,
si CX, CY, dhe Radius.

70
00:03:41,610 --> 00:03:42,680
Dhe të tjerët janë fakultative.

71
00:03:42,680 --> 00:03:44,730
>> Nuk janë një shumë më shumë atribute.

72
00:03:44,730 --> 00:03:46,760
Ka shumë prej tyre.

73
00:03:46,760 --> 00:03:53,070
Për shembull, ne mund të kemi një
pash, si dhe, një goditje e kuqe.

74
00:03:53,070 --> 00:03:55,630
Por le të hequr atë.

75
00:03:55,630 --> 00:04:00,450
Ne jemi duke u kthyer në një rreth, një rreth blu.

76
00:04:00,450 --> 00:04:01,600
>> Pra, le të bëjë më shumë qarqe.

77
00:04:01,600 --> 00:04:02,810
Si është ajo?

78
00:04:02,810 --> 00:04:04,665
Le të bëjë një rreth.

79
00:04:04,665 --> 00:04:05,985
Kjo është emocionuese, e drejtë?

80
00:04:05,985 --> 00:04:09,630

81
00:04:09,630 --> 00:04:12,300
>> Kështu që them unë vetëm kopjo-ngjit
çfarë kemi pasur tashmë.

82
00:04:12,300 --> 00:04:13,570
Le të thërrasë atë Rrethi 2.

83
00:04:13,570 --> 00:04:15,840
Dhe le të bëjë saktë
e njëjta gjë dhe t'i jepte

84
00:04:15,840 --> 00:04:20,450
atributet, duke pasur parasysh një pozicion x prej 300.

85
00:04:20,450 --> 00:04:24,140
Yay, ne kemi dy qarqe tani.

86
00:04:24,140 --> 00:04:27,240
>> Dhe sigurisht, ne mund të
Përditëso këto vlera.

87
00:04:27,240 --> 00:04:31,640
Unë mund të vënë atë në 400, dhe tani ajo lëviz.

88
00:04:31,640 --> 00:04:35,470
Dhe që është i bezdisshëm, le të
hequr atë, kështu circle2.remove.

89
00:04:35,470 --> 00:04:39,000

90
00:04:39,000 --> 00:04:40,730
Është e shkuar tani.

91
00:04:40,730 --> 00:04:43,170
>> Pra, ajo që ne jemi duke bërë dhe
është vetëm shumë, very-- kjo

92
00:04:43,170 --> 00:04:46,030
është shumë e ngjashme me atë që ju
mund të bëni në jQuery, për shembull.

93
00:04:46,030 --> 00:04:48,240
Ne jemi vetëm duke manipuluar
DOM, është quajtur.

94
00:04:48,240 --> 00:04:50,040
Ju mund të keni dëgjuar këtë fjalë përpara.

95
00:04:50,040 --> 00:04:53,255
Ne jemi duke krijuar sende, duke vendosur
atributet mbi sende, duke hequr stuff.

96
00:04:53,255 --> 00:04:58,950

97
00:04:58,950 --> 00:05:02,360
>> Tani, këtu është ku ajo merr interesante.

98
00:05:02,360 --> 00:05:07,250
Pra, më vonë në kodin, ne mund ende
referohen rrethit origjinal këtu.

99
00:05:07,250 --> 00:05:14,100
Pra, le të rivendosur atribut saj për të CX.

100
00:05:14,100 --> 00:05:18,260
Le të thonë, pozita e saj x te 400.

101
00:05:18,260 --> 00:05:22,406
Dhe unë jam duke shkuar për të tranzicionit
se, kështu që është e qartë.

102
00:05:22,406 --> 00:05:23,360
Ka ne do të shkojmë.

103
00:05:23,360 --> 00:05:24,780
>> Pra, kemi shtuar një rreth.

104
00:05:24,780 --> 00:05:26,440
Ne kemi ngritur disa atribute.

105
00:05:26,440 --> 00:05:28,210
Ne i shtoi edhe një rreth, hequr atë.

106
00:05:28,210 --> 00:05:31,650
Dhe atëherë ne jemi duke modifikuar
rrethi origjinal.

107
00:05:31,650 --> 00:05:35,400
>> Por këtu është vendi ku ajo merr
shumë më tepër interesante.

108
00:05:35,400 --> 00:05:39,070
Jo vetëm që mund të vënë atribute
si vetëm vlerat, mund të themi,

109
00:05:39,070 --> 00:05:41,610
hej, rrethi, të shkojnë në pozicionin 200.

110
00:05:41,610 --> 00:05:44,540
Ne gjithashtu mund të vendosur ato si funksione.

111
00:05:44,540 --> 00:05:48,850
>> Pra, në vend të duke i dhënë 400 këtu,
ne mund të bëni disa llogaritje

112
00:05:48,850 --> 00:05:53,950
të fluturojnë për çfarë ne
dua që atribut të jetë.

113
00:05:53,950 --> 00:05:56,580
Pra, kjo është se si ju do të shprehin atë.

114
00:05:56,580 --> 00:06:00,660
Ne themi, në vend të 400, le të më
ju jap një funksion në vend.

115
00:06:00,660 --> 00:06:04,180
Dhe këtu, brenda këtij funksioni,
ne mund të bënim ndonjë përllogaritje të çmendur.

116
00:06:04,180 --> 00:06:06,820
>> Ne mund të marrë kohë dhe
shikoni në një sendi tjetër

117
00:06:06,820 --> 00:06:11,230
dhe dinamike të vendosë për
rrethi çfarë vlera që ne duam.

118
00:06:11,230 --> 00:06:15,266
Si për ne vetëm jap
ajo një pozicion të rastit x?

119
00:06:15,266 --> 00:06:20,360

120
00:06:20,360 --> 00:06:21,120
Pra, kjo është se.

121
00:06:21,120 --> 00:06:25,490
>> Pra, çfarë thotë se është, për
çdo x, të drejtuar këtë funksion.

122
00:06:25,490 --> 00:06:29,340
Dhe ajo që ne po bëjmë është llogaritur
disa gjëra, një herë rastit gjerësi

123
00:06:29,340 --> 00:06:30,410
dhe kthyer atë.

124
00:06:30,410 --> 00:06:34,765
Pra, çdo herë kemi drejtuar se, ne të merrni një
Rrethi që shkon në një vend të rastit.

125
00:06:34,765 --> 00:06:36,394
Kjo është lloj i ftohtë.

126
00:06:36,394 --> 00:06:38,310
Ndjehem si unë mund të shikoj
në këtë për pak.

127
00:06:38,310 --> 00:06:44,274

128
00:06:44,274 --> 00:06:46,440
Ne jemi duke filluar për të marrë për
diçka interesante këtu.

129
00:06:46,440 --> 00:06:49,120

130
00:06:49,120 --> 00:06:51,390
Le të bëjë këto të dhëna i drejtuar tani.

131
00:06:51,390 --> 00:06:53,420
Nuk ka të dhëna këtu.

132
00:06:53,420 --> 00:06:54,482
Le të ndryshojë këtë.

133
00:06:54,482 --> 00:06:57,440

134
00:06:57,440 --> 00:07:12,140
>> Documents-- Akti II, Data Driven
Pra, le të kthehet në këtu.

135
00:07:12,140 --> 00:07:15,340
Dhe le të vetëm të shpëtoj prej Rrethi 2,
sepse ne jemi vetëm duke shtuar dhe duke hequr

136
00:07:15,340 --> 00:07:15,840
ajo.

137
00:07:15,840 --> 00:07:17,382
Pra, ne nuk duhet të vërtetë atë.

138
00:07:17,382 --> 00:07:21,421
Ne duhet të jetë shumë më i mençur këtu.

139
00:07:21,421 --> 00:07:23,170
Le të thonë, ne kemi
disa të dhëna të disa lloj.

140
00:07:23,170 --> 00:07:31,540

141
00:07:31,540 --> 00:07:40,020
Një moment-- le të themi,
kemi pasur të dhënat e këtij formulari.

142
00:07:40,020 --> 00:07:41,800
Ne kishim një rrjet, vetëm
një bandë e numrave.

143
00:07:41,800 --> 00:07:45,750
Ne kemi shtatë numra këtu,
çfarëdo këto shuma represent--

144
00:07:45,750 --> 00:07:48,810
në llogarinë bankare të njerëzve, si
shumë ata peshojnë, zot e di se çfarë.

145
00:07:48,810 --> 00:07:51,310
>> Këto janë numrat, dhe ne
doni të përdorni qarqet tona

146
00:07:51,310 --> 00:07:53,240
për të përfaqësuar ato numra disi.

147
00:07:53,240 --> 00:07:55,515
Ne duam të lidhin tonë
qarqet deri në ato numra.

148
00:07:55,515 --> 00:07:58,750

149
00:07:58,750 --> 00:07:59,626
Pra, ajo që ne bëjmë.

150
00:07:59,626 --> 00:08:01,500
Le të thonë, ne duam një
rrethi për çdo numër.

151
00:08:01,500 --> 00:08:03,590
Ne mund të bëjmë të vjetër
gjë ne u doing--

152
00:08:03,590 --> 00:08:06,020
append rrethi dhe Rrethi 2 dhe circle3.

153
00:08:06,020 --> 00:08:10,020
Por kjo merr nga dora, dhe
ka shumë të përsëritur logjikën.

154
00:08:10,020 --> 00:08:12,760
>> Pra, le të merrni më shumë i zgjuar me këtë.

155
00:08:12,760 --> 00:08:17,810
Në vend të përdorimit rrethin var
svg.append se ne ishim vetëm duke përdorur,

156
00:08:17,810 --> 00:08:21,580
ne jemi duke shkuar për të përdorur
ky bllok pak këtu.

157
00:08:21,580 --> 00:08:24,510
Unë nuk dua të shkoj në thellësi
në atë që të gjitha këto pjesë të bëni.

158
00:08:24,510 --> 00:08:26,020
Dhe kjo është lloj i një teme të avancuar.

159
00:08:26,020 --> 00:08:27,830
Dhe unë uroj që unë mund të.

160
00:08:27,830 --> 00:08:31,370
>> Por gjëja kryesore për të recognize-- dhe
ju do të shihni është shumë shpesh në kodin D3.

161
00:08:31,370 --> 00:08:36,840
Ky bllok i tekstit bazë
krijon sa më shumë qarqe

162
00:08:36,840 --> 00:08:41,360
si ka elementet e të dhënave
në këtë grup të drejtë këtu.

163
00:08:41,360 --> 00:08:53,420

164
00:08:53,420 --> 00:08:55,780
Pra, kjo krijon më shumë
Qarqet si ka elemente.

165
00:08:55,780 --> 00:08:58,520
Kjo do të na krijojë shtatë qarqe.

166
00:08:58,520 --> 00:09:01,710
Dhe kjo e bën një gjë të vërtetë, të vërtetë të rëndësishëm.

167
00:09:01,710 --> 00:09:02,460
Pra, le të kandidojë atë.

168
00:09:02,460 --> 00:09:05,460
Le të hiqni rrethin tonë të tjera.

169
00:09:05,460 --> 00:09:09,565
Le të vetëm të komentojë këtë
të pjesë jashtë dhe të drejtuar këtë përsëri.

170
00:09:09,565 --> 00:09:13,840

171
00:09:13,840 --> 00:09:15,260
>> Ka ne do të shkojmë.

172
00:09:15,260 --> 00:09:18,030
Pra rrethi ynë këtu është një
shumë të errët, sepse ne

173
00:09:18,030 --> 00:09:20,720
kanë shtatë qarqe, një
mbi krye të tjera.

174
00:09:20,720 --> 00:09:25,425
Ne sapo krijuar shtatë qarqe, njëri
secili për secilin prej këtyre elementëve dhënave.

175
00:09:25,425 --> 00:09:28,860
Por ka një gjë kyç që ka ndodhur
me këtë copë të drejtë këtu.

176
00:09:28,860 --> 00:09:31,030
>> Është se të dhënave u detyruar.

177
00:09:31,030 --> 00:09:33,440
Pra, çdo një të vetme prej
ato elemente të dhënave,

178
00:09:33,440 --> 00:09:38,830
10, 45, 105, ishte i lidhur
për një rreth të veçantë.

179
00:09:38,830 --> 00:09:40,960
Pra, këto nuk krijohen vetëm
një bandë e qarqeve

180
00:09:40,960 --> 00:09:43,420
por i lidh këto dy gjëra së bashku.

181
00:09:43,420 --> 00:09:48,740
>> Dhe në të ardhmen, sepse ne krijuam
ato qarqet me këtë funksion D3,

182
00:09:48,740 --> 00:09:52,430
në qoftë se unë ju jap një rreth, ju mund të
më jep të dhënat lidhur me të.

183
00:09:52,430 --> 00:09:53,280
Pra, ne mund të kërkoni D3.

184
00:09:53,280 --> 00:09:54,840
Hej, D3, unë kam këtë rreth.

185
00:09:54,840 --> 00:09:57,350
Çfarë është dhënave që rrethi ka?

186
00:09:57,350 --> 00:10:01,290
Dhe D3 do të na tregoni 10 ose 45 ose 105.

187
00:10:01,290 --> 00:10:02,380
>> Këto gjëra janë të lidhur.

188
00:10:02,380 --> 00:10:04,490
Kjo është një koncept shumë, shumë themelore.

189
00:10:04,490 --> 00:10:06,070
Le të shikojmë se.

190
00:10:06,070 --> 00:10:12,210
>> Pra mënyrë ne do të pyes D3-- kështu
kjo është e parëndësishme për këtë,

191
00:10:12,210 --> 00:10:16,620
por vetëm me besim në të.

192
00:10:16,620 --> 00:10:17,620
Kjo është se si ne i kërkojmë D3.

193
00:10:17,620 --> 00:10:21,312
Hej, D3, më jepni parë
rrethi që ju mund të gjeni.

194
00:10:21,312 --> 00:10:23,580
Më jepni rrethin e parë ju mund të gjeni.

195
00:10:23,580 --> 00:10:29,660
Dhe atëherë ne mund të pyes D3, çfarë është
Të dhënat mbi se, si kjo, 10.

196
00:10:29,660 --> 00:10:33,380
>> Pra, ne thjesht pyesni D3, të më gjesh mua
Rrethi i parë që ju mund të gjeni.

197
00:10:33,380 --> 00:10:34,400
Çfarë ka të dhënat e saj?

198
00:10:34,400 --> 00:10:36,650
10, që është me të vërtetë tonë
së pari element të dhëna.

199
00:10:36,650 --> 00:10:42,150
Ne mund të pyesni atë, hej, D3,
Na gjeni rrethin tonë të tretë.

200
00:10:42,150 --> 00:10:44,450
105.

201
00:10:44,450 --> 00:10:45,740
Pse është kjo me të vërtetë e rëndësishme?

202
00:10:45,740 --> 00:10:49,790

203
00:10:49,790 --> 00:10:52,250
>> Pra të drejtë këtu, unë përmenda
që ne mund të përdorni funksione.

204
00:10:52,250 --> 00:10:54,910
Dhe unë përmendur se ishte
një gjë shumë të fuqishme.

205
00:10:54,910 --> 00:11:03,070
Pra, jo vetëm që mund të bëjmë gjëra funksionet tona
si të bëni disa llogaritje, për shembull,

206
00:11:03,070 --> 00:11:09,170
kthejë një numër të rastit, ai mund të
gjithashtu të bëjë gjëra të bazuara në të dhënat.

207
00:11:09,170 --> 00:11:11,550
Kjo është ajo që do të thotë të të dhënave të shtyrë dokumente.

208
00:11:11,550 --> 00:11:13,750
Kjo është ajo që D3 qëndron për.

209
00:11:13,750 --> 00:11:17,800
>> Pra, kjo x postition-- vend
i vetëm duke thënë, të gjitha qarqet,

210
00:11:17,800 --> 00:11:21,735
merrni x pozitën 200, ne
do të mund t'i jepte një funksion.

211
00:11:21,735 --> 00:11:26,140

212
00:11:26,140 --> 00:11:30,140
Dhe këtu, ne mund të bëni disa llogaritje.

213
00:11:30,140 --> 00:11:33,710
dhe d këtu qëndron në vend për të dhënat.

214
00:11:33,710 --> 00:11:36,120
Pra, çdo herë kemi
një rreth, në thelb,

215
00:11:36,120 --> 00:11:37,750
D3 do të krijojë këto shtatë qarqe.

216
00:11:37,750 --> 00:11:38,500
Dhe pastaj për çdo

217
00:11:38,500 --> 00:11:41,920
>> rrethi, ajo do të shkoj, hej,
Rrethi 1 çfarë është pozita juaj x.

218
00:11:41,920 --> 00:11:45,210
Më parë, ne ishim
gjithmonë përgjigjur 200.

219
00:11:45,210 --> 00:11:48,630
Por tani, çdo herë D3 pyet
na, çfarë është pozita juaj x,

220
00:11:48,630 --> 00:11:51,790
ajo do të japë us-- ne kemi
që rrethi, kështu që ne kemi të dhëna.

221
00:11:51,790 --> 00:11:55,290
Kjo do të na japë të dhëna dhe të thonë,
çfarë ju doni ekspozitë që të jetë,

222
00:11:55,290 --> 00:11:57,120
bazuar në këto të dhëna.

223
00:11:57,120 --> 00:11:59,590
>> Le të kthehemi të dhënat aktuale.

224
00:11:59,590 --> 00:12:04,910
Pra, në qoftë se kemi drejtuar këtë, kjo i jep
të dhëna na dokumente shtyrë.

225
00:12:04,910 --> 00:12:08,040
Këto qarqe janë të bazuara
në relacionin position--

226
00:12:08,040 --> 00:12:11,120
ata janë bazat si një funksion i të dhënave.

227
00:12:11,120 --> 00:12:13,100
>> Kështu që për rrethin e parë,
D3 vë një rreth.

228
00:12:13,100 --> 00:12:16,770
Dhe pastaj D3 na pyet, çfarë të bëni
ju doni ekspozitë të jetë.

229
00:12:16,770 --> 00:12:19,620
Dhe ne vetëm të themi, çfarëdo dhënave është.

230
00:12:19,620 --> 00:12:21,185
Bëni ekspozitë 10.

231
00:12:21,185 --> 00:12:26,320
>> Pastaj ai pyet, çfarë ju doni
ekspozitë të jetë për rrethin e dytë.

232
00:12:26,320 --> 00:12:27,270
Dhe ne përgjigjemi, 45.

233
00:12:27,270 --> 00:12:30,000

234
00:12:30,000 --> 00:12:32,230
Dhe ne, natyrisht, mund
bërë disa llogaritje këtu.

235
00:12:32,230 --> 00:12:35,510
Unë të gjeni se ato qarqe
janë lloj i squished lart.

236
00:12:35,510 --> 00:12:38,965
>> Pra shumohen atë nga 3, shumëfishohen dhënat nga 3.

237
00:12:38,965 --> 00:12:41,870

238
00:12:41,870 --> 00:12:43,840
Rrethi ynë i vetëm u zgjeruar jashtë.

239
00:12:43,840 --> 00:12:46,730
U trefishuar Vlera jonë.

240
00:12:46,730 --> 00:12:51,010
>> Rrethi është me të vërtetë në buzë,
kështu që le të ndoshta lloj të kompensuar atë.

241
00:12:51,010 --> 00:12:53,632
Le të themi, nga 20.

242
00:12:53,632 --> 00:12:56,070
Këtu ju shkoni.

243
00:12:56,070 --> 00:12:57,590
>> Kjo është një vizualizimi të dhënave.

244
00:12:57,590 --> 00:13:01,767
Kjo është një shumë të thjeshtë, por kjo
na jep një pasqyrë në të dhënat tona.

245
00:13:01,767 --> 00:13:04,600
Ajo na tregon se, për shembull, ne
kanë një grup të vogël të elementeve.

246
00:13:04,600 --> 00:13:06,340
Dhe ne kemi një devijim të madh këtu.

247
00:13:06,340 --> 00:13:10,830
Kjo na jep disa informacione
për shpërndarjen.

248
00:13:10,830 --> 00:13:20,830
>> Nëse do të ishin, për shembull, për të ndryshuar
të dhënat për 150 këtu dhe refresh,

249
00:13:20,830 --> 00:13:22,630
vizualizimi ynë është ndryshuar.

250
00:13:22,630 --> 00:13:24,285
Ky dokument është i të dhënave të shtyrë.

251
00:13:24,285 --> 00:13:32,640

252
00:13:32,640 --> 00:13:36,180
>> Pra, natyrisht, të gjitha këto elemente,
të gjitha këto atribute këtu,

253
00:13:36,180 --> 00:13:38,430
ne mund të përdorim një funksion, nuk
vetëm numrat, jo vetëm

254
00:13:38,430 --> 00:13:39,900
x dhe y pozicionet.

255
00:13:39,900 --> 00:13:42,120
Pra, ne mund të përdorim një funksion për ngjyra.

256
00:13:42,120 --> 00:13:45,260

257
00:13:45,260 --> 00:13:46,360
Pra, ne do të bëjmë të njëjtën gjë.

258
00:13:46,360 --> 00:13:49,360
Ne do t'i jepte një funksion.

259
00:13:49,360 --> 00:13:52,320
>> Dhe le të themi, ne mund të kemi
conditionals në funksion tonë.

260
00:13:52,320 --> 00:13:54,770
Ky funksion mund të jetë
njëqind e linjave të gjata.

261
00:13:54,770 --> 00:13:57,150
Ajo mund të bëjë gjëra shumë, shumë të komplikuara.

262
00:13:57,150 --> 00:13:59,080
>> Pra, le të japë deklaratë nëse këtu.

263
00:13:59,080 --> 00:14:03,420
Le të themi, nëse të dhënat ynë është më pak
se 50, kjo është një pragu

264
00:14:03,420 --> 00:14:05,817
se ne jemi të interesuar
në për disa arsye.

265
00:14:05,817 --> 00:14:06,650
Le të bërë atë të gjelbër.

266
00:14:06,650 --> 00:14:09,830

267
00:14:09,830 --> 00:14:15,320
Përndryshe, le të bëjnë të kuqe.

268
00:14:15,320 --> 00:14:16,110
Si është ajo?

269
00:14:16,110 --> 00:14:19,630

270
00:14:19,630 --> 00:14:21,220
E bukur.

271
00:14:21,220 --> 00:14:24,860
>> Pra dhënave vizualizimi ynë është duke filluar
për të përcjellë informacion më interesante

272
00:14:24,860 --> 00:14:26,727
më shumë kanale.

273
00:14:26,727 --> 00:14:28,560
Pra, tani ne e dimë pak
për shpërndarjen.

274
00:14:28,560 --> 00:14:31,768
Dhe ne e dimë se ka disa lloj
prerë në 50 se ne jemi të interesuar në.

275
00:14:31,768 --> 00:14:35,630
Ne e dimë se ka dy pika të të dhënave
nën këtë prag dhe shumica e tyre

276
00:14:35,630 --> 00:14:36,130
më sipër.

277
00:14:36,130 --> 00:14:41,510

278
00:14:41,510 --> 00:14:46,160
>> Pra, si një hap përfundimtar, këto të dhëna këtu,
kjo është shumë e rrallë për të parë këtë si kjo.

279
00:14:46,160 --> 00:14:52,610
Pra, le të vetëm të lëvizin atë në një variabël
sepse kjo është e pastër, si kjo.

280
00:14:52,610 --> 00:15:02,980

281
00:15:02,980 --> 00:15:05,197
Dhe pastaj ne e përdorim atë ndryshore këtu.

282
00:15:05,197 --> 00:15:06,280
Është e saktë të njëjtën gjë.

283
00:15:06,280 --> 00:15:07,280
Është vetëm një pastruese pak.

284
00:15:07,280 --> 00:15:25,300

285
00:15:25,300 --> 00:15:35,300
>> Next lart, Akti III, Scales--
Pra, një problem i drejtë

286
00:15:35,300 --> 00:15:38,920
këtu është, në qoftë se ne të ndryshojmë tonë
të dhënat në këtë value-- 200

287
00:15:38,920 --> 00:15:41,685
nëse ne ndryshojmë atë për 400
ose diçka dhe refresh,

288
00:15:41,685 --> 00:15:44,540
atëherë kjo vlerë vetëm shkoi nuk del në ekran.

289
00:15:44,540 --> 00:15:49,040
Pra, logjika jonë e drejtë këtu
e se si ne bëjmë kohët 3

290
00:15:49,040 --> 00:15:52,570
dhe 20, për të përhapur atë dhe pastaj
kompensuar atë pak është me të vërtetë clunky.

291
00:15:52,570 --> 00:15:54,150
>> Çfarë bëni ato numra do të thotë?

292
00:15:54,150 --> 00:15:55,400
Ata janë vetëm e vështirë koduar atje.

293
00:15:55,400 --> 00:15:58,830
Dhe ata janë shumë të lidhur me të dhënat.

294
00:15:58,830 --> 00:16:00,550
Ne duam një dokument të dhënave të shtyrë.

295
00:16:00,550 --> 00:16:05,460
Ne duam një dokument shumë fleksibël,
se të dhënat e marra, përshtatet për atë

296
00:16:05,460 --> 00:16:07,900
dhe përfaqëson atë.

297
00:16:07,900 --> 00:16:11,330
>> Ajo që ne në thelb duhet është, ne
kanë këtë varg të numrave 10.

298
00:16:11,330 --> 00:16:12,640
45, 105.

299
00:16:12,640 --> 00:16:17,630
Dhe ne duam të hartë se nga mbi
gjerësi, gjerësia e plotë këtu.

300
00:16:17,630 --> 00:16:20,620
Pra, ne kemi gamën e
numrat shkojnë nga 0 në 100.

301
00:16:20,620 --> 00:16:24,980
Dhe ne kemi kjo Kampusi I shkon
20-700, në këtë rast.

302
00:16:24,980 --> 00:16:26,515
>> Ne lloj i duam të hartë atë në.

303
00:16:26,515 --> 00:16:30,002
Ne duam të shkallës se lart dhe
pastaj kompensuar atë një pak.

304
00:16:30,002 --> 00:16:33,165
Ajo rezulton se D3 ka këto.

305
00:16:33,165 --> 00:16:34,220
Është quajtur një shkallë.

306
00:16:34,220 --> 00:16:37,410

307
00:16:37,410 --> 00:16:38,250
Pra, le të përdorin atë.

308
00:16:38,250 --> 00:16:46,300

309
00:16:46,300 --> 00:16:49,670
>> Mënyra se works-- unë jam duke shkuar për të
lloji kjo lart dhe pastaj të shpjegojë atë.

310
00:16:49,670 --> 00:17:01,530

311
00:17:01,530 --> 00:17:02,450
Kjo është një shkallë.

312
00:17:02,450 --> 00:17:08,670
Çfarë kjo do të bëjë është, ajo do të ndajë
vlerat 1-200 mbi të 20-600.

313
00:17:08,670 --> 00:17:10,990
Ne mund të kontrolloni se.

314
00:17:10,990 --> 00:17:13,329
Ne mund të shohim se këtu.

315
00:17:13,329 --> 00:17:21,704
>> Pra, nëse unë ushqyer atë 1-- një moment.

316
00:17:21,704 --> 00:17:47,764

317
00:17:47,764 --> 00:17:48,555
Më jepni një të dytë.

318
00:17:48,555 --> 00:17:53,680

319
00:17:53,680 --> 00:17:55,080
Unë duhet të ketë shtypur keq pyetjen atë.

320
00:17:55,080 --> 00:18:15,320

321
00:18:15,320 --> 00:18:15,990
Nuk ju shkoni.

322
00:18:15,990 --> 00:18:17,930
Më vjen keq për këtë.

323
00:18:17,930 --> 00:18:22,050
>> Pra, çfarë do të bëjë një shkallë
po, ai do të marrë një vlerë

324
00:18:22,050 --> 00:18:24,930
dhe pastaj kthyer atë,
zgjeruar që jashtë, kështu që ajo

325
00:18:24,930 --> 00:18:27,320
mbush gamën e plotë të jeni duke kërkuar për.

326
00:18:27,320 --> 00:18:32,910
Pra në këtë rast, në qoftë se ne të dhënë atë një,
ajo do të ndajë se nga mbi 20.

327
00:18:32,910 --> 00:18:37,750
Dhe në qoftë se ne t'i jepte 200, është e
do të hartë që në të 600.

328
00:18:37,750 --> 00:18:40,460
Dhe diku në mes,
në qoftë se ne të merrni 100, është e

329
00:18:40,460 --> 00:18:44,610
do të jetë diku
në mes të 20 dhe 600.

330
00:18:44,610 --> 00:18:51,480
>> Dhe sigurisht, tani kjo është çfarë
ne kemi nevojë për të hequr ato koduar vështirë

331
00:18:51,480 --> 00:18:53,402
gjëra ne kemi të drejtë atje.

332
00:18:53,402 --> 00:18:55,950
Pra, ajo që ne duam të bëjmë është
të marrë të dhënat që ne jemi

333
00:18:55,950 --> 00:19:00,950
dhënë, që të dhënat individuale
element, dhe të kalojë atë në shkallë të parë.

334
00:19:00,950 --> 00:19:02,635
Pra shkallë do të shkallës atë.

335
00:19:02,635 --> 00:19:27,020

336
00:19:27,020 --> 00:19:48,880
>> Well-- Oh, ne kemi një gabim të vogël këtu.

337
00:19:48,880 --> 00:19:50,120
Ne jeni të humbur e të dhënave.

338
00:19:50,120 --> 00:19:51,290
Nuk ju shkoni.

339
00:19:51,290 --> 00:19:58,550

340
00:19:58,550 --> 00:19:59,550
Dhe që zgjeron atë.

341
00:19:59,550 --> 00:20:01,383
>> Kjo na jep të njëjtën gjë
rezultat kemi pasur më parë,

342
00:20:01,383 --> 00:20:04,030
por në vend të atyre të
vështirë koduar me kufizime.

343
00:20:04,030 --> 00:20:07,790
Dhe në qoftë se madhësia e tonë
Ndryshimet kanavacë, për shembull,

344
00:20:07,790 --> 00:20:11,790
në qoftë se ne duam të kemi këtë pa
400 pixels dhe ajo squishes jashtë,

345
00:20:11,790 --> 00:20:15,440
ne mund të kemi atë over--
ne mund të zgjeruar atë, ose ne

346
00:20:15,440 --> 00:20:21,890
mund të zvogëlojë këtë diferencë të majtë të
diçka pak ose më shumë se 20.

347
00:20:21,890 --> 00:20:25,470
Këta numra, këto vështirë koduar
Numrat tani kuptim për ne.

348
00:20:25,470 --> 00:20:28,110

349
00:20:28,110 --> 00:20:30,520
>> Dhe ne mund të bëjmë shumë më tepër
gjëra interesante si.

350
00:20:30,520 --> 00:20:35,990
Pra, në vend të paturit e një lineare
shkallë, ne mund të dëshironi për të hyrë brënda një shkallë.

351
00:20:35,990 --> 00:20:37,840
Dhe që do të na japë një shkallë log.

352
00:20:37,840 --> 00:20:41,269
>> Pra tani shkallë tonë, në vend të
vetëm duke zgjeruar jashtë në këtë varg,

353
00:20:41,269 --> 00:20:42,810
kjo është bërë gjëra më të sofistikuara.

354
00:20:42,810 --> 00:20:48,790

355
00:20:48,790 --> 00:20:53,790
Në vend të që këtë varg të vështirë
koduar, dhe në vend të që atë 600,

356
00:20:53,790 --> 00:20:58,465
ne mund të dëshironi të përdorni vetëm gjerësia,
kështu nga 20 në gjeresise minus 40,

357
00:20:58,465 --> 00:21:02,392
2 herë diferencë në anën tjetër.

358
00:21:02,392 --> 00:21:05,350
Dhe kjo e bën shumë më shumë kuptim për
dikush i cili mund të shikoni në kodin.

359
00:21:05,350 --> 00:21:08,080

360
00:21:08,080 --> 00:21:11,850
>> Interesante, peshore të merrni
shumë, shumë të sofistikuar si.

361
00:21:11,850 --> 00:21:13,350
Ata bëjnë shumë gjëra interesante.

362
00:21:13,350 --> 00:21:17,620
Pra peshore nuk kanë
për të vepruar vetëm me numra.

363
00:21:17,620 --> 00:21:18,955
Le të ngremë një shkallë ngjyra.

364
00:21:18,955 --> 00:21:23,120

365
00:21:23,120 --> 00:21:26,120
>> Kështu gamën tonë mund be--
domeni ynë është 1 deri në 200.

366
00:21:26,120 --> 00:21:28,220
Kjo është gjë e input.

367
00:21:28,220 --> 00:21:33,793
Por ne mund të dëshironi të hartë nga
e gjelbër për të kuqe, për shembull.

368
00:21:33,793 --> 00:21:39,710

369
00:21:39,710 --> 00:21:42,910
Dhe tani, në qoftë se ne të kalojë atë 1,
ne jemi duke shkuar për të marrë e gjelbër.

370
00:21:42,910 --> 00:21:45,110
Nëse do t'i jepte 200, ne do të merrni të kuqe.

371
00:21:45,110 --> 00:21:49,480
Dhe në qoftë se ne të kalojë atë diçka në mes,
ajo do të jetë një përzierje e që,

372
00:21:49,480 --> 00:21:52,520
diku në gradient
në mes të gjelbër dhe të kuqe.

373
00:21:52,520 --> 00:21:55,210
>> Dhe në vend të paturit
ky lloj i logjikës clunky

374
00:21:55,210 --> 00:21:58,550
ne kemi këtu me
kushtëzuar të drejtë atje,

375
00:21:58,550 --> 00:22:03,250
ne mund të kemi një something--
shkallë lineare në mes të atyre.

376
00:22:03,250 --> 00:22:07,100
Pra, ne do të përdorim shkallën ne vetëm
krijuar, të cilat ne i quajtur ngjyra.

377
00:22:07,100 --> 00:22:09,060
Dhe ne do të jap atë d, e cila
është element ynë dhënave.

378
00:22:09,060 --> 00:22:14,250

379
00:22:14,250 --> 00:22:15,060
Dhe atje ne do të shkojmë.

380
00:22:15,060 --> 00:22:18,070
Ne kemi një shkallë ngjyra.

381
00:22:18,070 --> 00:22:18,940
>> Pra, kjo është hartës.

382
00:22:18,940 --> 00:22:20,960
Pra majtë tani është krejtësisht e gjelbër.

383
00:22:20,960 --> 00:22:22,560
Shumë e drejtë është plotësisht e kuqe.

384
00:22:22,560 --> 00:22:24,828
Dhe çdo gjë në mes
është një funksion i d.

385
00:22:24,828 --> 00:22:33,369

386
00:22:33,369 --> 00:22:35,160
Ne kemi një interesante
visualizations këtu.

387
00:22:35,160 --> 00:22:36,952
Por të dhënat tona ishte lloj i mërzitshëm.

388
00:22:36,952 --> 00:22:39,410
Le të shohim se çfarë ne mund të bëjmë nëse
ne kishim të dhëna më interesante.

389
00:22:39,410 --> 00:22:44,420

390
00:22:44,420 --> 00:22:50,500
>> Akti IV, Me Punës
Data-- gjëja e parë

391
00:22:50,500 --> 00:22:53,560
ne do të dëshironi të bëni për të bërë tonë
vizualizimi më interesante

392
00:22:53,560 --> 00:22:56,140
është që të lëvizë e të dhënave diku tjetër.

393
00:22:56,140 --> 00:22:58,310
Është shumë clunky që të ketë
të dhënat e vështirë koduar këtu.

394
00:22:58,310 --> 00:23:01,220
Dhe në përgjithësi, ne do të jemi duke i kërkuar
dikush tjetër për të dhënat.

395
00:23:01,220 --> 00:23:05,400
Ne do të jetë ndoshta i kërkoni qeverisë,
Zyra e Regjistrimit, çfarë është të dhënat tuaja

396
00:23:05,400 --> 00:23:10,170
dhe pastaj komplot se ose duke i kërkuar
disa njësi të palëve të treta për disa të dhënave

397
00:23:10,170 --> 00:23:13,330
dhe pastaj ndërtimin e një
vizualizimi në këtë.

398
00:23:13,330 --> 00:23:17,170
>> Pra, gjëja e parë që ne duam të bëjmë
është lëvizur që në ndonjë vend tjetër.

399
00:23:17,170 --> 00:23:24,130
Kështu që unë jam duke shkuar për të krijuar një
paraqesë quajtur këtu data.json.

400
00:23:24,130 --> 00:23:25,600
JSON është format të dhënave.

401
00:23:25,600 --> 00:23:29,210
Ju nuk duhet të dinë shumë për këtë.

402
00:23:29,210 --> 00:23:33,210
Dhe ne jemi duke shkuar për të kopje
pak të dhëna që kemi atje,

403
00:23:33,210 --> 00:23:40,330
ngjitur atë në atje fjalë për fjalë, të shkojnë
përsëri në kodin tonë vizualizimi

404
00:23:40,330 --> 00:23:45,362
këtu, dhe të përdorur këtë funksion të drejtë këtu.

405
00:23:45,362 --> 00:23:46,820
Ju nuk duhet të dinë detajet.

406
00:23:46,820 --> 00:23:49,800
Por çfarë kjo do të bëjë është,
ajo do të gjeni këtë dosje,

407
00:23:49,800 --> 00:23:51,780
shkoj të marr atë, dhe ta kthejë në ne.

408
00:23:51,780 --> 00:24:11,660

409
00:24:11,660 --> 00:24:15,220
Pra, ajo që kjo nuk është, ajo shkon
dhe për të marrë dosjen data.json.

410
00:24:15,220 --> 00:24:18,570
Dhe pastaj të gjithë kodin që është
prerë inside-- në thelb,

411
00:24:18,570 --> 00:24:21,800
të gjithë kod ne kemi there-- do të
drejtuar vetëm kur ne të merrni të dhënat mbrapa.

412
00:24:21,800 --> 00:24:25,760
Dhe atëherë ajo do të kandidojë që
Kodi me të dhënat që kemi.

413
00:24:25,760 --> 00:24:28,870
I madh, ne kemi një
vizualizimi se pyetje

414
00:24:28,870 --> 00:24:31,390
për disa kodin diku
tjeter, e cila eshte zakonisht

415
00:24:31,390 --> 00:24:36,110
ku kjo pyetje disa të dhëna nga
diku tjetër, e cila është zakonisht

416
00:24:36,110 --> 00:24:38,656
se si të punojnë visualizations.

417
00:24:38,656 --> 00:24:41,400
>> Por unë dua që të kthehen në të dhënat.

418
00:24:41,400 --> 00:24:48,030
Kështu të dhënat rrënjësisht në D3-- D3
konsumon të dhënave që është një listë e gjërave.

419
00:24:48,030 --> 00:24:53,000
D3 pret të dhënat e vetëm të jetë një listë
i gjërave, një koleksion i gjërave.

420
00:24:53,000 --> 00:24:58,780
Nuk ka rëndësi se çfarë ato gjëra
janë, aq kohë sa është e një grup prej tyre.

421
00:24:58,780 --> 00:25:02,460
>> Kështu që këtu, për shembull, ne mund të
Sigurisht kanë lundrues vlerat pikë.

422
00:25:02,460 --> 00:25:04,830
Ne mund të ketë negative.

423
00:25:04,830 --> 00:25:09,400
D3 nuk ka kujdes, kështu që gjatë
si kjo është një listë e gjërave.

424
00:25:09,400 --> 00:25:13,270
>> Gjëra si interesante ne
mund të ketë, ne mund edhe

425
00:25:13,270 --> 00:25:19,410
kanë një listë të strings si kjo.

426
00:25:19,410 --> 00:25:25,440
Pra, këto janë titujt Crimson
I kap disa ditë më parë.

427
00:25:25,440 --> 00:25:29,220
Dhe ndoshta ju mund të gjeni disa interesante
gjëra në lidhje me këto a titujt.

428
00:25:29,220 --> 00:25:30,970
>> Pra, përsëri, kjo është një listë e gjërave.

429
00:25:30,970 --> 00:25:32,360
D3 nuk ka kujdes.

430
00:25:32,360 --> 00:25:35,572
Këto të ndodhë të jetë një varg.

431
00:25:35,572 --> 00:25:36,530
Ne e kemi ndryshuar të dhënat tona.

432
00:25:36,530 --> 00:25:38,210
>> Le të kthehen në vizualizimi tonë.

433
00:25:38,210 --> 00:25:42,495
Tani, vizualizimi tonë të pret
të dhëna për të qenë numra.

434
00:25:42,495 --> 00:25:44,370
Pra, ne do të kemi
për të bërë disa ndryshime.

435
00:25:44,370 --> 00:25:47,180

436
00:25:47,180 --> 00:25:52,180
Kështu për shembull, para së gjithash, ndoshta
ne duam të vënë së bashku këto qarqe

437
00:25:52,180 --> 00:25:56,870
nga gjatësia e titull,
Numri i karaktereve në titull.

438
00:25:56,870 --> 00:26:03,600
>> Pra, ajo që ne do të bëjmë is-- çdo kohë tonë
Funksioni është quajtur me një varg,

439
00:26:03,600 --> 00:26:09,095
ne do të gjeni se është gjatësia Dhe
pastaj të kalojë që në shkallë.

440
00:26:09,095 --> 00:26:11,550
Ngjyrë, unë do të kthehem
që në blu çeliku.

441
00:26:11,550 --> 00:26:19,060

442
00:26:19,060 --> 00:26:20,420
Dhe atje ne do të shkojmë.

443
00:26:20,420 --> 00:26:23,190
Ne kemi një vizualizimi
Titujt e Crimson.

444
00:26:23,190 --> 00:26:25,500
>> Shkallë ynë është një off pak.

445
00:26:25,500 --> 00:26:29,680
Le të supozojmë se më të gjatë
titull është 100 karaktere i gjatë,

446
00:26:29,680 --> 00:26:32,244
kështu që përfshijnë që nga pak.

447
00:26:32,244 --> 00:26:33,410
Dhe ne kemi një vizualizimi.

448
00:26:33,410 --> 00:26:36,710
Pra, duket se më së shumti tituj
janë mjaft të ngushtë së bashku,

449
00:26:36,710 --> 00:26:38,750
në aspektin e linjës karakter.

450
00:26:38,750 --> 00:26:41,200
Por një ka të vërtetë qëndron jashtë.

451
00:26:41,200 --> 00:26:46,660
>> Ne mund të ndërtojmë disa mjete
për të shqyrtuar se më shumë.

452
00:26:46,660 --> 00:26:50,710
Por, kur unë isha duke punuar në këtë, unë kam qenë
kurioz nëse, në këtë grup të të dhënave,

453
00:26:50,710 --> 00:26:53,880
Titujt me një zorrë e trashë
në to do të jetë më e gjatë.

454
00:26:53,880 --> 00:26:55,770
I merr ato do.

455
00:26:55,770 --> 00:26:56,660
>> Pra, le të gjetur jashtë.

456
00:26:56,660 --> 00:27:00,650
Le të përdorim ngjyrën
kanal si ne e bëmë më parë,

457
00:27:00,650 --> 00:27:04,540
për të kodifikuar disa lidhje me nëse
ka një zorrë e trashë apo jo.

458
00:27:04,540 --> 00:27:07,220
Pra, ne do të përdorim një kusht përsëri.

459
00:27:07,220 --> 00:27:09,350
Ju nuk duhet të dini
detajet e kësaj,

460
00:27:09,350 --> 00:27:14,260
por kjo është se si ne të shikoni një
string për një karakter të veçantë

461
00:27:14,260 --> 00:27:16,355
në JavaScript, përsëri, jo relevante.

462
00:27:16,355 --> 00:27:18,910

463
00:27:18,910 --> 00:27:23,270
>> Por nëse ne nuk gjejmë një
zorrës së trashë, ne do të kthehemi e gjelbër.

464
00:27:23,270 --> 00:27:26,100
Dhe në qoftë se ne bëjmë, ne do të kthehemi të kuqe.

465
00:27:26,100 --> 00:27:29,010
Pra, përsëri, titujt që
kanë një zorrë e trashë do të jetë e kuqe.

466
00:27:29,010 --> 00:27:34,980
Kjo është ajo që kjo means-- bukur.

467
00:27:34,980 --> 00:27:38,040
>> Pra, duket se im
Hipoteza është bumped.

468
00:27:38,040 --> 00:27:39,360
Ka vetëm dy.

469
00:27:39,360 --> 00:27:42,380
Ne vetëm kemi gjashtë pikë të dhënave
dhe vetëm dy kishin colons.

470
00:27:42,380 --> 00:27:45,510
Por kjo duket pak më shumë
në fund të ulët, në faktin.

471
00:27:45,510 --> 00:27:47,830
Titujt me colons duket
në përgjithësi të jetë më i shkurtër,

472
00:27:47,830 --> 00:27:52,370
të paktën në të dhënat tona set-- interesante.

473
00:27:52,370 --> 00:27:55,830
>> Le të kthehemi që në
çelik blu dhe pastaj të shohim

474
00:27:55,830 --> 00:28:00,601
ajo që ne mund të bëjë me edhe
Të dhënat më interesante.

475
00:28:00,601 --> 00:28:04,370

476
00:28:04,370 --> 00:28:09,070
Pra, përsëri, unë përmendur se
të dhëna në D3 është një listë e gjërave.

477
00:28:09,070 --> 00:28:11,080
Ne kemi parë numrat e shumë lloje.

478
00:28:11,080 --> 00:28:12,810
Ne e kemi parë strings.

479
00:28:12,810 --> 00:28:15,700
Por gjërat mund të jetë gjithashtu objekte.

480
00:28:15,700 --> 00:28:20,080
>> Ata mund të jenë gjëra të komplikuara
që përfshijnë një shumë të gjëra.

481
00:28:20,080 --> 00:28:24,510
Për të thonë se më qartë,
në shumicën e rasteve, ne

482
00:28:24,510 --> 00:28:28,384
doni të ndërtuar çdo pikë të dhënave si
më e komplikuar se vetëm një vlerë.

483
00:28:28,384 --> 00:28:30,175
Nëse ju do të imagjinohet një
bazës së të dhënave për studentët,

484
00:28:30,175 --> 00:28:32,470
nuk mund të jetë një student
përmendur, një ID student,

485
00:28:32,470 --> 00:28:36,370
dhe shumë gjëra të lidhura
me një rekord të veçantë,

486
00:28:36,370 --> 00:28:39,834
jo vetëm një varg ose një numër.

487
00:28:39,834 --> 00:28:40,750
Pra, le të shohim në se.

488
00:28:40,750 --> 00:28:55,180

489
00:28:55,180 --> 00:28:56,760
>> Kjo është një nga të dhënat e tilla të përcaktuara.

490
00:28:56,760 --> 00:28:59,090
Kjo është një të dhëna të vendosur në lidhje me tërmetet.

491
00:28:59,090 --> 00:29:01,910

492
00:29:01,910 --> 00:29:08,430
Pra, çdo gjë këtu në listën tonë, ose grup
i gjërave përmban shumë vetë gjëra.

493
00:29:08,430 --> 00:29:11,380
Pra, çdo pikë e të dhënave ka një
madhësia dhe një të koordinuar.

494
00:29:11,380 --> 00:29:13,425
Dhe koordinon veten
përmbajnë dy gjëra.

495
00:29:13,425 --> 00:29:15,960

496
00:29:15,960 --> 00:29:20,450
>> Pra, çdo ditë tani është shumë më tepër
komplikuar dhe shumë më tepër interesante

497
00:29:20,450 --> 00:29:22,700
dhe përmban shumë më tepër
informacion interesant.

498
00:29:22,700 --> 00:29:26,730
Le të shohim se ne mund të ndërtojmë nga se.

499
00:29:26,730 --> 00:29:36,130
Kthimi prapa në këtu, përsëri, duke përdorur
tonë vizualizimi rrethi Histogram

500
00:29:36,130 --> 00:29:42,110
ne kemi ndërtuar, le të shohim nëse ne mund të ndërtojmë një
vizualizimi i shpërndarjes magnitudë

501
00:29:42,110 --> 00:29:43,305
në grup të të dhënave tona.

502
00:29:43,305 --> 00:29:45,850

503
00:29:45,850 --> 00:29:48,660
>> Pra këtu, kjo është e njëjta koncept.

504
00:29:48,660 --> 00:29:51,920
Por tani, d përmban më shumë gjëra.

505
00:29:51,920 --> 00:29:54,780
d përmban shumë elemente të dhënave.

506
00:29:54,780 --> 00:29:57,946
Pra, ne të merrni të d prapa.

507
00:29:57,946 --> 00:29:59,670
D3 na jep d.

508
00:29:59,670 --> 00:30:06,080
Dhe ne të përgjigjet duke gjetur madhësinë
e d dhe pastaj duke kaluar që në shkallë.

509
00:30:06,080 --> 00:30:08,490
>> Dhe pastaj ne kemi nevojë për të ndryshuar
shkallë tonë, natyrisht.

510
00:30:08,490 --> 00:30:12,980
Pra Madhësitë thjesht nuk bëni
shkojnë shumë më tepër se 10.

511
00:30:12,980 --> 00:30:15,485
Në fakt, kurrë nuk ka qenë
një tërmet 10 magnitudë.

512
00:30:15,485 --> 00:30:19,360
Por kjo është lloj i sipërm tonë
fund, spektri ynë sipërme.

513
00:30:19,360 --> 00:30:20,240
>> Le të rifreskoni.

514
00:30:20,240 --> 00:30:22,990
I mirë, ne kemi një vizualizimi.

515
00:30:22,990 --> 00:30:25,490
Është interesante të note-- kështu
ka dy pika të të dhënave që

516
00:30:25,490 --> 00:30:29,010
janë pothuajse saktësisht në krye të njëri-
tjetër, në aspektin e madhësisë.

517
00:30:29,010 --> 00:30:31,350
Ju shikoni këtë duke perde ne jemi duke përdorur.

518
00:30:31,350 --> 00:30:40,810

519
00:30:40,810 --> 00:30:42,690
>> Ne kemi të dhëna gjeografike tani.

520
00:30:42,690 --> 00:30:44,710
Ne kemi latitudes dhe gjatësi.

521
00:30:44,710 --> 00:30:47,549
Ndoshta ne mund të bëjmë diçka
shumë më interesante me këtë.

522
00:30:47,549 --> 00:30:49,590
Le të gjetur disa më shumë
mënyrë interesante për të kujtoj

523
00:30:49,590 --> 00:30:53,500
kjo më e komplikuar
dhënave ne kemi qasje në.

524
00:30:53,500 --> 00:31:04,950
>> Akti V, Mapping-- rrënjësisht,
ne duam të vënë këto në një hartë.

525
00:31:04,950 --> 00:31:07,690
Unë do të thotë, ky është vendi ku kjo po ndodh.

526
00:31:07,690 --> 00:31:13,130
Ne duam të shifroj informacion në lidhje
Pozicioni i këtyre leximeve tërmetit,

527
00:31:13,130 --> 00:31:16,350
si dhe madhësia e tyre,
sepse ne kemi që tani.

528
00:31:16,350 --> 00:31:21,310
Ne e kuptojmë se si për të konsumuar
Të dhënat më të komplikuara.

529
00:31:21,310 --> 00:31:26,200
>> Gjëja e parë që ne do të bëjmë është
të krijojë një hartë, një hartë sfond.

530
00:31:26,200 --> 00:31:29,360
Unë jam duke shkuar për të shkuar nëpërmjet
kjo shumë shpejt.

531
00:31:29,360 --> 00:31:30,560
Kjo është kodi i ndërlikuar.

532
00:31:30,560 --> 00:31:33,110
Kjo është një tjetër një nga ato
receta ju nuk bëni me të vërtetë

533
00:31:33,110 --> 00:31:35,690
duhet ta kuptojnë plotësisht për ju për të përdorur.

534
00:31:35,690 --> 00:31:38,510

535
00:31:38,510 --> 00:31:39,740
Por kjo është kod.

536
00:31:39,740 --> 00:31:43,580
Ky kod drejtë këtu krijon një hartë.

537
00:31:43,580 --> 00:31:45,730
>> Ne nuk jemi duke shkuar për të shkuar në detaje.

538
00:31:45,730 --> 00:31:54,210
Por sipërfaqësisht, atë që nuk është,
kjo pyetje këtë fotografi us.json, i cili

539
00:31:54,210 --> 00:31:57,150
është një file të dhënave si
një që kishim përpara.

540
00:31:57,150 --> 00:31:59,150
Kjo është më komplekse, sigurisht.

541
00:31:59,150 --> 00:32:02,920
Por në këtë rast, çdo gjë,
çdo pikë të dhënave është ky shtet

542
00:32:02,920 --> 00:32:05,420
dhe ka një listë të
latitudes dhe gjatësi

543
00:32:05,420 --> 00:32:10,500
që përcaktojnë poligonin,
se formë, që shteti.

544
00:32:10,500 --> 00:32:13,280
>> Pra, çfarë do të bëjë D3 është e ngjashme
me atë që ne e bëmë para.

545
00:32:13,280 --> 00:32:18,140
Ajo do të kërkojë që dhe
lidhen që të një elementi.

546
00:32:18,140 --> 00:32:20,890
Dhe ka një funksion që
do të hartë atë element jashtë,

547
00:32:20,890 --> 00:32:23,410
bazuar në latitudes dhe gjatësi.

548
00:32:23,410 --> 00:32:24,580
Ju mund të lexoni më shumë në atë.

549
00:32:24,580 --> 00:32:27,385
Dhe unë rekomandoj atë.

550
00:32:27,385 --> 00:32:30,090
>> Nuk janë lidhjet në
Fundi i këtij kodi postuar.

551
00:32:30,090 --> 00:32:31,570
Dhe kod është komentuar.

552
00:32:31,570 --> 00:32:34,050
Në ka lidhje për më tej në këtë.

553
00:32:34,050 --> 00:32:36,590
Unë rekomandoj që ju shikoni atë.

554
00:32:36,590 --> 00:32:39,460
Por ajo që ne e intereson është
ky funksion projektimi.

555
00:32:39,460 --> 00:32:41,210
Unë dua të shkoj nëpër atë.

556
00:32:41,210 --> 00:32:43,522
>> Para së gjithash, më lejoni të tregoj
ju se, po, ne kemi një hartë.

557
00:32:43,522 --> 00:32:47,300

558
00:32:47,300 --> 00:32:49,970
Hartat janë të ftohtë.

559
00:32:49,970 --> 00:32:52,330
Pra, le të shohim në këtë
funksioni i prodhimit.

560
00:32:52,330 --> 00:32:56,481
>> Projektim është shumë shumë
si një shkallë, peshore përsëri.

561
00:32:56,481 --> 00:32:59,210
Pra, çfarë e prodhimit për
ky funksion projektimi

562
00:32:59,210 --> 00:33:06,610
nuk është, ne do të mund të kalojë atë gjatësi
dhe latitudes-- në këtë rast,

563
00:33:06,610 --> 00:33:09,590
këto vlera këtu janë
lat-longs e ndërtesës

564
00:33:09,590 --> 00:33:13,990
ne jemi ulur në të djathtë
now-- të projeksionit.

565
00:33:13,990 --> 00:33:20,560
Dhe projektimi do të konvertohet
që në vlerat piksel x dhe y.

566
00:33:20,560 --> 00:33:23,300
>> Pra, çfarë është duke bërë projektimi
është shumë e ngjashme me shkallë tonë.

567
00:33:23,300 --> 00:33:27,270
Ajo është duke marrë latitudes tonë dhe
gjatësi që përfaqëson një botë të tërë

568
00:33:27,270 --> 00:33:31,390
dhe ngushtim dhe sizing se
poshtë në sheshin që ne duam,

569
00:33:31,390 --> 00:33:33,510
që ne i kemi dhënë atë.

570
00:33:33,510 --> 00:33:35,220
Në këtë rast, ne jemi
duke kaluar këto vlera.

571
00:33:35,220 --> 00:33:41,370
Dhe kjo na është dhënë, të mirë, që
në ekranin tuaj do të thotë 640 pixels.

572
00:33:41,370 --> 00:33:46,250
E tërë Ky ekran është 700 pixels
i gjerë, kështu që na bën për këtu,

573
00:33:46,250 --> 00:33:53,310
dhe 154 pixels poshtë, të cilat unë do të
vlerësim është shumë e shumë këtu.

574
00:33:53,310 --> 00:33:57,250
>> Pra, duke marrë ato lat-gja, të cilat
përfaqësojnë diçka në të gjithë globin

575
00:33:57,250 --> 00:34:02,850
dhe squishing dhe lëvizin atë rreth
për të na x dhe vlerat y pixel jap,

576
00:34:02,850 --> 00:34:05,450
kjo është gjëja e parë që është
bërë në këtë kod të hartës.

577
00:34:05,450 --> 00:34:07,920
Dhe pastaj pjesa tjetër e
Kodi konsumon e të dhënave

578
00:34:07,920 --> 00:34:14,310
dhe pastaj harta ato lat-gja
mbi diçka në ekranin tuaj.

579
00:34:14,310 --> 00:34:18,380
>> Por ne jemi duke shkuar për të përdorur këtë projeksion
funksionet, sepse ajo rezulton

580
00:34:18,380 --> 00:34:20,270
ne kemi lat-longs gja si.

581
00:34:20,270 --> 00:34:24,509
Duke mbrapa në të dhënat tona, ne kemi
latitudes dhe koordinon gjatësi

582
00:34:24,509 --> 00:34:25,425
për çdo vëzhgim.

583
00:34:25,425 --> 00:34:28,131

584
00:34:28,131 --> 00:34:29,130
Pra, le të përdorim projeksion.

585
00:34:29,130 --> 00:34:33,250

586
00:34:33,250 --> 00:34:37,639
>> Pra, shikuar në ekspozitë tonë,
ne duam exposition-- tonë

587
00:34:37,639 --> 00:34:39,590
ne kemi një gjerësi dhe një gjatësi.

588
00:34:39,590 --> 00:34:40,770
Por ne duam vlerat pixel.

589
00:34:40,770 --> 00:34:43,510
Dhe kjo rezulton, ne kemi pikërisht
ajo që ne want-- projeksion.

590
00:34:43,510 --> 00:34:46,239
Shumë e shumë si ne ishim
duke përdorur shkallën e drejtë këtu,

591
00:34:46,239 --> 00:34:52,075
ne jemi tani duke shkuar për të përdorur projeksionin
dhe të kalojë ajo koordinon.

592
00:34:52,075 --> 00:34:55,241

593
00:34:55,241 --> 00:34:56,949
Pra, gjëja e parë
ne jemi duke doing-- kështu që ne jemi

594
00:34:56,949 --> 00:35:01,520
marrjen d, e cila është një dhënat individual
element i një tërmeti individual

595
00:35:01,520 --> 00:35:02,370
lexim.

596
00:35:02,370 --> 00:35:04,640
Gjëja e parë që ne bëjmë
është marrë koordinatat.

597
00:35:04,640 --> 00:35:06,150
Në rregull, ne kemi koordinatat.

598
00:35:06,150 --> 00:35:09,160
>> Gjëja e dytë që ne bëjmë është
kalojë që më në projektim.

599
00:35:09,160 --> 00:35:13,440
Projektim konverton ato koordinatat
në vlerat pixel, x dhe y.

600
00:35:13,440 --> 00:35:16,680
Dhe pastaj gjëja e fundit ne
doni të bëni është që vetëm të merrni x,

601
00:35:16,680 --> 00:35:19,342
që ky rast është i pari.

602
00:35:19,342 --> 00:35:22,050
Kjo është e para e dy gjërave
që janë kthyer nga projektim.

603
00:35:22,050 --> 00:35:27,840

604
00:35:27,840 --> 00:35:29,630
>> Ne do të bëjmë të njëjtën gjë për y.

605
00:35:29,630 --> 00:35:34,960
Por në vend të kësaj, ne do të kthehemi
Elementi i dytë, y.

606
00:35:34,960 --> 00:35:35,980
Get gati për të rifreskuar.

607
00:35:35,980 --> 00:35:39,830

608
00:35:39,830 --> 00:35:46,450
Ooh, karakter shtesë
here-- bukur, ne kemi

609
00:35:46,450 --> 00:35:51,730
një të shtyrë dokument të dhëna se është e
fshehjen këtë fotografi JSON e objekteve,

610
00:35:51,730 --> 00:35:57,560
duke e bërë një hartë, dhe në ndryshim
atribuohet në raport me të dhënat

611
00:35:57,560 --> 00:35:59,600
për të projektuar atë në një hartë.

612
00:35:59,600 --> 00:36:00,840
Kjo është me të vërtetë interesante.

613
00:36:00,840 --> 00:36:03,770
Kjo është e ftohtë.

614
00:36:03,770 --> 00:36:05,640
>> Le të bëjmë atë një nivel.

615
00:36:05,640 --> 00:36:08,795
Unë do të thotë, ne kemi dy copa të
informacion me çdo pikë të të dhënave.

616
00:36:08,795 --> 00:36:10,000
Unë do të thotë, tre.

617
00:36:10,000 --> 00:36:12,540
Ne kemi koordinatat,
cila është një x dhe y.

618
00:36:12,540 --> 00:36:15,700
Dhe ne kemi përmasat.

619
00:36:15,700 --> 00:36:17,420
>> Ne kemi nevojë për të shifroj madhësinë disi.

620
00:36:17,420 --> 00:36:18,920
Ne kemi një shumë të kanaleve.

621
00:36:18,920 --> 00:36:20,370
Ne mund të përdorni ngjyra.

622
00:36:20,370 --> 00:36:21,890
Ne mund të përdorim rreze.

623
00:36:21,890 --> 00:36:23,040
Ne mund të përdorni perde.

624
00:36:23,040 --> 00:36:25,540
Ne mund të përdorim shumë gjëra në kod.

625
00:36:25,540 --> 00:36:29,180
Çdo të këtyre atributeve dhe shumë
më shumë që nuk janë të listuara atje,

626
00:36:29,180 --> 00:36:33,065
sepse ata janë fakultative, ne mund të
përdorin për të shifroj këto të dhëna, pash

627
00:36:33,065 --> 00:36:35,670
dhe të gjitha këto gjëra unë kam përmendur.

628
00:36:35,670 --> 00:36:36,690
>> Le të bëjmë rreze.

629
00:36:36,690 --> 00:36:38,830
Unë mendoj rreze është më intuitiv.

630
00:36:38,830 --> 00:36:46,210
Pra, përsëri, ne do të zëvendësojë se hard-coded
40 dhe bëni disa llogaritje.

631
00:36:46,210 --> 00:36:48,810
Ne do të përdorim shkallën tonë të preferuar përsëri.

632
00:36:48,810 --> 00:36:50,290
Dhe ne jemi e kaluara d.

633
00:36:50,290 --> 00:36:55,850
Por nuk d sepse ne duam të madhësisë
e d. d është vetëm pika e të dhënave.

634
00:36:55,850 --> 00:36:57,430
Ne do të kalojë madhësia në shkallë.

635
00:36:57,430 --> 00:36:58,470
>> Le të përpiqemi që përsëri.

636
00:36:58,470 --> 00:37:00,230
Ooh, ajo nuk punon.

637
00:37:00,230 --> 00:37:02,940
Pse ajo nuk punon?

638
00:37:02,940 --> 00:37:04,387
>> Pra mbani mend çfarë shkallë bën.

639
00:37:04,387 --> 00:37:05,470
Le të shikojmë në shkallë përsëri.

640
00:37:05,470 --> 00:37:10,800
Harta në shkallë prej 1 deri 10 radhë
në 22-600, më pak ose më shumë.

641
00:37:10,800 --> 00:37:12,030
600 është i madh.

642
00:37:12,030 --> 00:37:14,730
Kjo është arsyeja pse ne jemi duke marrë këtë.

643
00:37:14,730 --> 00:37:18,420
>> Pra, ne duam të ndryshojmë shkallë tonë
për diçka më të arsyeshme.

644
00:37:18,420 --> 00:37:22,610
Le të thonë, ne duam 0-60.

645
00:37:22,610 --> 00:37:25,340
60 është i madh, por 10 tërmete
janë tepër të rralla.

646
00:37:25,340 --> 00:37:27,880
Në fakt, ata kurrë nuk kam ndodhur.

647
00:37:27,880 --> 00:37:31,830
>> Pra, çfarë kjo do të bëjë është, ajo do të marrë
Madhësia jonë që shkon nga 1 tek 10.

648
00:37:31,830 --> 00:37:34,490
dhe hartë atë në për të zgjeruar atë.

649
00:37:34,490 --> 00:37:37,370
Dhe hartë atë në të 0-60.

650
00:37:37,370 --> 00:37:38,840
Le të rifreskoni.

651
00:37:38,840 --> 00:37:41,850
>> I mirë, ne kemi një vizualizimi.

652
00:37:41,850 --> 00:37:42,500
Kjo është e madhe.

653
00:37:42,500 --> 00:37:43,736
Kjo është dhënat aktuale.

654
00:37:43,736 --> 00:37:46,360
Ju do të vini re, në lodër tim të vogël
shembull, tërmet i madh

655
00:37:46,360 --> 00:37:49,417
është e drejtë në krye të ne.

656
00:37:49,417 --> 00:37:50,000
Por kjo është ajo.

657
00:37:50,000 --> 00:37:54,422
Ne kemi një datë të shtyrë vizualizimi
që konsumon e të dhënave

658
00:37:54,422 --> 00:37:56,255
dhe na jep të vërtetë
informacion interesant.

659
00:37:56,255 --> 00:38:02,600

660
00:38:02,600 --> 00:38:06,420
Yeah, le të shtoni disa
interaktive për të.

661
00:38:06,420 --> 00:38:08,675
Kam përmendur se ishte
forca e fortë e D3.

662
00:38:08,675 --> 00:38:11,490

663
00:38:11,490 --> 00:38:15,060
>> Kështu që këtu, për çdo element, ne jemi
përshkruar një bandë e atributeve.

664
00:38:15,060 --> 00:38:20,230
Por ne gjithashtu mund të përshkruajnë atë që duam
të ndodhë me elemente interaktive.

665
00:38:20,230 --> 00:38:26,190
Për shembull, ne mund të përshkruajnë
çfarë ndodh kur ne e miut mbi.

666
00:38:26,190 --> 00:38:28,740

667
00:38:28,740 --> 00:38:33,640
Dhe shumë të ngjashme që,
që do të marrë një funksion,

668
00:38:33,640 --> 00:38:36,700
shumë e ngjashme me
atributet e kemi pasur më parë,

669
00:38:36,700 --> 00:38:44,650
ku ne bëjmë diçka për të
element kur ne rri pezull mbi të.

670
00:38:44,650 --> 00:38:47,100
>> Pra, gjëja e parë që ne duhet të
bëni është të zgjidhni atë element,

671
00:38:47,100 --> 00:38:49,435
për të gjetur atë në thelb, në shfletuesin.

672
00:38:49,435 --> 00:38:57,090

673
00:38:57,090 --> 00:39:00,920
dhe pastaj ne mund të krijojë
një atribut për të.

674
00:39:00,920 --> 00:39:06,870
Pra, ajo që unë jam duke bërë këtu është, kur ne të rri pezull
mbi diçka, ne do të merrni atë element

675
00:39:06,870 --> 00:39:11,197
dhe pastaj të vënë perde e saj prapa
me 1, tek krejtësisht opake.

676
00:39:11,197 --> 00:39:12,488
Le të shohim se çka do të duket si.

677
00:39:12,488 --> 00:39:29,430

678
00:39:29,430 --> 00:39:39,080
>> Duket ne kemi një
pikëpresje shtesë këtu.

679
00:39:39,080 --> 00:39:42,420
Pra, në qoftë se ne të rri pezull mbi këtu, ajo merr të plotë.

680
00:39:42,420 --> 00:39:46,530

681
00:39:46,530 --> 00:39:48,960
Por tani, sigurisht, atë
qëndron i plotë, sepse ne

682
00:39:48,960 --> 00:39:53,240
kanë për të përshkruar se çfarë ndodh
kur hiqni kursorin tonë.

683
00:39:53,240 --> 00:39:59,990
Pra, le të bëjë pikërisht këtë në
mouseout, në krahasim me Kalo miun kompjuterik mbi.

684
00:39:59,990 --> 00:40:06,399
>> Dhe ne do të rivendosur atë për të
çfarë kemi pasur before-- 0,5.

685
00:40:06,399 --> 00:40:10,260
Dhe tani, çdo herë ne
rri pezull, të kemi një rreth të plotë.

686
00:40:10,260 --> 00:40:13,468
Ajo na ndihmon të shohim se çfarë ne
ne jemi duke zgjedhur në thelb.

687
00:40:13,468 --> 00:40:19,210

688
00:40:19,210 --> 00:40:22,860
>> Dhe tani le të bëjë kjo me të vërtetë i madh.

689
00:40:22,860 --> 00:40:26,210
Le të lidheni kjo për të dhënat reale.

690
00:40:26,210 --> 00:40:30,890
Pra, le të pyes mund
USGS rreth të dhënave të tyre.

691
00:40:30,890 --> 00:40:35,630
Pra Gjeologjik të SHBA
ka të dhëna në lidhje me tërmetet.

692
00:40:35,630 --> 00:40:41,460
Ata kanë një API publike që është e drejtë
të konsumohen në format JSON.

693
00:40:41,460 --> 00:40:42,548
Pra, le ta bëjmë këtë.

694
00:40:42,548 --> 00:40:49,730

695
00:40:49,730 --> 00:40:55,900
>> Pra, kjo është pak e kodit që
lidhet me API USGS.

696
00:40:55,900 --> 00:40:57,990
Dhe nuk është pak e përpunimit në të.

697
00:40:57,990 --> 00:41:02,200
Kjo nuk është e rëndësishme, por e thjeshton atë
në një format të thjeshtë të të dhënave si ajo

698
00:41:02,200 --> 00:41:03,800
kemi pasur më parë.

699
00:41:03,800 --> 00:41:08,140
Kështu që unë të shpëtoj të thirrjes sonë për të
data.json tonë të rreme në dosje.

700
00:41:08,140 --> 00:41:13,110
Dhe në vend të kësaj, unë jam duke e quajtur
USGS në thelb.

701
00:41:13,110 --> 00:41:16,700
>> Le të rifreskoni, e bukur.

702
00:41:16,700 --> 00:41:21,260
Kjo është e vërteta, të dhënat e të vërtetë të jetës
nga kjo jave për tërmetet.

703
00:41:21,260 --> 00:41:23,217
Kjo është me të vërtetë interesante.

704
00:41:23,217 --> 00:41:25,050
Kjo nuk është për t'u habitur
për ne, por ka

705
00:41:25,050 --> 00:41:27,909
një shumë e tërmeteve në
West Coast në Kaliforni.

706
00:41:27,909 --> 00:41:30,950
Por unë mendoj se ishte shumë interesante
se ka qenë aq shumë tërmete

707
00:41:30,950 --> 00:41:34,350
në Alaskë, dhe me sa duket,
këtu në Midwest.

708
00:41:34,350 --> 00:41:37,630
Unë do të thotë, interesante, dhe ne jemi të mirë.

709
00:41:37,630 --> 00:41:40,410
Kjo është konkluzioni.

710
00:41:40,410 --> 00:41:43,760
>> Por në thelb, ky
është ajo D3 na ndihmon të bëjmë.

711
00:41:43,760 --> 00:41:48,030
Ajo na ndihmon të marrë të dhëna, ngurtësohem
ajo të elementeve në DOM,

712
00:41:48,030 --> 00:41:51,620
dhe kanë ato elemente të ndryshojë
si një funksion i të dhënave,

713
00:41:51,620 --> 00:41:54,780
kanë këto atribute, të gjithë e
shumë atributet e elementeve,

714
00:41:54,780 --> 00:41:57,393
të gjithë të jenë të dobishme për kanalet
për të përcjellë informacion.

715
00:41:57,393 --> 00:42:05,440

716
00:42:05,440 --> 00:42:09,290
>> D3 është një tepër i fuqishëm
Biblioteka dhe amazingly mirë të kandidojë.

717
00:42:09,290 --> 00:42:12,260
Kjo është disa sende të fuqishme.

718
00:42:12,260 --> 00:42:15,960
Vizualizimi të dhënave është një
mjet tepër i fuqishëm

719
00:42:15,960 --> 00:42:21,530
për të përcjellë tek njerëzit e thella
njohuri që merr në thelbin e tyre

720
00:42:21,530 --> 00:42:25,430
dhe ndihmon ata të kuptojnë, në
kjo mënyrë të thellë dhe intuitiv,

721
00:42:25,430 --> 00:42:29,760
se si të dhënat vepra dhe se si
të dhënat e ndryshon jetën tonë.

722
00:42:29,760 --> 00:42:31,019