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

2
00:00:00,780 --> 00:00:11,880
>> [MUZIKO Ludante]

3
00:00:11,880 --> 00:00:16,480
>> DAVIDO Chouinard: Mi estas Davido
Chouinard, kaj tiu estas D3.

4
00:00:16,480 --> 00:00:17,700
Bonvenon.

5
00:00:17,700 --> 00:00:21,270
Ni intencas lerni pri D3 hodiaŭ.

6
00:00:21,270 --> 00:00:25,020
D3 estas JavaScript kadro
por konstrui alta kvalito

7
00:00:25,020 --> 00:00:28,110
interagajn visualizaciones por la reto.

8
00:00:28,110 --> 00:00:30,870
Aĵoj kiel kio ni estas
vidante en dorso de mi,

9
00:00:30,870 --> 00:00:34,230
ni tuj lernos al fari tiuj
aĵoj, speco de la basics de ĝi.

10
00:00:34,230 --> 00:00:36,452
Sed tuj estos genia.

11
00:00:36,452 --> 00:00:38,160
Ni starti
farante belajn bildojn.

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

13
00:00:41,108 --> 00:00:44,350
Ni havas pli donas
de perspektivoj havebla.

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

15
00:00:48,040 --> 00:00:50,760
Ni faru tion.

16
00:00:50,760 --> 00:00:58,700
>> Akto I, DOM manipulation-- ni iras
komenci tuj farante malvarmeta aĵoj.

17
00:00:58,700 --> 00:01:01,240
Unue, sur la maldekstra, ni havas kodon.

18
00:01:01,240 --> 00:01:03,470
Dekstre, ni havas
la rezulto de nia kodo.

19
00:01:03,470 --> 00:01:04,900
Ni iru tra gxi.

20
00:01:04,900 --> 00:01:05,780
>> Ni faru cirklon.

21
00:01:05,780 --> 00:01:08,570
Kiel funkcias tiu sono?

22
00:01:08,570 --> 00:01:14,934
svg.append circle--
ni ĵus faris rondon.

23
00:01:14,934 --> 00:01:16,100
Vi ne kredas min, ĉu ne?

24
00:01:16,100 --> 00:01:18,190
Ĝi ne estas tie.

25
00:01:18,190 --> 00:01:21,830
>> Do kion ni faris ĉi tie estas,
SVG estas skalebla vektora grafiko.

26
00:01:21,830 --> 00:01:27,530
Tiu estas la vojo kiun ni rakontas la retumilo al
fari vektora grafikaĵo en la retumilo.

27
00:01:27,530 --> 00:01:30,740
Kion ni ĵus faris nun
aldonas cirklo por foliumi.

28
00:01:30,740 --> 00:01:34,790
>> La promeso estas, ke la rondo
postulas iom de bazaj atributoj

29
00:01:34,790 --> 00:01:36,850
antaŭ ni efektive povas vidi gxin.

30
00:01:36,850 --> 00:01:40,045
Ni devas diri ĝin lia x pozicio,
lia y pozicio, ĝia radiuso.

31
00:01:40,045 --> 00:01:43,310
Ni ne sciigus tion ajn de tiu,
tial ni ne vidante gxin nun.

32
00:01:43,310 --> 00:01:46,210
Sed ni diris gxin ajxoj.

33
00:01:46,210 --> 00:01:49,510
>> Do unue: vi mem havigis
doni nian rondon nomon.

34
00:01:49,510 --> 00:01:53,070
Do ni nomas ĝin rondon.

35
00:01:53,070 --> 00:01:54,406
Nia cirklo havas nomon nun.

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

37
00:01:57,230 --> 00:01:59,490
Kaj ni donu gxin kelkaj atributoj.

38
00:01:59,490 --> 00:02:03,690
Kion pri cx estus centri x, do
la centro de la x pozicio.

39
00:02:03,690 --> 00:02:06,730
Diru, 200 por 200 rastrumeroj.

40
00:02:06,730 --> 00:02:10,220
>> Ni donu al ĝi y el 200 rastrumeroj ankaŭ.

41
00:02:10,220 --> 00:02:16,032
Kaj r, radioaparato, de ĉirkaŭ 40 rastrumeroj.

42
00:02:16,032 --> 00:02:16,950
Nun ni vidu.

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

44
00:02:21,740 --> 00:02:23,440
Mi ne povas literumi.

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

46
00:02:30,430 --> 00:02:31,520
>> Tie vi iru.

47
00:02:31,520 --> 00:02:37,330
Ni havas cirklon je pozicio 200
pixeles, 200 rastrumeroj, radiuso de 40 rastrumeroj.

48
00:02:37,330 --> 00:02:38,280
Speco de frideta dekstra?

49
00:02:38,280 --> 00:02:38,988
Ni havas rondon.

50
00:02:38,988 --> 00:02:40,880
Yeah.

51
00:02:40,880 --> 00:02:42,670
>> Do ne bezonas sekvi kune.

52
00:02:42,670 --> 00:02:45,790
Ĉiuj ĉi tiuj ekzemploj, ĉiuj
la kodo mi faras hodiaŭ

53
00:02:45,790 --> 00:02:51,300
estos provizita linio fine
en formo de interaga ekzemploj

54
00:02:51,300 --> 00:02:54,010
kun kontrolpunktoj je
ĉiu ago, kaj tiel plu.

55
00:02:54,010 --> 00:02:55,160
>> Ni faru pli aĵoj.

56
00:02:55,160 --> 00:02:58,901
Tiu nigra cirklo estas vere malbela.

57
00:02:58,901 --> 00:03:01,541
Mi bedaŭras pro tiu eraro
mesaĝojn dekstra tie.

58
00:03:01,541 --> 00:03:05,340
Tie ni marŝos.

59
00:03:05,340 --> 00:03:06,350
>> Ni donu al ĝi koloron.

60
00:03:06,350 --> 00:03:07,170
Kiom estas tio?

61
00:03:07,170 --> 00:03:08,340
Mi ŝatas ŝtalon blua.

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

63
00:03:13,280 --> 00:03:16,030
Nu, nia rondo ŝanĝiĝis koloro.

64
00:03:16,030 --> 00:03:17,320
Tio estas granda.

65
00:03:17,320 --> 00:03:31,330
Ni faru ĝin semi-travidebla
too-- semi-travidebla.

66
00:03:31,330 --> 00:03:33,670
>> Tiuj estas atributoj
ni difinanta en la rondo.

67
00:03:33,670 --> 00:03:36,774
La unua afero, kiun ni faris estas
ni metu cirklo sur la paĝo.

68
00:03:36,774 --> 00:03:38,690
Kaj tiam ni difinas
faskon da atributoj.

69
00:03:38,690 --> 00:03:41,610
Kelkaj el tiuj estas postulataj,
kiel cx, CY, kaj radiuso.

70
00:03:41,610 --> 00:03:42,680
Kaj aliaj estas laŭvolaj.

71
00:03:42,680 --> 00:03:44,730
>> Ekzistas multe pli da atributoj.

72
00:03:44,730 --> 00:03:46,760
Restas multa el ili.

73
00:03:46,760 --> 00:03:53,070
Ekzemple, ni povus havi
stroke tiel, bato de ruĝa.

74
00:03:53,070 --> 00:03:55,630
Sed ni forigu tion.

75
00:03:55,630 --> 00:04:00,450
Ni estas reen al rondo, blua rondo.

76
00:04:00,450 --> 00:04:01,600
>> Do ni faras pli rondoj.

77
00:04:01,600 --> 00:04:02,810
Kiom estas tio?

78
00:04:02,810 --> 00:04:04,665
Ni faru alian rondon.

79
00:04:04,665 --> 00:04:05,985
Tio estas ekscita, dekstra?

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

81
00:04:09,630 --> 00:04:12,300
>> Do diru simple Copy-batitaj
kion ni havis jam.

82
00:04:12,300 --> 00:04:13,570
Ni nomas ĝin circle2.

83
00:04:13,570 --> 00:04:15,840
Kaj ni faru la ĝusta
samon kaj donu

84
00:04:15,840 --> 00:04:20,450
atributoj, donita x pozicio de 300.

85
00:04:20,450 --> 00:04:24,140
Yay, ni havas du cirkloj nun.

86
00:04:24,140 --> 00:04:27,240
>> Kaj kompreneble, ni povis
ĝisdatigi tiujn valorojn.

87
00:04:27,240 --> 00:04:31,640
Mi povus meti ĝin en 400, kaj nun ĝi moviĝas.

88
00:04:31,640 --> 00:04:35,470
Kaj ĉar ĝi estas ĝena, ni
forigi ĝin, do circle2.remove.

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

90
00:04:39,000 --> 00:04:40,730
Ĝi estas irita nun.

91
00:04:40,730 --> 00:04:43,170
>> Do kion ni faras kaj
Estas nur tre, very-- ĉi

92
00:04:43,170 --> 00:04:46,030
Estas tre simila al kion vin
agu en jQuery, ekzemple.

93
00:04:46,030 --> 00:04:48,240
Ni nur manipulanta
la DOM, ĝi nomiĝas.

94
00:04:48,240 --> 00:04:50,040
Vi eble aŭdis tiun vorton antaŭe.

95
00:04:50,040 --> 00:04:53,255
Ni kreas stuff, fiksante
atributoj en stuff, removiendo ajxoj.

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

97
00:04:58,950 --> 00:05:02,360
>> Nun, tie estas kie metas interesa.

98
00:05:02,360 --> 00:05:07,250
Do poste en la kodo, ni povus ankoraŭ
referi al la originala rondo tie.

99
00:05:07,250 --> 00:05:14,100
Do ni reset lia atributo al cx.

100
00:05:14,100 --> 00:05:18,260
Diru, lia x pozicio 400.

101
00:05:18,260 --> 00:05:22,406
Kaj mi tuj transiron
ke, tuj kiam estas evidenta.

102
00:05:22,406 --> 00:05:23,360
Tie ni marŝos.

103
00:05:23,360 --> 00:05:24,780
>> Do ni aldonis rondon.

104
00:05:24,780 --> 00:05:26,440
Ni starigu kelkajn ecojn.

105
00:05:26,440 --> 00:05:28,210
Ni aldonis alian rondon, eltiris.

106
00:05:28,210 --> 00:05:31,650
Kaj tiam ni modifi
la originala rondo.

107
00:05:31,650 --> 00:05:35,400
>> Sed ĉi tie estas kie metas
multe pli interesa.

108
00:05:35,400 --> 00:05:39,070
Ne nur povas ni aro atributoj
kiel ĝuste valoroj, ni povas diri,

109
00:05:39,070 --> 00:05:41,610
hey, rondo, iru al posicionar 200.

110
00:05:41,610 --> 00:05:44,540
Ni povas ankaŭ agordi ilin kiel funkciojn.

111
00:05:44,540 --> 00:05:48,850
>> Do anstataŭ doni 400 tie,
ni povas fari iujn kalkulo

112
00:05:48,850 --> 00:05:53,950
sur la muŝo por kio ni
volas tiun atributon por esti.

113
00:05:53,950 --> 00:05:56,580
Do jen kiel oni kredus esprimi tion.

114
00:05:56,580 --> 00:06:00,660
Ni diru, anstataŭ 400, lasu min
doni al vi funkcion anstataŭe.

115
00:06:00,660 --> 00:06:04,180
Kaj tie, ene tiu funkcio,
Ni povas fari neniun frenezan kalkulo.

116
00:06:04,180 --> 00:06:06,820
>> Ni povus preni la tempo kaj
rigardi iun alia afero

117
00:06:06,820 --> 00:06:11,230
kaj dinamike decidi por
la rondo kia valoro ni volas.

118
00:06:11,230 --> 00:06:15,266
Kion pri ni simple donu
ĝi hazarda x pozicion?

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

120
00:06:20,360 --> 00:06:21,120
Do tio estas ke.

121
00:06:21,120 --> 00:06:25,490
>> Do kion tio diras estas, por
ĉiu x, kuri ĉi funkcio.

122
00:06:25,490 --> 00:06:29,340
Kaj kion ni faras estas kalkulanta
iuj aĵoj, hazarda fojoj la larĝa

123
00:06:29,340 --> 00:06:30,410
kaj revenante tio.

124
00:06:30,410 --> 00:06:34,765
Do ĉiufoje ni kuris ke, rezultiĝas
rondo kiu iras al hazarda loko.

125
00:06:34,765 --> 00:06:36,394
Estas speco de malvarmeta.

126
00:06:36,394 --> 00:06:38,310
Mi sentas ke mi povus rigardi
en ĉi antaux momento.

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

128
00:06:44,274 --> 00:06:46,440
Ni komencas atingi
ion interesan ĉi tie.

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

130
00:06:49,120 --> 00:06:51,390
Ni faru ĉi datumoj pelita nun.

131
00:06:51,390 --> 00:06:53,420
Mankas datumojn tie.

132
00:06:53,420 --> 00:06:54,482
Ni ŝanĝu tion.

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

134
00:06:57,440 --> 00:07:12,140
>> Akto II, Datumoj Driven Documents--
Do ni revenu ĉi tien.

135
00:07:12,140 --> 00:07:15,340
Kaj ni nur forigi circle2,
ĉar ni simple aldonante kaj demetante

136
00:07:15,340 --> 00:07:15,840
ĝin.

137
00:07:15,840 --> 00:07:17,382
Do ni ne vere bezonas ĝin.

138
00:07:17,382 --> 00:07:21,421
Ni bezonas esti multa pli ruza tie.

139
00:07:21,421 --> 00:07:23,170
Diru, ni havas
iuj datumoj de iu tipo.

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

141
00:07:31,540 --> 00:07:40,020
Unu moment-- diru,
ni havis datumojn de ĉi tiu formo.

142
00:07:40,020 --> 00:07:41,800
Ni havis tabelo, nur
faskon da nombroj.

143
00:07:41,800 --> 00:07:45,750
Ni havas sep numerojn tie,
ajn tiuj represent-- kvanto

144
00:07:45,750 --> 00:07:48,810
en Popola bankokonto, kiom
multe pesas, dio scias kion.

145
00:07:48,810 --> 00:07:51,310
>> Tiuj estas nombroj, kaj ni
volos uzi nian rondoj

146
00:07:51,310 --> 00:07:53,240
reprezenti tiujn numerojn iel.

147
00:07:53,240 --> 00:07:55,515
Ni volas ligi niajn
rondoj por tiuj nombroj.

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

149
00:07:58,750 --> 00:07:59,626
Do kion ni faros.

150
00:07:59,626 --> 00:08:01,500
Diru, ni bezona
rondo por ĉiu nombro.

151
00:08:01,500 --> 00:08:03,590
Ni povus fari la malnova
afero ni doing--

152
00:08:03,590 --> 00:08:06,020
rondo append kaj circle2 kaj circle3.

153
00:08:06,020 --> 00:08:10,020
Sed ĉi eliras de mano, kaj
tie estas multa ripetante logiko.

154
00:08:10,020 --> 00:08:12,760
>> Do ni ricevas pli ruza kun tiu.

155
00:08:12,760 --> 00:08:17,810
Anstataŭ uzi la var rondo
svg.append ke ni simple uzante,

156
00:08:17,810 --> 00:08:21,580
ni iras al uzi
tiu malgranda bloko tie.

157
00:08:21,580 --> 00:08:24,510
Mi ne volas iri en-profundo
en kio ĉiuj tiuj partoj fari.

158
00:08:24,510 --> 00:08:26,020
Kaj estas speco de progresinta temo.

159
00:08:26,020 --> 00:08:27,830
Kaj se mi povus.

160
00:08:27,830 --> 00:08:31,370
>> Sed la ŝlosilo afero recognize-- kaj
vi vidos estas tre ofte en D3 kodo.

161
00:08:31,370 --> 00:08:36,840
Tiu bloko de teksto baza
kreas kiel multaj rondoj

162
00:08:36,840 --> 00:08:41,360
kiel estas datumoj elementoj
en tiu tabelo dekstra tie.

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

164
00:08:53,420 --> 00:08:55,780
Do ĉi tio kreas tiom da
rondoj kiel estas elementoj.

165
00:08:55,780 --> 00:08:58,520
Iĝos krei ni sep rondoj.

166
00:08:58,520 --> 00:09:01,710
Kaj ĝi faras lin vere, vere ŝlosila afero.

167
00:09:01,710 --> 00:09:02,460
Do ni kuris ke.

168
00:09:02,460 --> 00:09:05,460
Ni forigu niaj aliaj rondo.

169
00:09:05,460 --> 00:09:09,565
Ni simple komenti ĉi
disiĝi el kaj kuri ĉi denove.

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

171
00:09:13,840 --> 00:09:15,260
>> Tie ni marŝos.

172
00:09:15,260 --> 00:09:18,030
Do nia rondo ĉi tie estas
multe pli malhela, ĉar ni

173
00:09:18,030 --> 00:09:20,720
havas sep rondoj, unu
supre sur la aliajn.

174
00:09:20,720 --> 00:09:25,425
Ni ĵus kreita sep rondoj, unu
ĉiu por ĉiu de ĉi tiuj datumoj elementoj.

175
00:09:25,425 --> 00:09:28,860
Sed estas ŝlosila afero kiu okazis
kun tiu cxi dekstre tie.

176
00:09:28,860 --> 00:09:31,030
>> Estas ke datumoj estis malliberigita.

177
00:09:31,030 --> 00:09:33,440
Do ĉiu ununura unu el
tiuj datumoj elementoj,

178
00:09:33,440 --> 00:09:38,830
10, 45, 105, estis baro
al aparta rondo.

179
00:09:38,830 --> 00:09:40,960
Do tiuj ne nur kreis
faskon da rondoj

180
00:09:40,960 --> 00:09:43,420
sed ligas tiujn du aĵojn kune.

181
00:09:43,420 --> 00:09:48,740
>> Kaj en la estonteco, ĉar ni kreis
tiuj rondoj kun ĉi D3 funkcio,

182
00:09:48,740 --> 00:09:52,430
se mi al vi rondo, vi povas
donu al mi la datumojn asociitaj kun ĝi.

183
00:09:52,430 --> 00:09:53,280
Do ni povas demandi D3.

184
00:09:53,280 --> 00:09:54,840
Hej, D3, mi havas ĉi rondo.

185
00:09:54,840 --> 00:09:57,350
Kio estas la datumo kiu la cirklo havas?

186
00:09:57,350 --> 00:10:01,290
Kaj D3 dirus al ni 10 aŭ 45 aŭ 105.

187
00:10:01,290 --> 00:10:02,380
>> Tion ligitajn.

188
00:10:02,380 --> 00:10:04,490
Tio estas tre, tre fundamenta koncepto.

189
00:10:04,490 --> 00:10:06,070
Ni rigardu tion.

190
00:10:06,070 --> 00:10:12,210
>> Do la vojo ni volas demandi D3-- tiel
ĉi estas palaj por ĉi,

191
00:10:12,210 --> 00:10:16,620
sed nur fidi min sur gxin.

192
00:10:16,620 --> 00:10:17,620
Tiel estas kiel ni petas D3.

193
00:10:17,620 --> 00:10:21,312
Hej, D3, donu al mi la unuan
rondo kiu vi povas trovi.

194
00:10:21,312 --> 00:10:23,580
Donu al mi la unua rondo vi povas trovi.

195
00:10:23,580 --> 00:10:29,660
Kaj tiam ni povus demandi D3, kio estas
la datumoj sur kiuj, kiel tiu, 10.

196
00:10:29,660 --> 00:10:33,380
>> Tial ni petas D3, trovu min
la unua rondo vi povas trovi.

197
00:10:33,380 --> 00:10:34,400
Kio estas liaj datumoj?

198
00:10:34,400 --> 00:10:36,650
10, tio estas ja nia
unuaj datumoj elemento.

199
00:10:36,650 --> 00:10:42,150
Ni povus demandi ŝin, hej, D3,
trovi nin nia tria rondo.

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

201
00:10:44,450 --> 00:10:45,740
Kial estas ĉi tio vere gravas?

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

203
00:10:49,790 --> 00:10:52,250
>> Do ĉi tie mi mencias
ke ni povus uzi funkciojn.

204
00:10:52,250 --> 00:10:54,910
Kaj mi menciis ke estis
tre potenca afero.

205
00:10:54,910 --> 00:11:03,070
Do ne nur povas niaj funkcioj fari aferojn
kiel faras iom da kalkulado, ekzemple,

206
00:11:03,070 --> 00:11:09,170
resendas hazarda numero, ĝi eblas
ankaux fari tion surbaze de la datumoj.

207
00:11:09,170 --> 00:11:11,550
Jen kion datumoj pelita dokumentoj signifi.

208
00:11:11,550 --> 00:11:13,750
Tion D3 signifas.

209
00:11:13,750 --> 00:11:17,800
>> Do ĉi x postition-- anstataŭe
de nur diras, ĉiuj cirkloj,

210
00:11:17,800 --> 00:11:21,735
akiri x pozicio 200, ni
povus doni al ĝi funkcion.

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

212
00:11:26,140 --> 00:11:30,140
Kaj tie, ni povas fari iujn kalkulo.

213
00:11:30,140 --> 00:11:33,710
kaj d Jen staras en loko por la datumoj.

214
00:11:33,710 --> 00:11:36,120
Do ĉiufoje ni havas
cirklo, esence,

215
00:11:36,120 --> 00:11:37,750
D3 kreos tiujn sep rondoj.

216
00:11:37,750 --> 00:11:38,500
Kaj tiam por ĉiu

217
00:11:38,500 --> 00:11:41,920
>> rondo, ĝi estas ironta, hey,
circle1 kio estas via x pozicio.

218
00:11:41,920 --> 00:11:45,210
Antaŭe, ni estis
ĉiam respondante 200.

219
00:11:45,210 --> 00:11:48,630
Sed nun, ĉiufoje D3 demandas
ni kio estas via x pozicio,

220
00:11:48,630 --> 00:11:51,790
ĝi tuj donu us-- ni havas
ke cirklo, do ni havas la datumon.

221
00:11:51,790 --> 00:11:55,290
Ĝi estas tuj donos al ni la datumojn kaj diru:
Kion vi volas, ke la ekspozicio esti,

222
00:11:55,290 --> 00:11:57,120
surbaze de tiu datumo.

223
00:11:57,120 --> 00:11:59,590
>> Ni simple reveni la reala datumo.

224
00:11:59,590 --> 00:12:04,910
Do se ni kuras ĉi, ĉi tiu donas
ni datumoj pelita dokumentoj.

225
00:12:04,910 --> 00:12:08,040
Tiuj rondoj estas bazitaj
rilate position--

226
00:12:08,040 --> 00:12:11,120
ili estas bazoj kiel funkcio de la datumoj.

227
00:12:11,120 --> 00:12:13,100
>> Do por la unua rondo,
D3 metas rondon.

228
00:12:13,100 --> 00:12:16,770
Kaj tiam D3 demandas nin, kion fari
Vi volas la ekspozicio estos.

229
00:12:16,770 --> 00:12:19,620
Kaj ni simple diru, kion ajn la datumoj estas.

230
00:12:19,620 --> 00:12:21,185
Faru la ekspozicio 10.

231
00:12:21,185 --> 00:12:26,320
>> Tiam demandas, kion vi volas ke la
ekzegezo esti por la dua rondo.

232
00:12:26,320 --> 00:12:27,270
Kaj ni respondos, 45.

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

234
00:12:30,000 --> 00:12:32,230
Kaj ni, kompreneble, povas
fari iujn kalkulado tie.

235
00:12:32,230 --> 00:12:35,510
Mi trovas ke tiuj rondoj
estas speco de squished supren.

236
00:12:35,510 --> 00:12:38,965
>> Do multipliki ĝin per 3, multipliki datumojn per 3.

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

238
00:12:41,870 --> 00:12:43,840
Nia cirklo ĵus ekspansiiĝis ekstere.

239
00:12:43,840 --> 00:12:46,730
Nia valoro triobligis.

240
00:12:46,730 --> 00:12:51,010
>> La rondo estas vere rande,
do ni eble ia kompensi ĝin.

241
00:12:51,010 --> 00:12:53,632
Diru, per 20.

242
00:12:53,632 --> 00:12:56,070
Ĉi tie vi iras.

243
00:12:56,070 --> 00:12:57,590
>> Tiu estas datumo visualización.

244
00:12:57,590 --> 00:13:01,767
Ĝi estas tre baza, sed ĉi
donas al ni kelkajn informojn pri nia datumoj.

245
00:13:01,767 --> 00:13:04,600
Ĝi diras al ni, ke, ekzemple, ni
havi iom peniko da elementoj.

246
00:13:04,600 --> 00:13:06,340
Kaj ni havas grandajn _outlier_ tie.

247
00:13:06,340 --> 00:13:10,830
Tio donas al ni iun informon
pri la distribuo.

248
00:13:10,830 --> 00:13:20,830
>> Se ni estus, ekzemple, ŝanĝi
la datumoj al 150 tie kaj refreŝigon,

249
00:13:20,830 --> 00:13:22,630
nia videbligo estas ŝanĝita.

250
00:13:22,630 --> 00:13:24,285
Tiu dokumento estas datumoj pelataj.

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

252
00:13:32,640 --> 00:13:36,180
>> Do kompreneble, ĉiuj ĉi tiuj elementoj,
ĉiuj tiuj atributoj tie,

253
00:13:36,180 --> 00:13:38,430
ni povas uzi la funkcio, ne
nur la nombroj, ne nur

254
00:13:38,430 --> 00:13:39,900
la x kaj y pozicioj.

255
00:13:39,900 --> 00:13:42,120
Do ni povas uzi funkcio por la koloro.

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

257
00:13:45,260 --> 00:13:46,360
Do ni faros la saman.

258
00:13:46,360 --> 00:13:49,360
Ni donos gxin funkcio.

259
00:13:49,360 --> 00:13:52,320
>> Kaj ni diru, ni povus havi
conditionals en nia funkcio.

260
00:13:52,320 --> 00:13:54,770
Tiu funkcio povas esti
cento de linioj longaj.

261
00:13:54,770 --> 00:13:57,150
Ĝi povas fari tre, tre komplika aferojn.

262
00:13:57,150 --> 00:13:59,080
>> Do ni enmetu se aserto tie.

263
00:13:59,080 --> 00:14:03,420
Diru, se nia datumoj estas malpli
ol 50, tio estas iuj sojlo

264
00:14:03,420 --> 00:14:05,817
ke ni interesiĝas
en ial.

265
00:14:05,817 --> 00:14:06,650
Ni faru ĝin verda.

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

267
00:14:09,830 --> 00:14:15,320
Alie, ni faru gxin ruĝa.

268
00:14:15,320 --> 00:14:16,110
Kiom estas tio?

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

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

271
00:14:21,220 --> 00:14:24,860
>> Do niaj datumoj videbligo komenciĝas
transdoni pli interesa informo

272
00:14:24,860 --> 00:14:26,727
sur multaj kanaloj.

273
00:14:26,727 --> 00:14:28,560
Do nun ni scias iom
pri la distribuo.

274
00:14:28,560 --> 00:14:31,768
Kaj ni scias, ke ekzistas ia
ekstermigxu cxe 50 kiu ni interesas.

275
00:14:31,768 --> 00:14:35,630
Ni scias ke estas du datumaj punktoj
sub tiu sojlo kaj plejparte ili

276
00:14:35,630 --> 00:14:36,130
supre.

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

278
00:14:41,510 --> 00:14:46,160
>> Do kiel fina paŝo, ĉi datumoj tie,
ĝi estas tre malofte vidi ĉi tiel.

279
00:14:46,160 --> 00:14:52,610
Do ni simple movi ĝin al variablo
ĉar tiu estas pli pura, kiel tiu ĉi.

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

281
00:15:02,980 --> 00:15:05,197
Kaj tiam ni uzas tiun variablon tie.

282
00:15:05,197 --> 00:15:06,280
Estas la ĝusta sama afero.

283
00:15:06,280 --> 00:15:07,280
Estas nur iom pli pura.

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

285
00:15:25,300 --> 00:15:35,300
>> Sekva supren, Akto III, Scales--
Do unu problemo dekstra

286
00:15:35,300 --> 00:15:38,920
tie estas, se ni ŝanĝas niajn
data 200 value--

287
00:15:38,920 --> 00:15:41,685
se ni ŝanĝus ĝin al 400
aŭ io kaj refreŝigon,

288
00:15:41,685 --> 00:15:44,540
tiam tiu valoro nur iris offscreen.

289
00:15:44,540 --> 00:15:49,040
Do nia logiko tie ĉi
de kiel ni faros la fojojn 3

290
00:15:49,040 --> 00:15:52,570
kaj 20, diskonigi ĝin kaj tiam
ofseto gxi iom estas vere clunky.

291
00:15:52,570 --> 00:15:54,150
>> Kion tiuj nombroj signifas?

292
00:15:54,150 --> 00:15:55,400
Ili estas nur malfacile kodita tie.

293
00:15:55,400 --> 00:15:58,830
Kaj ili estas tre multe ligita al la datumoj.

294
00:15:58,830 --> 00:16:00,550
Ni volas datumoj pelita dokumenton.

295
00:16:00,550 --> 00:16:05,460
Ni volas tre fleksebla dokumento,
ke donitaj datumoj, adaptas al ĝi

296
00:16:05,460 --> 00:16:07,900
kaj reprezentas ĝin.

297
00:16:07,900 --> 00:16:11,330
>> Kion ni esence bezonas estas, ni
havas ĉi limigo de nombroj 10.

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

299
00:16:12,640 --> 00:16:17,630
Kaj ni volas mapaj ke eliris sur
la larĝa, la plena larĝo tie.

300
00:16:17,630 --> 00:16:20,620
Do ni havas la rangon de
nombroj iras de 0 al 100.

301
00:16:20,620 --> 00:16:24,980
Kaj ni havas ĉi campus mi iras
de 20 al 700, en ĉi tiu kazo.

302
00:16:24,980 --> 00:16:26,515
>> Ni speco de voli mapo kiu plu.

303
00:16:26,515 --> 00:16:30,002
Ni volas skali ke supren kaj
tiam kompensi ŝin iomete.

304
00:16:30,002 --> 00:16:33,165
Ĝi rezultas ke D3 havas tiujn.

305
00:16:33,165 --> 00:16:34,220
Ĝi nomas skalo.

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

307
00:16:37,410 --> 00:16:38,250
Do ni uzu ĝin.

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

309
00:16:46,300 --> 00:16:49,670
>> La vojo kiu works-- Mi iras al
tajpi ĉi tien kaj tiam klarigi ĝin.

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

311
00:17:01,530 --> 00:17:02,450
Jen skalo.

312
00:17:02,450 --> 00:17:08,670
Kio faros estas, ĝi estos mapo el
valoroj de 1 al 200 en 20 al 600.

313
00:17:08,670 --> 00:17:10,990
Ni povas kontroli tion.

314
00:17:10,990 --> 00:17:13,329
Ni povas vidi ke ĉi tie.

315
00:17:13,329 --> 00:17:21,704
>> Do se mi manĝigas ŝin 1-- unu momento.

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

317
00:17:47,764 --> 00:17:48,555
Donu al mi unu sekundo.

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

319
00:17:53,680 --> 00:17:55,080
Mi certe mistajpis ĝin.

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

321
00:18:15,320 --> 00:18:15,990
Tie vi iru.

322
00:18:15,990 --> 00:18:17,930
Mi bedaŭras pri tio.

323
00:18:17,930 --> 00:18:22,050
>> Do kia skalo faros
estas, ĝi prenos valoron

324
00:18:22,050 --> 00:18:24,930
kaj tiam konverti tiu,
pligrandigi tion diveni, do

325
00:18:24,930 --> 00:18:27,320
plenigas la tutan amplekson vi petante.

326
00:18:27,320 --> 00:18:32,910
Do en ĉi tiu kazo, se ni donas lin unu,
ĝi tuj mapaj ke eliris sur 20.

327
00:18:32,910 --> 00:18:37,750
Kaj se ni donas lin 200, estas
tuj mapaj ke sur 600.

328
00:18:37,750 --> 00:18:40,460
Kaj ie en inter,
se ni preni 100, estas

329
00:18:40,460 --> 00:18:44,610
tuj estos ie
en inter 20 kaj 600.

330
00:18:44,610 --> 00:18:51,480
>> Kaj kompreneble, nun tiu estas kio
ni bezonas forigi tiujn malfacile kodita

331
00:18:51,480 --> 00:18:53,402
tion ni rajtus tie.

332
00:18:53,402 --> 00:18:55,950
Do kion ni volas fari estas
preni la datumojn kiuj ni estas

333
00:18:55,950 --> 00:19:00,950
donita, por ke individuaj datumoj
elemento, kaj fordoni grimpi unue.

334
00:19:00,950 --> 00:19:02,635
Do skalo grimpi ĝin.

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

336
00:19:27,020 --> 00:19:48,880
>> Well-- Ho, ni havas iom eraro tie.

337
00:19:48,880 --> 00:19:50,120
Ni mankas datumojn.

338
00:19:50,120 --> 00:19:51,290
Tie vi iru.

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

340
00:19:58,550 --> 00:19:59,550
Kaj kiu ekspansiiĝas ĝin.

341
00:19:59,550 --> 00:20:01,383
>> Tio donas al ni la saman
rezulto ni havis antaŭe,

342
00:20:01,383 --> 00:20:04,030
sed anstataŭ havi tiujn
malfacile kodita devigojn.

343
00:20:04,030 --> 00:20:07,790
Kaj se la grandeco de nia
kanvaso ŝanĝoj, ekzemple,

344
00:20:07,790 --> 00:20:11,790
se ni volas havi ĉi super
400 pixeles kaj ĝi squishes ekstere,

345
00:20:11,790 --> 00:20:15,440
ni povas havi ĝin over--
ni povas ekspansiiĝi ​​ĝin, aŭ ni

346
00:20:15,440 --> 00:20:21,890
povas redukti ĉi maldekstra rando al
io malpli aŭ pli ol 20.

347
00:20:21,890 --> 00:20:25,470
Tiuj nombroj, tiuj malmolaj coded
nombroj nun sencon por ni.

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

349
00:20:28,110 --> 00:20:30,520
>> Kaj ni povus fari multe pli
interesajn aferojn tiel.

350
00:20:30,520 --> 00:20:35,990
Do anstataŭ havanta lineara
skalo, ni eble volas log skalo.

351
00:20:35,990 --> 00:20:37,840
Kaj kiu donos al ni log skalo.

352
00:20:37,840 --> 00:20:41,269
>> Do nun nia skalo, anstataŭ
nur ekspansiiĝas ekstere de tiu rango,

353
00:20:41,269 --> 00:20:42,810
ĝi estas fari pli kompleksajn aferojn.

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

355
00:20:48,790 --> 00:20:53,790
Anstataŭ devi tiu gamo malmolan
coded, kaj anstataŭ havi ke 600,

356
00:20:53,790 --> 00:20:58,465
ni eble volas nur uzi la larĝa,
tial de 20 al la larĝa minus 40,

357
00:20:58,465 --> 00:21:02,392
2 fojoj la randon sur la alia flanko.

358
00:21:02,392 --> 00:21:05,350
Kaj tiu faras multe pli sentita
iu kiu povus rigardi la kodon.

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

360
00:21:08,080 --> 00:21:11,850
>> Interese, la skaloj akiri
tre tre kompleksa tiel.

361
00:21:11,850 --> 00:21:13,350
Ili fari multajn interesajn aferojn.

362
00:21:13,350 --> 00:21:17,620
Do skvamoj ne nepre havas
funkcii nur kun numeroj.

363
00:21:17,620 --> 00:21:18,955
Ni faru koloro skalo.

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

365
00:21:23,120 --> 00:21:26,120
>> Do nia gamo povus be--
nia domajno estas 1 al 200.

366
00:21:26,120 --> 00:21:28,220
Tio estas la eniga afero.

367
00:21:28,220 --> 00:21:33,793
Sed ni eble volas mapi el
verda al ruĝa, ekzemple.

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

369
00:21:39,710 --> 00:21:42,910
Kaj nun, se ni pasas ŝin 1,
ni iras por kolekti verdajxon.

370
00:21:42,910 --> 00:21:45,110
Se ni donos gxin 200, ni akiros ruĝan.

371
00:21:45,110 --> 00:21:49,480
Kaj se ni pasas iun en inter,
ĝi tuj estos iu miksaĵo de tiu,

372
00:21:49,480 --> 00:21:52,520
ie sur la gradiento
inter verdo kaj ruĝa.

373
00:21:52,520 --> 00:21:55,210
>> Kaj anstataŭ havi
tiu speco de clunky logiko

374
00:21:55,210 --> 00:21:58,550
ni havas ĉi tie kun la
kondiĉa dekstra tie,

375
00:21:58,550 --> 00:22:03,250
ni povus havi something-- oni
lineara skalo inter tiuj.

376
00:22:03,250 --> 00:22:07,100
Do ni uzus la skalo ni ĵus
kreita, kion ni nomas koloroj.

377
00:22:07,100 --> 00:22:09,060
Kaj ni donus ŝin D, kiu
Estas niaj datumoj elemento.

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

379
00:22:14,250 --> 00:22:15,060
Kaj tie ni iru.

380
00:22:15,060 --> 00:22:18,070
Ni havas koloro skalo.

381
00:22:18,070 --> 00:22:18,940
>> Do tiu estas surĵeto.

382
00:22:18,940 --> 00:22:20,960
Do la ekstrema maldekstra estas tute verda.

383
00:22:20,960 --> 00:22:22,560
La ekstremdekstro estas tute ruĝa.

384
00:22:22,560 --> 00:22:24,828
Kaj ĉio en inter
estas funkcio de d.

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

386
00:22:33,369 --> 00:22:35,160
Ni havas interesan
visualizaciones tie.

387
00:22:35,160 --> 00:22:36,952
Sed niaj datumoj estis speco de enuiga.

388
00:22:36,952 --> 00:22:39,410
Tuj Vidos kion ni povus fari, se
ni havis pli interesaj datumoj.

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

390
00:22:44,420 --> 00:22:50,500
>> Akto IV, laborante per
Data-- la unua horo

391
00:22:50,500 --> 00:22:53,560
ni volas fari fari nian
visualización pli interesa

392
00:22:53,560 --> 00:22:56,140
estas movi la datumojn aliloke.

393
00:22:56,140 --> 00:22:58,310
Estas tre clunky havi
la datumoj malfacile kodita tie.

394
00:22:58,310 --> 00:23:01,220
Kaj ĝenerale, ni estos petante
iu alia por la datumoj.

395
00:23:01,220 --> 00:23:05,400
Ni estos eble petante la registaron,
la Censo Buroo, kio estas via datumoj

396
00:23:05,400 --> 00:23:10,170
kaj tiam komplotas ke aŭ petante
iuj triaj ento por iuj datumoj

397
00:23:10,170 --> 00:23:13,330
kaj tiam konstruanta
videbligo sur tio.

398
00:23:13,330 --> 00:23:17,170
>> Do la unua afero, kiun ni volas fari
estas movi tiun al alia loko.

399
00:23:17,170 --> 00:23:24,130
Do mi iros por krei
file tie nomita data.json.

400
00:23:24,130 --> 00:23:25,600
JSON estas la datumoj formato.

401
00:23:25,600 --> 00:23:29,210
Vi ne bezonas scii multon pri tio.

402
00:23:29,210 --> 00:23:33,210
Kaj ni tuj kopiu la
iom datumojn ni havas tie,

403
00:23:33,210 --> 00:23:40,330
algluu ĝin en tie verbatim, iru
reen al nia videbligo kodo

404
00:23:40,330 --> 00:23:45,362
tie, kaj uzu tiun funkcion gxuste cxi tie.

405
00:23:45,362 --> 00:23:46,820
Vi ne devas scii la detalojn.

406
00:23:46,820 --> 00:23:49,800
Sed kio estas tiu faros estas,
trovos ke dosiero,

407
00:23:49,800 --> 00:23:51,780
prenu gxin, kaj redoni ĝin al ni.

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

409
00:24:11,660 --> 00:24:15,220
Do kio estas tiu faras estas, ĝi iras
kaj akiri la data.json dosiero.

410
00:24:15,220 --> 00:24:18,570
Kaj tiam la tuta kodo tio
marĝeno inside-- esence,

411
00:24:18,570 --> 00:24:21,800
tuta kodo ni havas there-- volo
kuri nur kiam ni atingos la datumojn reen.

412
00:24:21,800 --> 00:24:25,760
Kaj tiam tuj kuris ke
kodo kun la datumoj kiujn ni havas.

413
00:24:25,760 --> 00:24:28,870
Granda, ni havas
videbligo ke pridemandojn

414
00:24:28,870 --> 00:24:31,390
por iu kodo ie
alie, kiu ĝenerale montras

415
00:24:31,390 --> 00:24:36,110
kie pridemandojn iuj datumoj de
alie, kiu ĝenerale montras

416
00:24:36,110 --> 00:24:38,656
kiom visualizaciones labori.

417
00:24:38,656 --> 00:24:41,400
>> Sed mi volas reiri al la datumoj.

418
00:24:41,400 --> 00:24:48,030
Do la datumoj fundamente en D3-- D3
konsumas datumoj jen listo de aĵoj.

419
00:24:48,030 --> 00:24:53,000
D3 atendas la datumojn esti simple lerta
de aĵoj, tabelo de aĵoj.

420
00:24:53,000 --> 00:24:58,780
Negrave kio tiuj aferoj
estas, tiel longe kiel ĝi estas tabelo de ili.

421
00:24:58,780 --> 00:25:02,460
>> Do jen, ekzemple, ni povis de
Kompreneble ili glitpunktaj valoroj.

422
00:25:02,460 --> 00:25:04,830
Ni povis esti negativaj.

423
00:25:04,830 --> 00:25:09,400
D3 ne gravas, tiom longe
kiel ĝi estas lerta de aĵoj.

424
00:25:09,400 --> 00:25:13,270
>> Kiel interesaj aferoj ni
povus havi, ni povus ankaŭ

425
00:25:13,270 --> 00:25:19,410
havas liston de ŝnuroj tiel.

426
00:25:19,410 --> 00:25:25,440
Do jen estas la Crimson fraplinioj
Mi reprenita kelkaj tagoj.

427
00:25:25,440 --> 00:25:29,220
Kaj eble vi povas trovi iujn interesajn
aferoj pri tiuj oni titolis.

428
00:25:29,220 --> 00:25:30,970
>> Do denove, ĉi tiu estas lerta de aĵoj.

429
00:25:30,970 --> 00:25:32,360
D3 ne zorgas.

430
00:25:32,360 --> 00:25:35,572
Tiuj okazi esti kordo.

431
00:25:35,572 --> 00:25:36,530
Ni ŝanĝis niajn datumojn.

432
00:25:36,530 --> 00:25:38,210
>> Ni revenu al nia visualización.

433
00:25:38,210 --> 00:25:42,495
Nun, nia videbligo atendas
enmeta esti ciferoj.

434
00:25:42,495 --> 00:25:44,370
Do ni tuj devos
fari kelkajn ŝanĝojn.

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

436
00:25:47,180 --> 00:25:52,180
Do ekzemple, antaŭ ĉio, eble
ni volas enmeti tiujn rondojn kune

437
00:25:52,180 --> 00:25:56,870
per la longo de la subtitolo, la
numeron de karakteroj en la subtitolo.

438
00:25:56,870 --> 00:26:03,600
>> Do kion ni faros is-- ĉiufoje nian
Funkcio estas kun ŝnureto,

439
00:26:03,600 --> 00:26:09,095
ni trovos estas longo Kaj
tiam preterpasonta al skalo.

440
00:26:09,095 --> 00:26:11,550
La koloro, mi revenos
ke al ŝtalo blua.

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

442
00:26:19,060 --> 00:26:20,420
Kaj tie ni iru.

443
00:26:20,420 --> 00:26:23,190
Ni havas videbligo
de Crimson titolis.

444
00:26:23,190 --> 00:26:25,500
>> Nia skalo estas iom malproksime.

445
00:26:25,500 --> 00:26:29,680
Supozu ke la plej longa
ĉeftitolo estas 100 signojn longa,

446
00:26:29,680 --> 00:26:32,244
tiom ampleksas, ke ekstere iom.

447
00:26:32,244 --> 00:26:33,410
Kaj ni havas visualización.

448
00:26:33,410 --> 00:26:36,710
Ŝajne do plej fraplinioj
estas sufiĉe plej proksime

449
00:26:36,710 --> 00:26:38,750
en terminoj de karaktero linio.

450
00:26:38,750 --> 00:26:41,200
Sed unu vere elstaras.

451
00:26:41,200 --> 00:26:46,660
>> Ni povis konstrui iuj iloj
esplori kiuj pli.

452
00:26:46,660 --> 00:26:50,710
Sed kiam mi laboris en tiu, mi estis
scivolis se, en tiu ĉi datumaro,

453
00:26:50,710 --> 00:26:53,880
titularaj kun dupunkto
en ili estus pli longa.

454
00:26:53,880 --> 00:26:55,770
Mi supozas ke ili deziris.

455
00:26:55,770 --> 00:26:56,660
>> Do ni ekscias.

456
00:26:56,660 --> 00:27:00,650
Ni uzos la koloro
kanalo kiel ni faris antaŭe,

457
00:27:00,650 --> 00:27:04,540
kodi iujn sur se
ekzistas dupunkto aŭ ne.

458
00:27:04,540 --> 00:27:07,220
Do ni uzos kondiĉa denove.

459
00:27:07,220 --> 00:27:09,350
Vi ne devas scii
la detalojn de tiu,

460
00:27:09,350 --> 00:27:14,260
sed jen kiel ni kontrolu oni
kordo por ia specifa karaktero

461
00:27:14,260 --> 00:27:16,355
en JavaScript, denove, ne estas grava.

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

463
00:27:18,910 --> 00:27:23,270
>> Sed se ni ne trovos
dupunkto, ni revenos verda.

464
00:27:23,270 --> 00:27:26,100
Kaj se ni faras, ni devos reveni ruĝa.

465
00:27:26,100 --> 00:27:29,010
Do denove, Headlines ke
esti dupunkto estos ruĝa.

466
00:27:29,010 --> 00:27:34,980
Jen kion ĉi means-- bela.

467
00:27:34,980 --> 00:27:38,040
>> Do ŝajnas, ke mia
hipotezo estas batita.

468
00:27:38,040 --> 00:27:39,360
Estas nur du.

469
00:27:39,360 --> 00:27:42,380
Ni nur havas ses datumaj punktoj
kaj nur du havis dupunktoj.

470
00:27:42,380 --> 00:27:45,510
Sed ŝajnas iom pli
sur la malsupra fino, fakte.

471
00:27:45,510 --> 00:27:47,830
Headlines kun dupunktoj ŝajnas
al ĝenerale pli mallonga,

472
00:27:47,830 --> 00:27:52,370
almenaŭ en nia datumoj set-- interesa.

473
00:27:52,370 --> 00:27:55,830
>> Ni revenu ke al
ŝtalo blua kaj tiam vidi

474
00:27:55,830 --> 00:28:00,601
kion ni povas fari kun eĉ
pli interesaj datumoj.

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

476
00:28:04,370 --> 00:28:09,070
Do denove mi menciis ke
datumojn en D3 estas listo de aĵoj.

477
00:28:09,070 --> 00:28:11,080
Ni vidis nombroj de multaj tipoj.

478
00:28:11,080 --> 00:28:12,810
Ni vidis kordoj.

479
00:28:12,810 --> 00:28:15,700
Sed tio povas ankaŭ esti celoj.

480
00:28:15,700 --> 00:28:20,080
>> Ili povas esti komplikaj aferoj
kiuj inkludas multajn aferojn.

481
00:28:20,080 --> 00:28:24,510
Diri ke pli klare,
Plejofte, ni

482
00:28:24,510 --> 00:28:28,384
volas konstrui ĉiu datumoj punkto kiel
pli komplikas ol nur unu valoron.

483
00:28:28,384 --> 00:28:30,175
Se vi ŝatus imagi
datumbazo pri lernantoj,

484
00:28:30,175 --> 00:28:32,470
povus esti studento
enoficigos, studento IRU,

485
00:28:32,470 --> 00:28:36,370
kaj multajn aferojn asociita
kun aparta rekordo,

486
00:28:36,370 --> 00:28:39,834
Ne nur kordo aŭ nombro.

487
00:28:39,834 --> 00:28:40,750
Do, ni rigardu tion.

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

489
00:28:55,180 --> 00:28:56,760
>> Tio estas unu tia datuma aro.

490
00:28:56,760 --> 00:28:59,090
Tiu estas datumo cxirkauxita tertremoj.

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

492
00:29:01,910 --> 00:29:08,430
Do ĉio ĉi tie sur nia listo aŭ tabelo
de aferoj enhavas multajn aferojn mem.

493
00:29:08,430 --> 00:29:11,380
Do ĉiu datumoj punkto havas
grando kaj koordinata.

494
00:29:11,380 --> 00:29:13,425
Kaj kunordigas sin
enhavas du aĵojn.

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

496
00:29:15,960 --> 00:29:20,450
>> Do ĉiu tago estas nun multe pli
komplikitaj kaj multe pli interesa

497
00:29:20,450 --> 00:29:22,700
kaj enhavas multe pli
interesa informo.

498
00:29:22,700 --> 00:29:26,730
Vidu ni povus konstrui el tiu.

499
00:29:26,730 --> 00:29:36,130
Revenante reen al tie, denove, uzante
nia histogramon cirklo videbligo

500
00:29:36,130 --> 00:29:42,110
ni konstruis, vidu se ni povas konstrui
videbligo de grando distribuo

501
00:29:42,110 --> 00:29:43,305
en nia datumaro.

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

503
00:29:45,850 --> 00:29:48,660
>> Do jen, ĝi estas la sama koncepto.

504
00:29:48,660 --> 00:29:51,920
Sed nun, d enhavas pli aĵoj.

505
00:29:51,920 --> 00:29:54,780
d enhavas multajn datumojn elementoj.

506
00:29:54,780 --> 00:29:57,946
Do ni get d reen.

507
00:29:57,946 --> 00:29:59,670
D3 donas ni d.

508
00:29:59,670 --> 00:30:06,080
Kaj ni respondos per trovanta la grando
de d kaj tiam pasante tiu de skalo.

509
00:30:06,080 --> 00:30:08,490
>> Kaj tiam ni devas ŝanĝi
nia skalo, kompreneble.

510
00:30:08,490 --> 00:30:12,980
Do grandoj simple ne
iri multe pli ol 10.

511
00:30:12,980 --> 00:30:15,485
Efektive, neniam estis
10 grando tertremo.

512
00:30:15,485 --> 00:30:19,360
Sed tio speco de nia supra
Fine, nia supra spektro.

513
00:30:19,360 --> 00:30:20,240
>> Ni fortigu.

514
00:30:20,240 --> 00:30:22,990
Nice, ni havas visualización.

515
00:30:22,990 --> 00:30:25,490
Estas interese note-- tiel
estas du datumaj punktoj kiuj

516
00:30:25,490 --> 00:30:29,010
estas preskaŭ ĝuste sur supro de ĉiu
aliaj, en terminoj de grando.

517
00:30:29,010 --> 00:30:31,350
Vi vidos tion per la opakecon ni uzas.

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

519
00:30:40,810 --> 00:30:42,690
>> Ni havas geografiajn datumojn nun.

520
00:30:42,690 --> 00:30:44,710
Ni havas latitudoj kaj longitudo.

521
00:30:44,710 --> 00:30:47,549
Eble ni povus fari ion al
multe pli interesa kun tiu.

522
00:30:47,549 --> 00:30:49,590
Ni trovu iun pli
Interesa maniero bildigi

523
00:30:49,590 --> 00:30:53,500
tiu pli komplika
datumojn ni havas aliron al.

524
00:30:53,500 --> 00:31:04,950
>> Akto V, Mapping-- fundamente,
ni volas enmeti tiujn en mapo.

525
00:31:04,950 --> 00:31:07,690
Mi volas diri, estas tie kie ĉi iras.

526
00:31:07,690 --> 00:31:13,130
Ni volas kodi informo pri la
pozicio de tiuj tertremo legadoj,

527
00:31:13,130 --> 00:31:16,350
tiel ilia grando,
ĉar ni havas tion nun.

528
00:31:16,350 --> 00:31:21,310
Ni komprenas kiel konsumi
pli komplika datumo.

529
00:31:21,310 --> 00:31:26,200
>> La unua afero ni devos fari estas
krei mapon, fona mapo.

530
00:31:26,200 --> 00:31:29,360
Mi estas ironta tra
ĉi tre rapide.

531
00:31:29,360 --> 00:31:30,560
Tiu havas lertaĵon kodo.

532
00:31:30,560 --> 00:31:33,110
Estas alia de tiuj
receptoj vi ne vere

533
00:31:33,110 --> 00:31:35,690
devas kompreni plene por vi uzi.

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

535
00:31:38,510 --> 00:31:39,740
Sed tio estas kodo.

536
00:31:39,740 --> 00:31:43,580
Tiu kodo dekstra tie kreas mapon.

537
00:31:43,580 --> 00:31:45,730
>> Ni ne tuj iru en detalo.

538
00:31:45,730 --> 00:31:54,210
Sed malprofunde, kio faras estas,
ĝi pridemandojn ĉi us.json dosieron, kiu

539
00:31:54,210 --> 00:31:57,150
Estas datumoj dosieron kiel
la unu ni havis antaŭe.

540
00:31:57,150 --> 00:31:59,150
Ĝi estas pli kompleksa, kompreneble.

541
00:31:59,150 --> 00:32:02,920
Sed en ĉi tiu kazo, ĉiu,
ĉiu datumoj punkto estas tiu stato

542
00:32:02,920 --> 00:32:05,420
kaj havas liston de
latitudoj kaj longitudo

543
00:32:05,420 --> 00:32:10,500
kiuj difinas la plurlatero,
ke formo, tiu stato.

544
00:32:10,500 --> 00:32:13,280
>> Do kio D3 faros estas similaj
al kion ni faris antaŭe.

545
00:32:13,280 --> 00:32:18,140
Ĝi petos al kaj
ligos ke al elemento.

546
00:32:18,140 --> 00:32:20,890
Kaj estas funkcio kiu
estos mapo tiu elemento ekstere,

547
00:32:20,890 --> 00:32:23,410
bazita sur la latitudoj kaj longitudo.

548
00:32:23,410 --> 00:32:24,580
Vi povas legi pli pri tio.

549
00:32:24,580 --> 00:32:27,385
Kaj mi rekomendas gxin.

550
00:32:27,385 --> 00:32:30,090
>> Ekzistas ligiloj
fino de ĉi tiu kodo poŝtita.

551
00:32:30,090 --> 00:32:31,570
Kaj la kodo diras.

552
00:32:31,570 --> 00:32:34,050
En tie estas ligiloj por pli tie ĉi.

553
00:32:34,050 --> 00:32:36,590
Mi rekomendas vin rigardi ĝin.

554
00:32:36,590 --> 00:32:39,460
Sed kion ni interesas estas
tiu projekcio funkcio.

555
00:32:39,460 --> 00:32:41,210
Mi volas iri tra tio.

556
00:32:41,210 --> 00:32:43,522
>> Antaŭ nenio, lasu min montri
vi, ke, jes, ni havas mapon.

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

558
00:32:47,300 --> 00:32:49,970
Mapoj estas malvarmeta.

559
00:32:49,970 --> 00:32:52,330
Do ni rigardu ĉi
produktado funkcio.

560
00:32:52,330 --> 00:32:56,481
>> Projekcio estas tre multe
kiel skalo, skvamojn denove.

561
00:32:56,481 --> 00:32:59,210
Do kio produktado por
tiu projekcio funkcio

562
00:32:59,210 --> 00:33:06,610
tio estas, ni povus pasi ĝin longitudo
kaj latitudes-- tiukaze

563
00:33:06,610 --> 00:33:09,590
tiuj valoroj tie estas la
lat-sopiras de la konstruaĵo

564
00:33:09,590 --> 00:33:13,990
ni sidis en dekstra
now-- al projekcio.

565
00:33:13,990 --> 00:33:20,560
Kaj projekcio igos
ke en x kaj y rastrumero valoroj.

566
00:33:20,560 --> 00:33:23,300
>> Do kio projekcio faras
Estas tre simila al nia skalo.

567
00:33:23,300 --> 00:33:27,270
Ĝi estas prenante niaj latitudoj kaj
Longitudo ke reprezentas tutaj globo

568
00:33:27,270 --> 00:33:31,390
kaj kuntiriĝanta kaj dimensionamiento ke
malsupren al la casilla kiu ni volas,

569
00:33:31,390 --> 00:33:33,510
ke ni donis gxin.

570
00:33:33,510 --> 00:33:35,220
En ĉi tiu kazo, ni estas
pasante ĉi tiuj valoroj.

571
00:33:35,220 --> 00:33:41,370
Kaj ĝi donos al ni, nu, ke
sur via ekrano signifas 640 rastrumeroj.

572
00:33:41,370 --> 00:33:46,250
Ĉi tuta ekrano estas 700 rastrumeroj
larĝa, tiel ke nin faras proksimume tie,

573
00:33:46,250 --> 00:33:53,310
kaj 154 rastrumeroj malsupren, kiun mi
pritakso estas preskaux tie.

574
00:33:53,310 --> 00:33:57,250
>> Do prenante tiujn lat-sopiras, kiu
reprezentas ion entute globo

575
00:33:57,250 --> 00:34:02,850
kaj squishing kaj movante ke ĉirkaŭ
doni al ni x kaj y rastrumero valoroj,

576
00:34:02,850 --> 00:34:05,450
tiu estas la unua kiu estas
farita en tiu surĵeto kodo.

577
00:34:05,450 --> 00:34:07,920
Kaj tiam la resto de la
kodo konsumas datumoj

578
00:34:07,920 --> 00:34:14,310
kaj tiam mapas tiujn lat-sopiras
en iu sur via ekrano.

579
00:34:14,310 --> 00:34:18,380
>> Sed ni tuj uzi ĉi projekcio
funkcioj, ĉar ĝi rezultas

580
00:34:18,380 --> 00:34:20,270
ni havos lat-sopiras sopiras tiel.

581
00:34:20,270 --> 00:34:24,509
Rerigardante al niaj datumoj, ni havas
latitudoj kaj longitudaj koordinatoj

582
00:34:24,509 --> 00:34:25,425
por ĉiu observo.

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

584
00:34:28,131 --> 00:34:29,130
Do ni uzu projekcio.

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

586
00:34:33,250 --> 00:34:37,639
>> Do rigardante nia ekspozicio,
ni volas nian exposition--

587
00:34:37,639 --> 00:34:39,590
ni havas latitudon kaj longitudon.

588
00:34:39,590 --> 00:34:40,770
Sed ni volas rastrumero valoroj.

589
00:34:40,770 --> 00:34:43,510
Kaj ĝi rezultas, ni havas precize
kion ni want-- projekcio.

590
00:34:43,510 --> 00:34:46,239
Tre multe kiel ni estis
uzante skalon dekstra tie,

591
00:34:46,239 --> 00:34:52,075
ni nun tuj uzos projekcio
kaj fordoni koordinatoj.

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

593
00:34:55,241 --> 00:34:56,949
Do la unua afero
ni doing-- tial ni estas

594
00:34:56,949 --> 00:35:01,520
akirante d, kiu estas individua datumoj
elemento de individuo tertremo

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

596
00:35:02,370 --> 00:35:04,640
La unua aĵo kiun ni faras
estas akiri la koordinatojn.

597
00:35:04,640 --> 00:35:06,150
Bone, ni havas la koordinatojn.

598
00:35:06,150 --> 00:35:09,160
>> La dua afero, kiun ni faras estas
preterpasonta al projekcio.

599
00:35:09,160 --> 00:35:13,440
Projekcio konvertas tiuj koordinatoj
en rastrumero valoroj, x kaj y.

600
00:35:13,440 --> 00:35:16,680
Kaj tiam la lasta kiu
volas fari estas simple akiri la x,

601
00:35:16,680 --> 00:35:19,342
kiu ĉi tiu kazo estas la unua unu.

602
00:35:19,342 --> 00:35:22,050
Estas la unua de la du aferoj
kiuj revenis de projekcio.

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

604
00:35:27,840 --> 00:35:29,630
>> Ni faros la saman por y.

605
00:35:29,630 --> 00:35:34,960
Sed anstataŭe, ni revenos
la dua elemento, la y.

606
00:35:34,960 --> 00:35:35,980
Pretiĝu por refreŝigi.

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

608
00:35:39,830 --> 00:35:46,450
Ooh, ekstra karaktero
here-- bela, ni havas

609
00:35:46,450 --> 00:35:51,730
datuma pelataj dokumenton tio
kaŝi ĉi JSON dosiero de objektoj,

610
00:35:51,730 --> 00:35:57,560
farante mapon, kaj ŝanĝante la
atribui en rilato al la datumoj

611
00:35:57,560 --> 00:35:59,600
projekti ĝin sur mapo.

612
00:35:59,600 --> 00:36:00,840
Tiu estas vere interesa.

613
00:36:00,840 --> 00:36:03,770
Tio estas malvarmeta.

614
00:36:03,770 --> 00:36:05,640
>> Ni prenu ĝin muesca.

615
00:36:05,640 --> 00:36:08,795
Mi volas diri, ni havas du pecojn de
informo kun ĉiu datumoj punkto.

616
00:36:08,795 --> 00:36:10,000
Mi volas diri, tri.

617
00:36:10,000 --> 00:36:12,540
Ni havas la koordinatojn,
kio estas x kaj y.

618
00:36:12,540 --> 00:36:15,700
Kaj ni havas la grando.

619
00:36:15,700 --> 00:36:17,420
>> Ni bezonas kodi grando iel.

620
00:36:17,420 --> 00:36:18,920
Ni havas multajn kanalojn.

621
00:36:18,920 --> 00:36:20,370
Ni povas uzi koloron.

622
00:36:20,370 --> 00:36:21,890
Ni povas uzi radiuso.

623
00:36:21,890 --> 00:36:23,040
Ni povus uzi opakecon.

624
00:36:23,040 --> 00:36:25,540
Ni povus uzi multon en kodo.

625
00:36:25,540 --> 00:36:29,180
Ajna el tiuj atributoj kaj multaj
pli ke ili ne listigitaj tie,

626
00:36:29,180 --> 00:36:33,065
ĉar ili estas laŭvola, ni povis
uzi kodi ĉi datumoj, frapante

627
00:36:33,065 --> 00:36:35,670
kaj cxion tion mi menciis.

628
00:36:35,670 --> 00:36:36,690
>> Ni faru radiuso.

629
00:36:36,690 --> 00:36:38,830
Mi kredas radiuso estas la plej intuicia.

630
00:36:38,830 --> 00:36:46,210
Do denove, ni devos anstataŭi tiel malfacila-kodita
40 kaj faru kelkajn kalkulojn.

631
00:36:46,210 --> 00:36:48,810
Ni uzos nian preferataj skalo denove.

632
00:36:48,810 --> 00:36:50,290
Kaj ni estas pasinteco d.

633
00:36:50,290 --> 00:36:55,850
Sed ne d ĉar ni volas ke la grando
de d. d estas ĝuste la datumoj punkto.

634
00:36:55,850 --> 00:36:57,430
Ni pasos la grando grimpi.

635
00:36:57,430 --> 00:36:58,470
>> Ni provu tion denove.

636
00:36:58,470 --> 00:37:00,230
Ooh, ĝi ne funkcias.

637
00:37:00,230 --> 00:37:02,940
Kial ĝi ne funkcias?

638
00:37:02,940 --> 00:37:04,387
>> Do memoru kion skalo faras.

639
00:37:04,387 --> 00:37:05,470
Ni rigardu skalo denove.

640
00:37:05,470 --> 00:37:10,800
Skalo mapoj de 1 al 10 en
al 22 al 600, pli aŭ malpli.

641
00:37:10,800 --> 00:37:12,030
600 estas grandegaj.

642
00:37:12,030 --> 00:37:14,730
Jen kial ni atingi ĉi.

643
00:37:14,730 --> 00:37:18,420
>> Do ni volas ŝanĝi nia skalo
al io pli akceptebla.

644
00:37:18,420 --> 00:37:22,610
Diru, ni deziras 0 al 60.

645
00:37:22,610 --> 00:37:25,340
60 estas granda, sed 10 tertremoj
Estas nekredeble malofta.

646
00:37:25,340 --> 00:37:27,880
Fakte, ili neniam okazis.

647
00:37:27,880 --> 00:37:31,830
>> Do kio estas tiu faros estas, ĝi prenos
nia grando kiu iras de 1 al 10

648
00:37:31,830 --> 00:37:34,490
kaj mapi ĝin sur ekspansiiĝi ​​ĝin.

649
00:37:34,490 --> 00:37:37,370
Kaj mapi ĝin al 0 al 60.

650
00:37:37,370 --> 00:37:38,840
Ni fortigu.

651
00:37:38,840 --> 00:37:41,850
>> Nice, ni havas visualización.

652
00:37:41,850 --> 00:37:42,500
Tiu estas granda.

653
00:37:42,500 --> 00:37:43,736
Tio estas reala datumo.

654
00:37:43,736 --> 00:37:46,360
Vi rimarkos, en mia malgranda ludilo
Ekzemple, la plej granda tertremo

655
00:37:46,360 --> 00:37:49,417
estas dekstra sur ni.

656
00:37:49,417 --> 00:37:50,000
Sed tio estas ĝi.

657
00:37:50,000 --> 00:37:54,422
Ni havas daton pelataj videbligo
kiu plenumas la datumoj

658
00:37:54,422 --> 00:37:56,255
kaj donas al ni vere
interesa informo.

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

660
00:38:02,600 --> 00:38:06,420
Yeah, ni aldonas iujn
interactividad al ĝi.

661
00:38:06,420 --> 00:38:08,675
Mi menciis ke estis
la forta forto de D3.

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

663
00:38:11,490 --> 00:38:15,060
>> Do jen, por ĉiu elemento, ni estas
priskribante faskon da atributoj.

664
00:38:15,060 --> 00:38:20,230
Sed ni povas ankaŭ priskribi kion ni volas
okazos kun interactividad elementoj.

665
00:38:20,230 --> 00:38:26,190
Ekzemple, ni povus priparoli
Kio okazas kiam ni muso super.

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

667
00:38:28,740 --> 00:38:33,640
Kaj tre similaj ke,
ke prenos funkcio,

668
00:38:33,640 --> 00:38:36,700
tre simila al la
atributoj ni havis antaŭe,

669
00:38:36,700 --> 00:38:44,650
kie ni faru ion por la
elemento kiam ni ŝvebi super ĝi.

670
00:38:44,650 --> 00:38:47,100
>> Do ni unue bezonas por
fari estas elekti tiun eron,

671
00:38:47,100 --> 00:38:49,435
trovi ĝin esence, en la retumilo.

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

673
00:38:57,090 --> 00:39:00,920
kaj tiam ni povus agordi
atributo al ĝi.

674
00:39:00,920 --> 00:39:06,870
Do kion mi faras ĉi tie estas, kiam ni ŝvebi
super io, ni akiros tiun elementon

675
00:39:06,870 --> 00:39:11,197
kaj tiam starigis lian opakecon reen
al 1, al tute opaka.

676
00:39:11,197 --> 00:39:12,488
Vidu kion tio aspektas.

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

678
00:39:29,430 --> 00:39:39,080
>> Ŝajnas ni havas
ekstraj punktokomo tie.

679
00:39:39,080 --> 00:39:42,420
Do se ni ŝvebi super tie, ĝi prenas plena.

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

681
00:39:46,530 --> 00:39:48,960
Sed nun, certe,
restas plena, ĉar ni

682
00:39:48,960 --> 00:39:53,240
devas priskribi kio okazas
kiam forigu nia kursoro.

683
00:39:53,240 --> 00:39:59,990
Do ni faru ĝuste ke sur
mouseout, kontraste al mouseover.

684
00:39:59,990 --> 00:40:06,399
>> Kaj ni reagordi ĝin al
kion ni havis before-- 0.5.

685
00:40:06,399 --> 00:40:10,260
Kaj nun, ĉiufoje ni
ŝvebado, ni preni plenan cirklon.

686
00:40:10,260 --> 00:40:13,468
Ĝi helpas nin vidi kion ni
ni elektanta esence.

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

688
00:40:19,210 --> 00:40:22,860
>> Kaj nun ni faru ĉi vere granda.

689
00:40:22,860 --> 00:40:26,210
Ni konekti tiu al reala datumo.

690
00:40:26,210 --> 00:40:30,890
Do ni petu povis
USGS pri iliaj datumoj.

691
00:40:30,890 --> 00:40:35,630
Do Usono Geologia Enketo
havas datumojn pri tertremoj.

692
00:40:35,630 --> 00:40:41,460
Ili havas publikan API kiu estas kapabla
esti konsumitaj en JSON-formato.

693
00:40:41,460 --> 00:40:42,548
Do ni faru tion.

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

695
00:40:49,730 --> 00:40:55,900
>> Do ĉi tiu estas iom da kodo ke
Ligo al la USGS API.

696
00:40:55,900 --> 00:40:57,990
Kaj tie estas iom de prilaborado sur ĝi.

697
00:40:57,990 --> 00:41:02,200
Tiu ne estas grava sed simpligas ĝi
al simpla datumoj formato kiel la

698
00:41:02,200 --> 00:41:03,800
ni havis antaŭe.

699
00:41:03,800 --> 00:41:08,140
Do mi forigi nian alvokon al
niaj falsaj data.json sur dosiero.

700
00:41:08,140 --> 00:41:13,110
Kaj anstataŭe, mi vokas
la USGS esence.

701
00:41:13,110 --> 00:41:16,700
>> Ni fortigu, agrabla.

702
00:41:16,700 --> 00:41:21,260
Tiu estas efektiva, reala-vivo datumoj
de tiu semajno por tertremoj.

703
00:41:21,260 --> 00:41:23,217
Tiu estas vere interesa.

704
00:41:23,217 --> 00:41:25,050
Ĉi tio ne estas mirinda
por ni, sed estas

705
00:41:25,050 --> 00:41:27,909
multaj tertremoj en la
Okcidenta Marbordo en Kalifornio.

706
00:41:27,909 --> 00:41:30,950
Sed mi pensis ke estis tre interesa
ke estis tiel multaj tertremoj

707
00:41:30,950 --> 00:41:34,350
en Alasko, kaj ŝajne,
tie en la Midwest.

708
00:41:34,350 --> 00:41:37,630
Mi volas diri, interesaj, kaj ni estas bonaj.

709
00:41:37,630 --> 00:41:40,410
Tio estas la konkludo.

710
00:41:40,410 --> 00:41:43,760
>> Sed fundamente, ĉi
Estas kion D3 helpas nin fari.

711
00:41:43,760 --> 00:41:48,030
Ĝi helpas nin preni datumojn, ligos
tio al elementoj en la DOM,

712
00:41:48,030 --> 00:41:51,620
kaj havas tiuj elementoj ŝanĝi
Kiel funkcio de la datumoj,

713
00:41:51,620 --> 00:41:54,780
havas tiujn atributojn, ĉiuj
multaj atributoj de la elementoj,

714
00:41:54,780 --> 00:41:57,393
ĉiuj estos utila por kanaloj
transdoni informon.

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

716
00:42:05,440 --> 00:42:09,290
>> D3 estas nekredeble potenca
biblioteko kaj mirinde bone kuri.

717
00:42:09,290 --> 00:42:12,260
Jen iuj potencaj ajxoj.

718
00:42:12,260 --> 00:42:15,960
Datumoj videbligo estas
nekredeble potenca ilo

719
00:42:15,960 --> 00:42:21,530
por transdoni al homoj profunda
enrigardoj kiu alvenas al lia kerno

720
00:42:21,530 --> 00:42:25,430
kaj helpas ilin kompreni, en
tiu profunda kaj intuicia vojo,

721
00:42:25,430 --> 00:42:29,760
kiom datumoj verkoj kaj kiel
datumoj ŝanĝas nian vivon.

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