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

2
00:00:00,780 --> 00:00:11,880
>> [CHWARAE CERDDORIAETH]

3
00:00:11,880 --> 00:00:16,480
>> DAVID Chouinard: Rwy'n David
Chouinard, ac mae hyn yn D3.

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

5
00:00:17,700 --> 00:00:21,270
Rydym yn mynd i ddysgu am D3 heddiw.

6
00:00:21,270 --> 00:00:25,020
D3 yn fframwaith JavaScript
ar gyfer adeiladu o ansawdd uchel

7
00:00:25,020 --> 00:00:28,110
visualizations rhyngweithiol ar gyfer y we.

8
00:00:28,110 --> 00:00:30,870
Pethau fel hyn yr ydym ni'n
gweld mewn nghefn y fi,

9
00:00:30,870 --> 00:00:34,230
rydyn ni'n mynd i ddysgu sut i wneud rhai
pethau, math o hanfodion iddo.

10
00:00:34,230 --> 00:00:36,452
Ond mae'n mynd i fod yn oer.

11
00:00:36,452 --> 00:00:38,160
Gadewch i ni ddechrau arni
gwneud lluniau 'n bert.

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

13
00:00:41,108 --> 00:00:44,350
Mae gennym fwy o demos
o ragolygon sydd ar gael.

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

15
00:00:48,040 --> 00:00:50,760
Gadewch i ni wneud hynny.

16
00:00:50,760 --> 00:00:58,700
>> Deddf I, DOM manipulation-- rydym yn mynd
i ddechrau ar unwaith yn gwneud pethau cŵl.

17
00:00:58,700 --> 00:01:01,240
Yn gyntaf oll, ar y chwith, mae gennym cod.

18
00:01:01,240 --> 00:01:03,470
Ar y dde, mae gennym
y canlyniad ein cod.

19
00:01:03,470 --> 00:01:04,900
Gadewch i ni fynd drwyddo.

20
00:01:04,900 --> 00:01:05,780
>> Gadewch i ni wneud cylch.

21
00:01:05,780 --> 00:01:08,570
Sut mae hynny'n gadarn?

22
00:01:08,570 --> 00:01:14,934
svg.append circle--
rydym yn unig yn gwneud cylch.

23
00:01:14,934 --> 00:01:16,100
Nid ydych yn credu i mi, dde?

24
00:01:16,100 --> 00:01:18,190
Dyw hi ddim yno.

25
00:01:18,190 --> 00:01:21,830
>> Felly yr hyn a wnaethom iawn yma yw,
SVG yn graffeg fector scalable.

26
00:01:21,830 --> 00:01:27,530
Mae hyn yn y ffordd yr ydym yn dweud wrth y porwr i
gwneud graffeg fector yn y porwr.

27
00:01:27,530 --> 00:01:30,740
Yr hyn rydym yn unig yn gwneud ar hyn o bryd
cael ei ychwanegu gylch i bori.

28
00:01:30,740 --> 00:01:34,790
>> Mae'r addewid yw bod y cylch
yn gofyn ychydig o briodoleddau sylfaenol

29
00:01:34,790 --> 00:01:36,850
cyn y gallwn mewn gwirionedd yn ei weld.

30
00:01:36,850 --> 00:01:40,045
Mae angen i ni ddweud iddo ei sefyllfa x,
ei sefyllfa y, ei radiws.

31
00:01:40,045 --> 00:01:43,310
Doedden ni ddim yn dweud ei fod dim o hynny,
felly nid ydym yn gweld ei fod ar hyn o bryd.

32
00:01:43,310 --> 00:01:46,210
Ond gadewch i ni yn dweud ei stwff.

33
00:01:46,210 --> 00:01:49,510
>> Felly, yn gyntaf oll, oes gennych chi
i roi enw ein cylch.

34
00:01:49,510 --> 00:01:53,070
Felly, gadewch i ni alw cylch.

35
00:01:53,070 --> 00:01:54,406
Mae ein cylch wedi enw erbyn hyn.

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

37
00:01:57,230 --> 00:01:59,490
A gadewch i ni roi ychydig o briodoleddau.

38
00:01:59,490 --> 00:02:03,690
Beth am CX fyddai canolfan x, felly
canol y sefyllfa x.

39
00:02:03,690 --> 00:02:06,730
Gadewch i ni ddweud, 200 ar gyfer 200 o picsel.

40
00:02:06,730 --> 00:02:10,220
>> Gadewch i ni roi cynnig y o'r 200 o picsel hefyd.

41
00:02:10,220 --> 00:02:16,032
Ac mae r, radiws, o tua 40 picsel.

42
00:02:16,032 --> 00:02:16,950
Nawr, gadewch i ni weld.

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

44
00:02:21,740 --> 00:02:23,440
Nid wyf yn gallu sillafu.

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

46
00:02:30,430 --> 00:02:31,520
>> Dyna ni.

47
00:02:31,520 --> 00:02:37,330
Mae gennym cylch ar safle 200
picsel, 200 o picsel, radiws o 40 picsel.

48
00:02:37,330 --> 00:02:38,280
Math o oer, dde?

49
00:02:38,280 --> 00:02:38,988
Mae gennym gylch.

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

51
00:02:40,880 --> 00:02:42,670
>> Felly, nid oes angen i ddilyn ar hyd.

52
00:02:42,670 --> 00:02:45,790
Mae'r holl enghreifftiau hyn, sydd i gyd
y cod Dwi'n gwneud heddiw

53
00:02:45,790 --> 00:02:51,300
Bydd yn cael ei ddarparu ar-lein ar y diwedd
ar ffurf enghreifftiau rhyngweithiol

54
00:02:51,300 --> 00:02:54,010
gyda rheolfeydd ar
pob gweithred, ac yn y blaen.

55
00:02:54,010 --> 00:02:55,160
>> Gadewch i ni wneud mwy o bethau.

56
00:02:55,160 --> 00:02:58,901
Mae hyn cylch du yn wirioneddol hyll.

57
00:02:58,901 --> 00:03:01,541
Mae'n ddrwg gen i am y gwall
negeseuon iawn yno.

58
00:03:01,541 --> 00:03:05,340
Dyna ni.

59
00:03:05,340 --> 00:03:06,350
>> Gadewch i ni roi cynnig lliw.

60
00:03:06,350 --> 00:03:07,170
Sut mae bod?

61
00:03:07,170 --> 00:03:08,340
Rwy'n hoffi glas dur.

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

63
00:03:13,280 --> 00:03:16,030
Wel, newid ein cylch lliw.

64
00:03:16,030 --> 00:03:17,320
Mae hynny'n wych.

65
00:03:17,320 --> 00:03:31,330
Gadewch i ni ei gwneud yn lled-dryloyw
too-- lled-dryloyw.

66
00:03:31,330 --> 00:03:33,670
>> Felly, mae'r rhain yn nodweddion
rydym yn diffinio ar y cylch.

67
00:03:33,670 --> 00:03:36,774
Y peth cyntaf a wnaethom yn
rydym yn rhoi cylch ar y dudalen.

68
00:03:36,774 --> 00:03:38,690
Ac yna rydym yn diffinio
bagad o nodweddion.

69
00:03:38,690 --> 00:03:41,610
Mae rhai o'r rhain yn cael eu hangen,
fel CX, CY, a Radiws.

70
00:03:41,610 --> 00:03:42,680
Ac mae eraill yn ddewisol.

71
00:03:42,680 --> 00:03:44,730
>> Mae llawer mwy o nodweddion.

72
00:03:44,730 --> 00:03:46,760
Mae llawer ohonyn nhw.

73
00:03:46,760 --> 00:03:53,070
Er enghraifft, gallem gael
strôc hefyd, strôc o goch.

74
00:03:53,070 --> 00:03:55,630
Ond gadewch i ni gael gwared ar hynny.

75
00:03:55,630 --> 00:04:00,450
Rydym yn ôl at gylch, cylch glas.

76
00:04:00,450 --> 00:04:01,600
>> Felly, gadewch i ni wneud mwy cylchoedd.

77
00:04:01,600 --> 00:04:02,810
Sut mae bod?

78
00:04:02,810 --> 00:04:04,665
Gadewch i ni wneud cylch arall.

79
00:04:04,665 --> 00:04:05,985
Mae hyn yn gyffrous, dde?

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

81
00:04:09,630 --> 00:04:12,300
>> Felly, yn dweud Fi jyst Copi-Pasted
yr hyn a oedd gennym yn barod.

82
00:04:12,300 --> 00:04:13,570
Gadewch i ni alw circle2.

83
00:04:13,570 --> 00:04:15,840
A gadewch i ni wneud yr union
un peth a rhoi iddo

84
00:04:15,840 --> 00:04:20,450
priodoleddau, rhoi x sefyllfa o 300.

85
00:04:20,450 --> 00:04:24,140
Yay, mae gennym ddau cylchoedd nawr.

86
00:04:24,140 --> 00:04:27,240
>> Ac wrth gwrs, gallem
diweddaru'r gwerthoedd hyn.

87
00:04:27,240 --> 00:04:31,640
Gallwn roi ar 400, ac yn awr mae'n symud.

88
00:04:31,640 --> 00:04:35,470
Ac ers ei fod yn blino, gadewch i ni
ddileu, felly circle2.remove.

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

90
00:04:39,000 --> 00:04:40,730
Mae wedi mynd yn awr.

91
00:04:40,730 --> 00:04:43,170
>> Felly yr hyn yr ydym yn ei wneud ac
yn unig iawn, very-- hyn

92
00:04:43,170 --> 00:04:46,030
yn debyg iawn i'r hyn yr ydych
Efallai ei wneud yn jQuery, er enghraifft.

93
00:04:46,030 --> 00:04:48,240
Rydym yn unig yn trin
y DOM, fe'i gelwir.

94
00:04:48,240 --> 00:04:50,040
Efallai eich bod wedi clywed y gair hwnnw o'r blaen.

95
00:04:50,040 --> 00:04:53,255
Rydym yn creu pethau, gan osod
briodoleddau ar bethau, gan gael gwared stwff.

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

97
00:04:58,950 --> 00:05:02,360
>> Yn awr, dyma lle mae'n mynd yn ddiddorol.

98
00:05:02,360 --> 00:05:07,250
Felly, yn ddiweddarach yn y cod, gallem o hyd
cyfeirio at y cylch gwreiddiol yma.

99
00:05:07,250 --> 00:05:14,100
Felly, gadewch i ailosod ei priodoledd i CX.

100
00:05:14,100 --> 00:05:18,260
Gadewch i ni ddweud, ei sefyllfa x i 400.

101
00:05:18,260 --> 00:05:22,406
Ac yr wyf i'n mynd i pontio
hynny, felly mae'n amlwg.

102
00:05:22,406 --> 00:05:23,360
Dyna ni.

103
00:05:23,360 --> 00:05:24,780
>> Felly rydym yn ychwanegu cylch.

104
00:05:24,780 --> 00:05:26,440
Rydym yn gosod rhai priodoleddau.

105
00:05:26,440 --> 00:05:28,210
Rydym yn ychwanegu cylch arall, tynnu ef.

106
00:05:28,210 --> 00:05:31,650
Ac yna rydym yn addasu
y cylch gwreiddiol.

107
00:05:31,650 --> 00:05:35,400
>> Ond dyma ble mae'n mynd
yn llawer mwy diddorol.

108
00:05:35,400 --> 00:05:39,070
Nid yn unig y gallwn osod priodoleddau
fel dim ond gwerthfawrogi, gallwn ddweud,

109
00:05:39,070 --> 00:05:41,610
hey, cylch, ewch i leoli 200.

110
00:05:41,610 --> 00:05:44,540
Gallwn hefyd yn eu gosod fel swyddogaethau.

111
00:05:44,540 --> 00:05:48,850
>> Felly, yn hytrach na rhoi 400 o fan hyn,
gallwn wneud rhywfaint cyfrifiad

112
00:05:48,850 --> 00:05:53,950
ar y hedfan am yr hyn rydym
am i'r nodwedd fod.

113
00:05:53,950 --> 00:05:56,580
Felly dyma sut y byddech yn mynegi hynny.

114
00:05:56,580 --> 00:06:00,660
Yr ydym yn dweud, yn hytrach na 400, gadewch i mi
rhoi swyddogaeth i chi yn lle hynny.

115
00:06:00,660 --> 00:06:04,180
Ac yma, y ​​tu mewn swyddogaeth hon,
gallwn wneud unrhyw gyfrifiad crazy.

116
00:06:04,180 --> 00:06:06,820
>> Gallem gymryd yr amser a
edrych ar rai peth arall

117
00:06:06,820 --> 00:06:11,230
ac yn ddeinamig benderfynu drostynt
y cylch pa werth yr ydym ei eisiau.

118
00:06:11,230 --> 00:06:15,266
Beth am rydym yn unig yn rhoi
ei fod yn x sefyllfa ar hap?

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

120
00:06:20,360 --> 00:06:21,120
Felly dyna hynny.

121
00:06:21,120 --> 00:06:25,490
>> Felly beth sy'n dweud yw, ar gyfer
pob x, yn rhedeg y swyddogaeth hon.

122
00:06:25,490 --> 00:06:29,340
A beth rydym yn ei wneud yw cyfrifo
rhai pethau, o weithiau ar hap lled

123
00:06:29,340 --> 00:06:30,410
a dychwelyd hynny.

124
00:06:30,410 --> 00:06:34,765
Felly, bob tro rydym yn cynnal hynny, cawn
cylch sy'n mynd i le ar hap.

125
00:06:34,765 --> 00:06:36,394
Mae'n fath o oer.

126
00:06:36,394 --> 00:06:38,310
Rwy'n teimlo fy mod gallai edrych
ar hyn am ychydig.

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

128
00:06:44,274 --> 00:06:46,440
Rydym yn dechrau i gyrraedd
rhywbeth diddorol yma.

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

130
00:06:49,120 --> 00:06:51,390
Gadewch i ni wneud y data hwn ei yrru nawr.

131
00:06:51,390 --> 00:06:53,420
Does dim data yma.

132
00:06:53,420 --> 00:06:54,482
Gadewch i ni newid hynny.

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

134
00:06:57,440 --> 00:07:12,140
>> Documents-- Deddf II, Driven Data
Felly gadewch i ni ddychwelyd i'r fan hyn.

135
00:07:12,140 --> 00:07:15,340
A gadewch i ni dim ond cael gwared ar circle2,
oherwydd ein bod yn jyst ychwanegu a dileu

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

137
00:07:15,840 --> 00:07:17,382
Felly peidiwch wir ei angen arnom.

138
00:07:17,382 --> 00:07:21,421
Mae angen i ni fod yn llawer mwy clyfar yma.

139
00:07:21,421 --> 00:07:23,170
Gadewch i ni ddweud, mae gennym
rhywfaint o ddata o ryw fath.

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

141
00:07:31,540 --> 00:07:40,020
Moment-- Un gadewch i ni ddweud,
cawsom data o'r ffurflen hon.

142
00:07:40,020 --> 00:07:41,800
Cawsom amrywiaeth, dim ond
criw o rifau.

143
00:07:41,800 --> 00:07:45,750
Mae gennym saith o rifau yma,
beth bynnag mae'r rhain swm represent--

144
00:07:45,750 --> 00:07:48,810
mewn cyfrif banc pobl, sut
llawer eu bod yn pwyso, duw a ŵyr beth.

145
00:07:48,810 --> 00:07:51,310
>> Mae'r rhain yn rhifau, ac yr ydym yn
am ddefnyddio ein cylchoedd

146
00:07:51,310 --> 00:07:53,240
i gynrychioli niferoedd hynny rywsut.

147
00:07:53,240 --> 00:07:55,515
Rydym am glymu ein
cylchoedd i'r niferoedd hynny.

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

149
00:07:58,750 --> 00:07:59,626
Felly yr hyn yr ydym yn ei wneud.

150
00:07:59,626 --> 00:08:01,500
Gadewch i ni ddweud, yr ydym am gael
cylch ar gyfer pob rhif.

151
00:08:01,500 --> 00:08:03,590
Gallem wneud yr hen
beth yr oeddem yn doing--

152
00:08:03,590 --> 00:08:06,020
atodi cylch a circle2 a circle3.

153
00:08:06,020 --> 00:08:10,020
Ond mae hyn yn mynd allan o law, a
mae llawer o ailadrodd rhesymeg.

154
00:08:10,020 --> 00:08:12,760
>> Felly gadewch i ni gael mwy clyfar â hynny.

155
00:08:12,760 --> 00:08:17,810
Yn hytrach na defnyddio'r cylch var
svg.append ein bod yn unig gan ddefnyddio,

156
00:08:17,810 --> 00:08:21,580
rydym yn mynd i ddefnyddio
bloc bach hyn yma.

157
00:08:21,580 --> 00:08:24,510
Dydw i ddim eisiau mynd manwl
i mewn i'r hyn bob rhan hyn yn ei wneud.

158
00:08:24,510 --> 00:08:26,020
Ac mae'n fath o bwnc uwch.

159
00:08:26,020 --> 00:08:27,830
Ac yr wyf yn dymuno gallwn.

160
00:08:27,830 --> 00:08:31,370
>> Ond y peth allweddol i'w recognize-- a
byddwch yn gweld yn aml iawn mewn cod D3.

161
00:08:31,370 --> 00:08:36,840
Mae hyn yn bloc o destun sylfaenol
yn creu cymaint o gylchoedd

162
00:08:36,840 --> 00:08:41,360
gan fod elfennau data
yn y arae hwn yn iawn yma.

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

164
00:08:53,420 --> 00:08:55,780
Felly, mae hyn yn creu cymaint o
cylchoedd gan fod elfennau.

165
00:08:55,780 --> 00:08:58,520
Mae'n mynd i greu saith cylchoedd ni.

166
00:08:58,520 --> 00:09:01,710
Ac mae'n ei wneud yn beth iawn, iawn allweddol.

167
00:09:01,710 --> 00:09:02,460
Felly, gadewch i ni redeg hynny.

168
00:09:02,460 --> 00:09:05,460
Gadewch i ni gael gwared ar ein cylch arall.

169
00:09:05,460 --> 00:09:09,565
Gadewch i ni jyst sylwadau hyn
rhannol allan a rhedeg hyn eto.

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

171
00:09:13,840 --> 00:09:15,260
>> Dyna ni.

172
00:09:15,260 --> 00:09:18,030
Felly, mae ein cylch yma yw
dywyllach llawer, oherwydd ein

173
00:09:18,030 --> 00:09:20,720
saith gylchoedd, un
ar ben y llall.

174
00:09:20,720 --> 00:09:25,425
Rydym yn unig greu saith cylchoedd, un
yr un ar gyfer pob un o'r elfennau data.

175
00:09:25,425 --> 00:09:28,860
Ond mae 'na beth allweddol a ddigwyddodd
gyda snippet hwn yn iawn yma.

176
00:09:28,860 --> 00:09:31,030
>> Mae'n bod data ei rhwymo.

177
00:09:31,030 --> 00:09:33,440
Felly bob un o
elfennau data hynny,

178
00:09:33,440 --> 00:09:38,830
10, 45, 105, roedd yn rhwymo
i gylch penodol.

179
00:09:38,830 --> 00:09:40,960
Felly, mae'r rhain nid yn unig yn creu
criw o gylchoedd

180
00:09:40,960 --> 00:09:43,420
ond yn clymu y ddau beth gyda'i gilydd.

181
00:09:43,420 --> 00:09:48,740
>> Ac yn y dyfodol, oherwydd ein bod creu
cylchoedd rhai sydd â swyddogaeth hon D3,

182
00:09:48,740 --> 00:09:52,430
os wyf yn rhoi cylch i chi, gallwch
rhoi data sy'n gysylltiedig ag ef mi.

183
00:09:52,430 --> 00:09:53,280
Felly, gallwn ofyn i D3.

184
00:09:53,280 --> 00:09:54,840
Hey, D3, mae gennyf cylch hwn.

185
00:09:54,840 --> 00:09:57,350
Beth yw'r ddata y mae'r cylch wedi?

186
00:09:57,350 --> 00:10:01,290
A byddai D3 yn dweud wrthym o 10 neu 45 neu 105.

187
00:10:01,290 --> 00:10:02,380
>> Mae'r pethau hyn yn cael eu rhwymo.

188
00:10:02,380 --> 00:10:04,490
Mae hynny'n gysyniad iawn, yn sylfaenol iawn.

189
00:10:04,490 --> 00:10:06,070
Gadewch i ni edrych ar hynny.

190
00:10:06,070 --> 00:10:12,210
>> Felly, y ffordd y byddem yn gofyn D3-- felly
mae hyn yn amherthnasol ar gyfer hyn,

191
00:10:12,210 --> 00:10:16,620
ond dim ond ymddiried ynof arno.

192
00:10:16,620 --> 00:10:17,620
Dyma sut yr ydym yn gofyn D3.

193
00:10:17,620 --> 00:10:21,312
Hey, D3, yn rhoi i mi y cyntaf
cylch y gallwch ddod o hyd.

194
00:10:21,312 --> 00:10:23,580
Rhowch y cylch cyntaf gallwch ddod o hyd i mi.

195
00:10:23,580 --> 00:10:29,660
Ac yna gallem ofyn i D3, beth sydd
mae'r data ar hynny, fel hyn, 10.

196
00:10:29,660 --> 00:10:33,380
>> Felly rydym yn unig yn gofyn D3, dod o hyd i mi
y cylch cyntaf gallwch ddod o hyd.

197
00:10:33,380 --> 00:10:34,400
Beth yw ei data?

198
00:10:34,400 --> 00:10:36,650
10, mae hynny'n wir ein
elfen hon data cyntaf.

199
00:10:36,650 --> 00:10:42,150
Gallem ofyn iddo, hey, D3,
ddod o hyd i ni ein trydydd cylch.

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

201
00:10:44,450 --> 00:10:45,740
Pam fod hyn yn wirioneddol bwysig?

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

203
00:10:49,790 --> 00:10:52,250
>> Felly dde yma, soniais
y gallem ddefnyddio swyddogaethau.

204
00:10:52,250 --> 00:10:54,910
Ac yr wyf yn sôn bod yn
yn beth pwerus iawn.

205
00:10:54,910 --> 00:11:03,070
Felly, nid yn unig y gall ein swyddogaethau wneud pethau
fel gwneud rhywfaint o gyfrifiannu, er enghraifft,

206
00:11:03,070 --> 00:11:09,170
yn dychwelyd rhif ar hap, gall
hefyd yn gwneud pethau sy'n seiliedig ar y data.

207
00:11:09,170 --> 00:11:11,550
Dyma beth ddogfennau data ei yrru yn ei olygu.

208
00:11:11,550 --> 00:11:13,750
Dyna beth D3 yn sefyll am.

209
00:11:13,750 --> 00:11:17,800
>> Felly, mae hyn x postition-- yn lle hynny
o ddim ond dweud, yr holl gylchoedd,

210
00:11:17,800 --> 00:11:21,735
cael x sefyllfa 200, rydym yn
gallai roi cynnig swyddogaeth.

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

212
00:11:26,140 --> 00:11:30,140
Ac yma, gallwn wneud rhai cyfrifiad.

213
00:11:30,140 --> 00:11:33,710
a ch yma yn sefyll yn ei le ar gyfer y data.

214
00:11:33,710 --> 00:11:36,120
Felly, bob tro yr ydym wedi
cylch, yn y bôn,

215
00:11:36,120 --> 00:11:37,750
Bydd D3 yn creu y saith cylchoedd.

216
00:11:37,750 --> 00:11:38,500
Ac yna ar gyfer pob

217
00:11:38,500 --> 00:11:41,920
>> cylch, mae'n mynd i fynd, hey,
circle1 beth yw eich sefyllfa x.

218
00:11:41,920 --> 00:11:45,210
Yn flaenorol, roeddem
ateb bob amser yn 200.

219
00:11:45,210 --> 00:11:48,630
Ond yn awr, bob D3 tro yn gofyn
ni beth yw eich sefyllfa x,

220
00:11:48,630 --> 00:11:51,790
mae'n mynd i roi us-- gennym
y cylch, felly mae gennym y data.

221
00:11:51,790 --> 00:11:55,290
Mae'n mynd i roi'r data inni a dweud,
beth ydych chi eisiau y dangosiad fod,

222
00:11:55,290 --> 00:11:57,120
seiliedig ar y data hwnnw.

223
00:11:57,120 --> 00:11:59,590
>> Gadewch i ni dim ond yn dychwelyd y data gwirioneddol.

224
00:11:59,590 --> 00:12:04,910
Felly, os ydym yn rhedeg hyn, mae hyn yn rhoi
gyrru data ni dogfennau.

225
00:12:04,910 --> 00:12:08,040
Mae'r rhain cylchoedd hyn yn seiliedig
mewn perthynas position--

226
00:12:08,040 --> 00:12:11,120
eu bod canolfannau fel swyddogaeth o'r data.

227
00:12:11,120 --> 00:12:13,100
>> Felly, ar gyfer y cylch cyntaf,
D3 rhoi cylch.

228
00:12:13,100 --> 00:12:16,770
Ac yna D3 yn gofyn i ni, yr hyn yn ei wneud
ydych am i'r dangosiad fod.

229
00:12:16,770 --> 00:12:19,620
Ac rydym yn unig yn dweud, beth bynnag yw'r data.

230
00:12:19,620 --> 00:12:21,185
Gwnewch y dangosiad 10.

231
00:12:21,185 --> 00:12:26,320
>> Yna, mae'n gofyn, beth ydych chi am i'r
esboniad i fod ar gyfer yr ail gylch.

232
00:12:26,320 --> 00:12:27,270
Ac rydym yn ateb, 45.

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

234
00:12:30,000 --> 00:12:32,230
Ac yr ydym, wrth gwrs, gall
gwneud rhywfaint o gyfrifiannu yma.

235
00:12:32,230 --> 00:12:35,510
Rwy'n gweld bod y rhai cylchoedd
yn fath o squished i fyny.

236
00:12:35,510 --> 00:12:38,965
>> Felly luosi iddo gan 3, lluoswch data 3.

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

238
00:12:41,870 --> 00:12:43,840
Mae ein cylch jyst got ehangu allan.

239
00:12:43,840 --> 00:12:46,730
Mae ein gwerth yn treblu.

240
00:12:46,730 --> 00:12:51,010
>> Mae'r cylch yn wirioneddol ar yr ymyl,
felly gadewch i ni efallai fath o wneud iawn am hynny.

241
00:12:51,010 --> 00:12:53,632
Gadewch i ni ddweud, erbyn 20.

242
00:12:53,632 --> 00:12:56,070
Yma byddwch yn mynd.

243
00:12:56,070 --> 00:12:57,590
>> Mae hwn yn delweddu data.

244
00:12:57,590 --> 00:13:01,767
Mae'n un sylfaenol iawn, ond mae hyn
yn rhoi rhyw syniad i ni ein data.

245
00:13:01,767 --> 00:13:04,600
Mae'n dweud wrthym fod, er enghraifft, yr ydym yn
ag ychydig clwstwr o elfennau.

246
00:13:04,600 --> 00:13:06,340
Ac mae gennym allgraig mawr yma.

247
00:13:06,340 --> 00:13:10,830
Mae hyn yn rhoi rhywfaint o wybodaeth i ni
am y dosbarthiad.

248
00:13:10,830 --> 00:13:20,830
>> Pe baem yn, er enghraifft, i newid
data i 150 o yma ac adnewyddu,

249
00:13:20,830 --> 00:13:22,630
ein delweddu yn cael ei newid.

250
00:13:22,630 --> 00:13:24,285
Mae'r ddogfen hon data ei yrru.

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

252
00:13:32,640 --> 00:13:36,180
>> Felly, wrth gwrs, yr holl elfennau hyn,
yr holl nodweddion hyn yma,

253
00:13:36,180 --> 00:13:38,430
gallwn ddefnyddio swyddogaeth, nid
dim ond y rhifau, nid dim ond

254
00:13:38,430 --> 00:13:39,900
y x a swyddi y.

255
00:13:39,900 --> 00:13:42,120
Felly, gallwn ddefnyddio swyddogaeth ar gyfer y lliw.

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

257
00:13:45,260 --> 00:13:46,360
Felly, byddwn yn gwneud yr un peth.

258
00:13:46,360 --> 00:13:49,360
Byddwn yn rhoi swyddogaeth.

259
00:13:49,360 --> 00:13:52,320
>> A gadewch i ni ddweud, gallem gael
conditionals yn ein swyddogaeth.

260
00:13:52,320 --> 00:13:54,770
Gall y swyddogaeth hon fod yn
cant o linellau hir.

261
00:13:54,770 --> 00:13:57,150
Gall wneud pethau iawn, yn gymhleth iawn.

262
00:13:57,150 --> 00:13:59,080
>> Felly, gadewch i ni roi os yw'r datganiad yma.

263
00:13:59,080 --> 00:14:03,420
Gadewch i ni ddweud, os ein data yn llai
na 50, dyna peth trothwy

264
00:14:03,420 --> 00:14:05,817
ein bod yn ddiddordeb
mewn am ryw reswm.

265
00:14:05,817 --> 00:14:06,650
Gadewch i ni wneud yn wyrdd.

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

267
00:14:09,830 --> 00:14:15,320
Fel arall, gadewch i ni ei gwneud yn goch.

268
00:14:15,320 --> 00:14:16,110
Sut mae bod?

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
>> Felly mae ein delweddu data yn dechrau
i gyfleu gwybodaeth yn fwy diddorol

272
00:14:24,860 --> 00:14:26,727
ar lawer o sianeli.

273
00:14:26,727 --> 00:14:28,560
Felly nawr rydym yn gwybod ychydig
am y dosbarthiad.

274
00:14:28,560 --> 00:14:31,768
A gwyddom fod yna rhyw fath o
torri i ffwrdd ar 50 yr ydym yn ddiddordeb ynddo.

275
00:14:31,768 --> 00:14:35,630
Rydym yn gwybod bod yna ddau bwynt data
is na'r trothwy hwnnw ac mae'r rhan fwyaf ohonynt

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

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

278
00:14:41,510 --> 00:14:46,160
>> Felly, fel cam olaf, mae'r data hwn yma,
mae'n anghyffredin iawn i weld hyn fel 'na.

279
00:14:46,160 --> 00:14:52,610
Felly gadewch i ni dim ond symud y tu allan i'r newidyn
oherwydd dyna glanach, fel hyn.

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

281
00:15:02,980 --> 00:15:05,197
Ac yna rydym yn defnyddio hwnnw newidyn yma.

282
00:15:05,197 --> 00:15:06,280
Mae yr un peth yn union.

283
00:15:06,280 --> 00:15:07,280
Dim ond ychydig yn lanach.

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

285
00:15:25,300 --> 00:15:35,300
>> Nesaf i fyny, Deddf III, Scales--
Felly, un broblem yn iawn

286
00:15:35,300 --> 00:15:38,920
yma yw, os byddwn yn newid ein
data yn y 200 o value--

287
00:15:38,920 --> 00:15:41,685
os byddwn yn newid i 400
neu rywbeth a adnewyddu,

288
00:15:41,685 --> 00:15:44,540
Yna, y gwerth hwn yn unig yn mynd offscreen.

289
00:15:44,540 --> 00:15:49,040
Felly mae ein rhesymeg dde yma
o'r ffordd yr ydym yn gwneud yr amseroedd 3

290
00:15:49,040 --> 00:15:52,570
a 20, i ledaenu allan ac yna
wrthbwyso ei fod braidd yn wirioneddol clunky.

291
00:15:52,570 --> 00:15:54,150
>> Beth mae niferoedd hynny yn ei olygu?

292
00:15:54,150 --> 00:15:55,400
Maent yn unig codio galed yno.

293
00:15:55,400 --> 00:15:58,830
Ac maen nhw'n clymu yn fawr iawn at y data.

294
00:15:58,830 --> 00:16:00,550
Rydym am ddogfen data ei yrru.

295
00:16:00,550 --> 00:16:05,460
Rydym am ddogfen hyblyg iawn,
bod data a roddir, yn addasu iddo

296
00:16:05,460 --> 00:16:07,900
ac mae'n cynrychioli ei.

297
00:16:07,900 --> 00:16:11,330
>> Yr hyn yr ydym yn y bôn angen yw, rydym yn
cael ystod hon o rifau 10.

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

299
00:16:12,640 --> 00:16:17,630
Ac rydym am i fapio bod allan ar
y lled, lled llawn yma.

300
00:16:17,630 --> 00:16:20,620
Felly, mae gennym yr ystod o
rhifau yn mynd 0-100.

301
00:16:20,620 --> 00:16:24,980
Ac rydym wedi campws hwn rwyf yn mynd
20-700, yn yr achos hwn.

302
00:16:24,980 --> 00:16:26,515
>> Rydym fath o awyddus i fapio hwnnw ar.

303
00:16:26,515 --> 00:16:30,002
Rydym am i raddfa bod i fyny ac i
Yna, gwrthbwyso ei fod ychydig bach.

304
00:16:30,002 --> 00:16:33,165
Mae'n ymddangos bod D3 Mae gan hyn.

305
00:16:33,165 --> 00:16:34,220
Mae'n cael ei alw graddfa.

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

307
00:16:37,410 --> 00:16:38,250
Felly, gadewch i ni ei ddefnyddio.

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

309
00:16:46,300 --> 00:16:49,670
>> Mae'r ffordd y works-- fy mod i'n mynd i
teipio hyn i fyny ac yna ei egluro.

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

311
00:17:01,530 --> 00:17:02,450
Mae hwn yn raddfa.

312
00:17:02,450 --> 00:17:08,670
Beth fydd yn ei wneud yw, bydd yn mapio allan
gwerthoedd 1-200 ar 20 i 600.

313
00:17:08,670 --> 00:17:10,990
Gallwn wirio bod.

314
00:17:10,990 --> 00:17:13,329
Gallwn weld hynny yma.

315
00:17:13,329 --> 00:17:21,704
>> Felly, os wyf yn bwydo ei 1-- un eiliad.

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

317
00:17:47,764 --> 00:17:48,555
Rhowch un eiliad i mi.

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

319
00:17:53,680 --> 00:17:55,080
Rhaid i mi gamdeipio'r enw.

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

321
00:18:15,320 --> 00:18:15,990
Dyna ni.

322
00:18:15,990 --> 00:18:17,930
Mae'n ddrwg gen i am hynny.

323
00:18:17,930 --> 00:18:22,050
>> Felly beth fydd graddfa yn ei wneud
yw, bydd yn cymryd gwerth

324
00:18:22,050 --> 00:18:24,930
ac yna troi hynny,
ehangu hynny allan, felly mae'n

325
00:18:24,930 --> 00:18:27,320
yn llenwi'r ystod lawn rydych yn gofyn amdano.

326
00:18:27,320 --> 00:18:32,910
Felly, yn yr achos hwn, os byddwn yn rhoi un,
mae'n mynd i fapio bod allan ar 20.

327
00:18:32,910 --> 00:18:37,750
Ac os ydym yn rhoi 200, 'i'
mynd i fapio bod ar i 600.

328
00:18:37,750 --> 00:18:40,460
Ac yn rhywle yn y canol,
os cawn 100, 'i'

329
00:18:40,460 --> 00:18:44,610
mynd i fod yn rhywle
mewn rhwng 20 a 600.

330
00:18:44,610 --> 00:18:51,480
>> Ac wrth gwrs, yn awr mae hyn yn beth
mae angen i ni gael gwared ar y rhai codio galed

331
00:18:51,480 --> 00:18:53,402
pethau sydd gennym yn iawn yno.

332
00:18:53,402 --> 00:18:55,950
Felly yr hyn yr ydym am ei wneud yw
cymryd y data ein bod

333
00:18:55,950 --> 00:19:00,950
o gofio, bod data unigol
elfen, ac yn ei throsglwyddo i raddfa yn gyntaf.

334
00:19:00,950 --> 00:19:02,635
Felly bydd graddfa raddfa i fyny.

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

336
00:19:27,020 --> 00:19:48,880
>> Well-- O, mae gennym ychydig o wall yma.

337
00:19:48,880 --> 00:19:50,120
Ein bod ar goll data.

338
00:19:50,120 --> 00:19:51,290
Dyna ni.

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

340
00:19:58,550 --> 00:19:59,550
A bod yn ehangu ei wneud.

341
00:19:59,550 --> 00:20:01,383
>> Mae hynny'n rhoi i ni yr un fath
canlyniad oedd gennym o'r blaen,

342
00:20:01,383 --> 00:20:04,030
ond yn hytrach na chael rhai
codio cyfyngiadau caled.

343
00:20:04,030 --> 00:20:07,790
Ac os y maint ein
newidiadau gynfas, er enghraifft,

344
00:20:07,790 --> 00:20:11,790
os ydym am gael dros y
400 picsel ac mae'n squishes allan,

345
00:20:11,790 --> 00:20:15,440
gallwn gael ei over--
gallwn ehangu ei, neu yr ydym

346
00:20:15,440 --> 00:20:21,890
Gall leihau hyn ymyl chwith i'r
rhywbeth yn llai neu'n fwy na 20.

347
00:20:21,890 --> 00:20:25,470
Mae'r niferoedd hyn, mae'r rhain yn codio galed
rhifau awr yn gwneud synnwyr i ni.

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

349
00:20:28,110 --> 00:20:30,520
>> A gallem wneud llawer mwy
bethau diddorol hefyd.

350
00:20:30,520 --> 00:20:35,990
Felly, yn lle cael llinellol
graddfa, efallai y byddwn eisiau mewngofnodi graddfa.

351
00:20:35,990 --> 00:20:37,840
A fydd yn rhoi graddfa log i ni.

352
00:20:37,840 --> 00:20:41,269
>> Felly nawr ein graddfa, yn hytrach na
dim ond ehangu nodi bod amrediad,

353
00:20:41,269 --> 00:20:42,810
mae'n gwneud pethau yn fwy soffistigedig.

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

355
00:20:48,790 --> 00:20:53,790
Yn hytrach na chael amrediad hwn galed
codio, ac yn hytrach na chael bod 600,

356
00:20:53,790 --> 00:20:58,465
efallai y byddwn yn dymuno jyst arfer y lled,
felly o 20 i y lled minws 40,

357
00:20:58,465 --> 00:21:02,392
2 waith yr ymyl ar yr ochr arall.

358
00:21:02,392 --> 00:21:05,350
Ac mae hyn yn gwneud llawer mwy o synnwyr i
rhywun a allai edrych ar y cod.

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

360
00:21:08,080 --> 00:21:11,850
>> Yn ddiddorol, mae'r graddfeydd yn cael
iawn, yn soffistigedig iawn hefyd.

361
00:21:11,850 --> 00:21:13,350
Maent yn gwneud llawer o bethau diddorol.

362
00:21:13,350 --> 00:21:17,620
Felly, nid yw graddfeydd reidrwydd gael
i weithredu yn unig gyda rhifau.

363
00:21:17,620 --> 00:21:18,955
Gadewch i ni wneud raddfa lliw.

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

365
00:21:23,120 --> 00:21:26,120
>> Felly gallai ein amrediad be--
ein parth yn 1-200.

366
00:21:26,120 --> 00:21:28,220
Dyna'r peth mewnbwn.

367
00:21:28,220 --> 00:21:33,793
Ond efallai y byddwn yn dymuno map o
wyrdd i goch, er enghraifft.

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

369
00:21:39,710 --> 00:21:42,910
Ac yn awr, os byddwn yn ei throsglwyddo 1,
rydym yn mynd i gael wyrdd.

370
00:21:42,910 --> 00:21:45,110
Os byddwn yn rhoi 200, byddwn yn cael goch.

371
00:21:45,110 --> 00:21:49,480
Ac os ydym yn ei throsglwyddo rhywbeth yn y canol,
mae'n mynd i fod yn rhyw gymysgedd o hynny,

372
00:21:49,480 --> 00:21:52,520
rhywle ar y graddiant
rhwng gwyrdd a choch.

373
00:21:52,520 --> 00:21:55,210
>> Ac yn hytrach na chael
y math hwn o resymeg clunky

374
00:21:55,210 --> 00:21:58,550
sydd gennym yma gyda'r
amodol iawn yno,

375
00:21:58,550 --> 00:22:03,250
gallem gael something-- â
graddfa linol rhwng y rhai.

376
00:22:03,250 --> 00:22:07,100
Felly, byddem yn defnyddio'r raddfa rydym yn unig
creu, yr ydym elwir lliw.

377
00:22:07,100 --> 00:22:09,060
A byddem yn rhoi d, a oedd yn
yw ein elfen hon data.

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

379
00:22:14,250 --> 00:22:15,060
Ac dyna ni.

380
00:22:15,060 --> 00:22:18,070
Mae gennym raddfa lliw.

381
00:22:18,070 --> 00:22:18,940
>> Felly mae hwn yn mapio.

382
00:22:18,940 --> 00:22:20,960
Felly, y pellaf ar y chwith yn gwbl wyrdd.

383
00:22:20,960 --> 00:22:22,560
Mae'r hawl yn hyn yn hollol goch.

384
00:22:22,560 --> 00:22:24,828
A phopeth yn y canol
yn un o swyddogaethau o d.

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

386
00:22:33,369 --> 00:22:35,160
Mae gennym diddorol
visualizations yma.

387
00:22:35,160 --> 00:22:36,952
Ond mae ein data yn fath o ddiflas.

388
00:22:36,952 --> 00:22:39,410
Gadewch i ni weld beth y gallem ei wneud os
cawsom data mwy diddorol.

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

390
00:22:44,420 --> 00:22:50,500
>> Deddf IV, Gyda Gwaith
Data-- y peth cyntaf

391
00:22:50,500 --> 00:22:53,560
byddwn am ei wneud i wneud ein
delweddu yn fwy diddorol

392
00:22:53,560 --> 00:22:56,140
yw symud data i rywle arall.

393
00:22:56,140 --> 00:22:58,310
Mae'n clunky iawn i gael
y data a chodio caled yma.

394
00:22:58,310 --> 00:23:01,220
Ac yn gyffredinol, byddwn yn gofyn
rhywun arall ar gyfer y data.

395
00:23:01,220 --> 00:23:05,400
Byddwn yn gofyn efallai y llywodraeth,
y Biwro Cyfrifiad, beth yw eich data

396
00:23:05,400 --> 00:23:10,170
ac yna plotio hynny neu ofyn
rhywfaint o endid trydydd-parti ar gyfer rhywfaint o ddata

397
00:23:10,170 --> 00:23:13,330
ac yna adeiladu
delweddu ar hynny.

398
00:23:13,330 --> 00:23:17,170
>> Felly, y peth cyntaf yr ydym am ei wneud
yw symud hynny i rywle arall.

399
00:23:17,170 --> 00:23:24,130
Felly dw i'n mynd i greu
ffeil o'r enw yma data.json.

400
00:23:24,130 --> 00:23:25,600
JSON yn y fformat data.

401
00:23:25,600 --> 00:23:29,210
Nid oes rhaid i chi ei wybod llawer am hynny.

402
00:23:29,210 --> 00:23:33,210
Ac rydym yn mynd i gopïo'r
ychydig iawn o ddata sydd gennym yno,

403
00:23:33,210 --> 00:23:40,330
bastio i mewn yno air am air, ewch
yn ôl at ein cod delweddu

404
00:23:40,330 --> 00:23:45,362
yma, ac yn defnyddio'r swyddogaeth hon yn iawn yma.

405
00:23:45,362 --> 00:23:46,820
Nid oes rhaid i chi wybod y manylion.

406
00:23:46,820 --> 00:23:49,800
Ond beth fydd hyn yn ei wneud yw,
bydd yn canfod bod ffeil,

407
00:23:49,800 --> 00:23:51,780
nôl iddo, a'i dychwelyd atom.

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

409
00:24:11,660 --> 00:24:15,220
Felly beth mae hyn yn ei wneud yw, mae'n mynd
a chael y ffeil data.json.

410
00:24:15,220 --> 00:24:18,570
Ac yna yr holl cod sy'n
mewnoli inside-- yn y bôn,

411
00:24:18,570 --> 00:24:21,800
yr holl cod gennym there-- fydd
rhedeg dim ond pan gawn y data yn ôl.

412
00:24:21,800 --> 00:24:25,760
Ac yna mae'n mynd i redeg y
Cod gyda'r data sydd gennym.

413
00:24:25,760 --> 00:24:28,870
Great, mae gennym
delweddu sy'n Ymholiadau

414
00:24:28,870 --> 00:24:31,390
ar gyfer rhai cod yn rhywle
arall, sydd fel arfer yn

415
00:24:31,390 --> 00:24:36,110
lle mae'n ymholiadau rhywfaint o ddata o
rhywle arall, sydd fel arfer yn

416
00:24:36,110 --> 00:24:38,656
sut visualizations yn gweithio.

417
00:24:38,656 --> 00:24:41,400
>> Ond yr wyf am fynd yn ôl i'r data.

418
00:24:41,400 --> 00:24:48,030
Felly mae'r data sylfaenol yn D3-- D3
yn defnyddio data sy'n restr o bethau.

419
00:24:48,030 --> 00:24:53,000
D3 yn disgwyl i'r data yn unig fod yn rhestr
o bethau, amrywiaeth o bethau.

420
00:24:53,000 --> 00:24:58,780
Does dim ots pa pethau hynny
chi, ar yr amod ei fod yn amrywiaeth ohonynt.

421
00:24:58,780 --> 00:25:02,460
>> Felly dyma, er enghraifft, gallem o
cwrs wedi arnofio gwerthoedd pwynt.

422
00:25:02,460 --> 00:25:04,830
Gallem gael negyddol.

423
00:25:04,830 --> 00:25:09,400
Nid yw D3 yn poeni, cyhyd
gan ei fod yn rhestr o bethau.

424
00:25:09,400 --> 00:25:13,270
>> Pethau mor ddiddorol i ni
Gallai gael, gallem hefyd

425
00:25:13,270 --> 00:25:19,410
restr o linynnau fel 'na.

426
00:25:19,410 --> 00:25:25,440
Felly, mae'r rhain yn y penawdau Crimson
Yr wyf yn codi i fyny ychydig ddiwrnodau yn ôl.

427
00:25:25,440 --> 00:25:29,220
Ac efallai y gallwch ddod o hyd i diddorol
pethau am y rhain yn penawdau.

428
00:25:29,220 --> 00:25:30,970
>> Felly eto, mae hwn yn rhestr o bethau.

429
00:25:30,970 --> 00:25:32,360
Nid yw D3 ddim yn poeni.

430
00:25:32,360 --> 00:25:35,572
Mae'r rhain yn digwydd i fod yn llinyn.

431
00:25:35,572 --> 00:25:36,530
Rydym wedi newid ein data.

432
00:25:36,530 --> 00:25:38,210
>> Gadewch i ni ddychwelyd at ein delweddu.

433
00:25:38,210 --> 00:25:42,495
Yn awr, mae ein delweddu yn disgwyl
mewnbwn i fod yn rhifau.

434
00:25:42,495 --> 00:25:44,370
Felly, rydym yn mynd i gael
i wneud ychydig o newidiadau.

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

436
00:25:47,180 --> 00:25:52,180
Felly, er enghraifft, yn gyntaf oll, efallai
rydym eisiau rhoi cylchoedd hyn ynghyd

437
00:25:52,180 --> 00:25:56,870
gan hyd y pennawd, mae'r
nifer o gymeriadau yn y pennawd.

438
00:25:56,870 --> 00:26:03,600
>> Felly beth y byddwn yn ei wneud yw-- bob tro mae ein
yn cael ei alw'n swyddogaeth gyda llinyn,

439
00:26:03,600 --> 00:26:09,095
byddwn yn dod o hyd ei fod yn hyd A
Yna, pasio hynny i raddfa.

440
00:26:09,095 --> 00:26:11,550
Mae'r lliw, 'n annhymerus' yn ôl
bod i las dur.

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

442
00:26:19,060 --> 00:26:20,420
Ac dyna ni.

443
00:26:20,420 --> 00:26:23,190
Mae gennym delweddu
penawdau o Crimson.

444
00:26:23,190 --> 00:26:25,500
>> Mae ein graddfa yn ychydig yn ffwrdd.

445
00:26:25,500 --> 00:26:29,680
Gadewch i ni dybio bod y hiraf
pennawd yn 100 nod o hyd,

446
00:26:29,680 --> 00:26:32,244
felly rhychwantu bod allan ychydig.

447
00:26:32,244 --> 00:26:33,410
Ac mae gennym delweddu.

448
00:26:33,410 --> 00:26:36,710
Felly, mae'n ymddangos bod y rhan fwyaf penawdau
yn eithaf agos at ei gilydd,

449
00:26:36,710 --> 00:26:38,750
o ran llinell gymeriad.

450
00:26:38,750 --> 00:26:41,200
Ond mae un yno mewn gwirionedd yn sefyll allan.

451
00:26:41,200 --> 00:26:46,660
>> Gallem adeiladu rhai offer
i archwilio bod mwy.

452
00:26:46,660 --> 00:26:50,710
Ond pan oeddwn yn gweithio ar hyn, roeddwn yn
chwilfrydig boed, yn y set ddata,

453
00:26:50,710 --> 00:26:53,880
penawdau gyda colon
ynddynt fyddai fod yn hirach.

454
00:26:53,880 --> 00:26:55,770
Rwy'n cymryd yn ganiataol y byddent.

455
00:26:55,770 --> 00:26:56,660
>> Felly, gadewch i ni gael gwybod.

456
00:26:56,660 --> 00:27:00,650
Gadewch i ni ddefnyddio'r lliw
sianel fel y gwnaethom o'r blaen,

457
00:27:00,650 --> 00:27:04,540
i amgodio rhai ynghylch a
mae 'na colon neu ddim.

458
00:27:04,540 --> 00:27:07,220
Felly, byddwn yn defnyddio amodol eto.

459
00:27:07,220 --> 00:27:09,350
Nid oes rhaid i chi ei wybod
manylion o hyn,

460
00:27:09,350 --> 00:27:14,260
ond mae hyn yn sut yr ydym wirio
llinyn ar gyfer cymeriad neilltuol

461
00:27:14,260 --> 00:27:16,355
yn JavaScript, unwaith eto, nad ydynt yn berthnasol.

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

463
00:27:18,910 --> 00:27:23,270
>> Ond os nad ydym yn dod o hyd i
colon, byddwn yn dychwelyd gwyrdd.

464
00:27:23,270 --> 00:27:26,100
Ac os ydym yn ei wneud, byddwn yn dychwelyd goch.

465
00:27:26,100 --> 00:27:29,010
Felly eto, benawdau bod
wedi bydd colon yn goch.

466
00:27:29,010 --> 00:27:34,980
Dyma beth mae hyn yw-- 'n glws.

467
00:27:34,980 --> 00:27:38,040
>> Felly, mae'n ymddangos bod fy
damcaniaeth yn cael ei bumped.

468
00:27:38,040 --> 00:27:39,360
Dim ond dau.

469
00:27:39,360 --> 00:27:42,380
Dim ond chwe phwynt data
a dim ond dau oedd colon.

470
00:27:42,380 --> 00:27:45,510
Ond mae'n ymddangos ychydig yn fwy
ar y pen isaf, mewn gwirionedd.

471
00:27:45,510 --> 00:27:47,830
Penawdau gyda colon yn ymddangos
i fod yn fyrrach yn gyffredinol,

472
00:27:47,830 --> 00:27:52,370
o leiaf yn ein data set-- ddiddorol.

473
00:27:52,370 --> 00:27:55,830
>> Gadewch i ni ddychwelyd hynny i
dur glas ac yna gweld

474
00:27:55,830 --> 00:28:00,601
hyn y gallwn ei wneud gyda hyd yn oed
data mwy diddorol.

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

476
00:28:04,370 --> 00:28:09,070
Felly eto, yr wyf yn sôn bod
data mewn D3 yn rhestr o bethau.

477
00:28:09,070 --> 00:28:11,080
Rydym wedi gweld nifer o sawl math.

478
00:28:11,080 --> 00:28:12,810
Rydym wedi gweld llinynnau.

479
00:28:12,810 --> 00:28:15,700
Ond gall y pethau hefyd fod gwrthrychau.

480
00:28:15,700 --> 00:28:20,080
>> Gallant fod yn bethau cymhleth
sy'n cynnwys llawer o bethau.

481
00:28:20,080 --> 00:28:24,510
I ddweud y gliriach,
yn y rhan fwyaf o achosion, rydym yn

482
00:28:24,510 --> 00:28:28,384
awyddus i adeiladu pob pwynt data fel
yn fwy cymhleth na dim ond un gwerth.

483
00:28:28,384 --> 00:28:30,175
Os hoffech chi ddychmygu
cronfa ddata am fyfyrwyr,

484
00:28:30,175 --> 00:28:32,470
gallai fod yn fyfyriwr
enwi, ID myfyrwyr,

485
00:28:32,470 --> 00:28:36,370
ac mae llawer o bethau cysylltiedig
gyda chofnod arbennig,

486
00:28:36,370 --> 00:28:39,834
nid dim ond llinyn neu rif.

487
00:28:39,834 --> 00:28:40,750
Felly, gadewch i ni edrych ar hynny.

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

489
00:28:55,180 --> 00:28:56,760
>> Mae hwn yn un data o'r fath a osodwyd.

490
00:28:56,760 --> 00:28:59,090
Mae hwn yn mynd ati i ddaeargrynfeydd data.

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

492
00:29:01,910 --> 00:29:08,430
Felly mae popeth yma ar ein rhestr neu amrywiaeth
o bethau yn cynnwys llawer o bethau ei hun.

493
00:29:08,430 --> 00:29:11,380
Felly mae pob pwynt data yn ganddi
maint a chydlynu.

494
00:29:11,380 --> 00:29:13,425
Ac yn cydlynu eu hunain
yn cynnwys dau beth.

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

496
00:29:15,960 --> 00:29:20,450
>> Felly bob dydd yn awr yn llawer mwy
gymhleth ac yn llawer mwy diddorol

497
00:29:20,450 --> 00:29:22,700
ac yn cynnwys llawer mwy
gwybodaeth ddiddorol.

498
00:29:22,700 --> 00:29:26,730
Gadewch i ni weld y gallem adeiladu allan o hynny.

499
00:29:26,730 --> 00:29:36,130
Dychwelyd yn ôl i fan hyn, unwaith eto, gan ddefnyddio
ein delweddu cylch histogram

500
00:29:36,130 --> 00:29:42,110
rydym wedi adeiladu, gadewch i ni weld os gallwn adeiladu
delweddu o ddosbarthiad maint

501
00:29:42,110 --> 00:29:43,305
yn ein set data.

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

503
00:29:45,850 --> 00:29:48,660
>> Felly dyma, 'i' yr un cysyniad.

504
00:29:48,660 --> 00:29:51,920
Ond yn awr, d yn cynnwys mwy o bethau.

505
00:29:51,920 --> 00:29:54,780
d yn cynnwys llawer o elfennau data.

506
00:29:54,780 --> 00:29:57,946
Felly, rydym yn cael d yn ôl.

507
00:29:57,946 --> 00:29:59,670
D3 yn rhoi d i ni.

508
00:29:59,670 --> 00:30:06,080
Ac rydym yn ymateb drwy ddod o hyd y maint
o d ac yna basio hynny i raddfa.

509
00:30:06,080 --> 00:30:08,490
>> Ac yna mae angen i ni newid
ein graddfa, wrth gwrs.

510
00:30:08,490 --> 00:30:12,980
Felly meintiau nid yn unig yn ei wneud
mynd yn llawer mwy na 10.

511
00:30:12,980 --> 00:30:15,485
A dweud y gwir, ni fu
ddaeargryn o 10 maint.

512
00:30:15,485 --> 00:30:19,360
Ond dyna fath o o'n uchaf
ben, mae ein sbectrwm uchaf.

513
00:30:19,360 --> 00:30:20,240
>> Gadewch i ni adnewyddu.

514
00:30:20,240 --> 00:30:22,990
Nice, mae gennym delweddu.

515
00:30:22,990 --> 00:30:25,490
Mae'n ddiddorol note-- hynny
mae dau bwynt data a

516
00:30:25,490 --> 00:30:29,010
yn cael eu bron yn union ar ben pob
eraill, o ran maint.

517
00:30:29,010 --> 00:30:31,350
Byddwch yn gweld hyn gan y didreiddedd rydym yn ei ddefnyddio.

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

519
00:30:40,810 --> 00:30:42,690
>> Mae gennym data daearyddol yn awr.

520
00:30:42,690 --> 00:30:44,710
Mae gennym lledredau a hydred.

521
00:30:44,710 --> 00:30:47,549
Efallai y gallem wneud rhywbeth yn
llawer mwy diddorol gyda hynny.

522
00:30:47,549 --> 00:30:49,590
Gadewch i ni ddod o hyd i fwy
ffordd ddiddorol i ddelweddu

523
00:30:49,590 --> 00:30:53,500
mae hyn yn fwy cymhleth
data yr ydym yn cael mynediad at.

524
00:30:53,500 --> 00:31:04,950
>> Deddf V, Mapping-- yn sylfaenol,
rydym am roi'r rhain ar fap.

525
00:31:04,950 --> 00:31:07,690
Yr wyf yn golygu, dyma lle mae hyn yn mynd.

526
00:31:07,690 --> 00:31:13,130
Rydym am i amgodio gwybodaeth am y
sefyllfa o ddarlleniadau daeargryn hyn,

527
00:31:13,130 --> 00:31:16,350
yn ogystal â'u maint,
am fod gennym yn awr.

528
00:31:16,350 --> 00:31:21,310
Rydym yn deall sut i yfed
data mwy cymhleth.

529
00:31:21,310 --> 00:31:26,200
>> Y peth cyntaf y byddwn yn ei wneud yw
greu map, map cefndir.

530
00:31:26,200 --> 00:31:29,360
Rydw i'n mynd i fynd drwy
mae hyn yn gyflym iawn.

531
00:31:29,360 --> 00:31:30,560
Mae hyn yn cod anodd.

532
00:31:30,560 --> 00:31:33,110
Mae'n un arall o'r rhai a
ryseitiau nad ydych yn wir yn

533
00:31:33,110 --> 00:31:35,690
rhaid i ddeall yn llawn i chi eu defnyddio.

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

535
00:31:38,510 --> 00:31:39,740
Ond mae hyn yn cod.

536
00:31:39,740 --> 00:31:43,580
Mae'r côd hwn dde yma yn creu map.

537
00:31:43,580 --> 00:31:45,730
>> Nid ydym yn mynd i fynd yn fanwl.

538
00:31:45,730 --> 00:31:54,210
Ond yr wyneb, yr hyn y mae'n ei wneud yw,
mae'n ymholiadau ffeil us.json hwn, a

539
00:31:54,210 --> 00:31:57,150
yn ffeil ddata yn hoffi
yr un oedd gennym o'r blaen.

540
00:31:57,150 --> 00:31:59,150
Mae'n fwy cymhleth, wrth gwrs.

541
00:31:59,150 --> 00:32:02,920
Ond yn yr achos hwn, mae popeth,
pob pwynt data yn y cyflwr

542
00:32:02,920 --> 00:32:05,420
ac mae ganddo restr o
lledredau a hydred

543
00:32:05,420 --> 00:32:10,500
sy'n diffinio'r polygon,
y ffurflen honno, y wladwriaeth honno.

544
00:32:10,500 --> 00:32:13,280
>> Felly beth fydd D3 yn ei wneud yn debyg
at yr hyn a wnaethom o'r blaen.

545
00:32:13,280 --> 00:32:18,140
Bydd yn gofyn am hynny ac
rhwymo hynny i elfen.

546
00:32:18,140 --> 00:32:20,890
Ac mae swyddogaeth sy'n
Bydd mapio elfen honno allan,

547
00:32:20,890 --> 00:32:23,410
yn seiliedig ar y lledredau a hydred.

548
00:32:23,410 --> 00:32:24,580
Gallwch ddarllen mwy am hynny.

549
00:32:24,580 --> 00:32:27,385
Ac yr wyf yn ei argymell.

550
00:32:27,385 --> 00:32:30,090
>> Mae cysylltiadau yn y
diwedd y cod hwn postio.

551
00:32:30,090 --> 00:32:31,570
Ac mae'r cod yn cael ei sylwadau.

552
00:32:31,570 --> 00:32:34,050
Yn yna gysylltiadau am pellach ar hyn.

553
00:32:34,050 --> 00:32:36,590
Yr wyf yn argymell i chi edrych i fyny.

554
00:32:36,590 --> 00:32:39,460
Ond yr hyn yr ydym yn gofalu amdano yw
swyddogaeth amcanestyniad hwn.

555
00:32:39,460 --> 00:32:41,210
Dw i eisiau mynd drwy'r hynny.

556
00:32:41,210 --> 00:32:43,522
>> Yn gyntaf oll, gadewch i mi ddangos
eich bod, ie, mae gennym map.

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

558
00:32:47,300 --> 00:32:49,970
Mapiau yn oer.

559
00:32:49,970 --> 00:32:52,330
Felly, gadewch i ni edrych ar hyn
swyddogaeth cynhyrchu.

560
00:32:52,330 --> 00:32:56,481
>> Rhagamcaniad yn fawr iawn
fel graddfa, graddfeydd eto.

561
00:32:56,481 --> 00:32:59,210
Felly beth cynhyrchu ar gyfer
swyddogaeth amcanestyniad hwn

562
00:32:59,210 --> 00:33:06,610
Nid yw, gallem basio hydred
ac latitudes-- yn yr achos hwn,

563
00:33:06,610 --> 00:33:09,590
gwerthoedd hyn dyma yw'r
lat-longs o'r adeilad

564
00:33:09,590 --> 00:33:13,990
rydym yn eistedd yn gywir
now-- i amcanestyniad.

565
00:33:13,990 --> 00:33:20,560
A bydd amcanestyniad trosi
bod i mewn x ac y gwerthoedd picsel.

566
00:33:20,560 --> 00:33:23,300
>> Felly beth amcanestyniad yn ei wneud
yn debyg iawn i'n graddfa.

567
00:33:23,300 --> 00:33:27,270
Mae wedi cymryd ein lledredau a
hydred sy'n cynrychioli glôb cyfan

568
00:33:27,270 --> 00:33:31,390
ac yn crebachu a sizing bod
i lawr at y sgwâr yr ydym am,

569
00:33:31,390 --> 00:33:33,510
ein bod wedi rhoi iddo.

570
00:33:33,510 --> 00:33:35,220
Yn yr achos hwn, rydym yn
pasio gwerthoedd hyn.

571
00:33:35,220 --> 00:33:41,370
Ac mae'n rhoi i ni, yn dda, bod
ar eich sgrîn yn golygu 640 o picsel.

572
00:33:41,370 --> 00:33:46,250
Mae'r sgrin hon yn gyfan yn 700 o picsel
eang, fel bod ein gwneud amdanynt yma,

573
00:33:46,250 --> 00:33:53,310
a 154 o bicseli i lawr, yr wyf byddai
amcangyfrif yn 'n bert lawer yma.

574
00:33:53,310 --> 00:33:57,250
>> Felly cymryd rhai lat-longs, a oedd yn
yn cynrychioli rhywbeth ar y byd cyfan

575
00:33:57,250 --> 00:34:02,850
a squishing a symud o gwmpas y
i roi i ni x a gwerthoedd y picsel,

576
00:34:02,850 --> 00:34:05,450
mae hyn yw'r peth cyntaf sy'n
wneud yn y cod mapio.

577
00:34:05,450 --> 00:34:07,920
Ac yna weddill y
Cod yn defnyddio data

578
00:34:07,920 --> 00:34:14,310
ac yna mapiau rhai sy'n lat-longs
ar rywbeth ar eich sgrîn.

579
00:34:14,310 --> 00:34:18,380
>> Ond rydym yn mynd i ddefnyddio amcanestyniad hwn
swyddogaethau, gan ei fod yn troi allan

580
00:34:18,380 --> 00:34:20,270
rydym wedi ysu lat-longs hefyd.

581
00:34:20,270 --> 00:34:24,509
Wrth edrych yn ôl ar ein data, rydym wedi
lledredau a hydred gyfesurynnau

582
00:34:24,509 --> 00:34:25,425
ar gyfer pob arsylwi.

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

584
00:34:28,131 --> 00:34:29,130
Felly, gadewch i ni ddefnyddio amcanestyniad.

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

586
00:34:33,250 --> 00:34:37,639
>> Felly, edrych ar ein dangosiad,
rydym am i'n exposition--

587
00:34:37,639 --> 00:34:39,590
mae gennym lledred a hydred yn.

588
00:34:39,590 --> 00:34:40,770
Ond rydym am i werthoedd picsel.

589
00:34:40,770 --> 00:34:43,510
Ac mae'n troi allan, mae gennym yn union
yr hyn yr ydym want-- amcanestyniad.

590
00:34:43,510 --> 00:34:46,239
Llawer iawn fel ein bod yn
gan ddefnyddio graddfa dde yma,

591
00:34:46,239 --> 00:34:52,075
rydym yn awr yn mynd i ddefnyddio amcanestyniad
ac yn ei throsglwyddo cyfesurynnau.

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

593
00:34:55,241 --> 00:34:56,949
Felly, y peth cyntaf
rydym yn doing-- felly rydym yn

594
00:34:56,949 --> 00:35:01,520
cael d, sef ddata unigol
elfen o daeargryn unigol

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

596
00:35:02,370 --> 00:35:04,640
Y peth cyntaf rydym yn ei wneud
yw cael y cyfesurynnau.

597
00:35:04,640 --> 00:35:06,150
Mae pob hawl, mae gennym y cyfesurynnau.

598
00:35:06,150 --> 00:35:09,160
>> Yr ail beth yr ydym yn ei wneud yw
pasio hynny ymlaen i amcanestyniad.

599
00:35:09,160 --> 00:35:13,440
Rhagamcaniad yn trosi cyfesurynnau y rhai
i mewn i werthoedd picsel, x ac y.

600
00:35:13,440 --> 00:35:16,680
Ac yna y peth olaf yr ydym yn
am ei wneud yn unig yw cael y x,

601
00:35:16,680 --> 00:35:19,342
sef yr achos hwn yw'r un cyntaf.

602
00:35:19,342 --> 00:35:22,050
Mae'n y cyntaf o'r ddau beth
sy'n cael eu dychwelyd gan amcanestyniad.

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

604
00:35:27,840 --> 00:35:29,630
>> Byddwn yn gwneud yr un peth ar gyfer y.

605
00:35:29,630 --> 00:35:34,960
Ond yn lle hynny, byddwn yn dychwelyd
yr ail elfen, yr y.

606
00:35:34,960 --> 00:35:35,980
Byddwch yn barod i adnewyddu.

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

608
00:35:39,830 --> 00:35:46,450
Www, cymeriad ychwanegol
Yma-- 'n glws, rydym wedi

609
00:35:46,450 --> 00:35:51,730
dogfen gyrru ddata sy'n
cuddio y ffeil JSON o wrthrychau,

610
00:35:51,730 --> 00:35:57,560
gan wneud map, ac yn newid y
priodoli mewn perthynas â'r data

611
00:35:57,560 --> 00:35:59,600
i brosiect iddo ar fap.

612
00:35:59,600 --> 00:36:00,840
Mae hyn yn ddiddorol iawn.

613
00:36:00,840 --> 00:36:03,770
Mae hyn yn cŵl.

614
00:36:03,770 --> 00:36:05,640
>> Gadewch i ni fynd ag ef i fyny hollt.

615
00:36:05,640 --> 00:36:08,795
Yr wyf yn golygu, mae gennym ddau ddarn o
gwybodaeth gyda phob pwynt data.

616
00:36:08,795 --> 00:36:10,000
Yr wyf yn golygu, tri.

617
00:36:10,000 --> 00:36:12,540
Mae gennym y cyfesurynnau,
sydd yn x ac y.

618
00:36:12,540 --> 00:36:15,700
Ac mae gennym y maint.

619
00:36:15,700 --> 00:36:17,420
>> Mae angen i amgodio maint rhywsut.

620
00:36:17,420 --> 00:36:18,920
Mae gennym lawer o sianeli.

621
00:36:18,920 --> 00:36:20,370
Gallwn ddefnyddio lliw.

622
00:36:20,370 --> 00:36:21,890
Gallwn ddefnyddio radiws.

623
00:36:21,890 --> 00:36:23,040
Gallai Rydym yn defnyddio didreiddedd.

624
00:36:23,040 --> 00:36:25,540
Gallai Rydym yn defnyddio llawer o bethau yn y cod.

625
00:36:25,540 --> 00:36:29,180
Unrhyw un o'r priodoleddau hyn a llawer
mwy nad ydynt wedi eu rhestru yno,

626
00:36:29,180 --> 00:36:33,065
am eu bod yn ddewisol, gallem
defnyddio i amgodio data hwn, mae'r strôc

627
00:36:33,065 --> 00:36:35,670
a'r holl bethau hyn rwyf wedi crybwyll.

628
00:36:35,670 --> 00:36:36,690
>> Gadewch i ni wneud radiws.

629
00:36:36,690 --> 00:36:38,830
Rwy'n credu radiws yw'r mwyaf sythweledol.

630
00:36:38,830 --> 00:36:46,210
Felly eto, byddwn yn cymryd lle hynny galed-godio
40 a gwneud rhai cyfrifiadau.

631
00:36:46,210 --> 00:36:48,810
Byddwn yn defnyddio ein hoff raddfa eto.

632
00:36:48,810 --> 00:36:50,290
Ac rydym yn y gorffennol d.

633
00:36:50,290 --> 00:36:55,850
Ond nid d am ein bod am i'r maint
o d. d yn unig yw man data.

634
00:36:55,850 --> 00:36:57,430
Byddwn yn pasio maint i raddfa.

635
00:36:57,430 --> 00:36:58,470
>> Gadewch i ni geisio hynny eto.

636
00:36:58,470 --> 00:37:00,230
Www, nid yw'n gweithio.

637
00:37:00,230 --> 00:37:02,940
Pam nad yw'n gweithio?

638
00:37:02,940 --> 00:37:04,387
>> Felly cofiwch pa raddfa yn ei wneud.

639
00:37:04,387 --> 00:37:05,470
Gadewch i ni edrych ar raddfa eto.

640
00:37:05,470 --> 00:37:10,800
Mapiau ar raddfa o 1 i 10 ar
i 22-600, mwy neu lai.

641
00:37:10,800 --> 00:37:12,030
600 yn enfawr.

642
00:37:12,030 --> 00:37:14,730
Dyma pam rydym yn cael hyn.

643
00:37:14,730 --> 00:37:18,420
>> Felly, rydym am newid ein graddfa
i rywbeth mwy rhesymol.

644
00:37:18,420 --> 00:37:22,610
Gadewch i ni ddweud, rydym am 0-60.

645
00:37:22,610 --> 00:37:25,340
60 yn fawr, ond mae 10 o daeargrynfeydd
yn hynod brin.

646
00:37:25,340 --> 00:37:27,880
Yn wir, nad ydynt erioed wedi digwydd.

647
00:37:27,880 --> 00:37:31,830
>> Felly beth mae hyn yn gwneud yw, bydd yn cymryd
mae ein maint sy'n mynd o 1 i 10

648
00:37:31,830 --> 00:37:34,490
a map ar ehangu 'ii maes.

649
00:37:34,490 --> 00:37:37,370
A map ar i 0-60.

650
00:37:37,370 --> 00:37:38,840
Gadewch i ni adnewyddu.

651
00:37:38,840 --> 00:37:41,850
>> Nice, mae gennym delweddu.

652
00:37:41,850 --> 00:37:42,500
Mae hyn yn wych.

653
00:37:42,500 --> 00:37:43,736
Mae hyn yn y data gwirioneddol.

654
00:37:43,736 --> 00:37:46,360
Byddwch yn sylwi, yn fy tegan bach
enghraifft, y daeargryn mwyaf

655
00:37:46,360 --> 00:37:49,417
yn iawn ar ben un ohonom.

656
00:37:49,417 --> 00:37:50,000
Ond dyna ni.

657
00:37:50,000 --> 00:37:54,422
Mae gennym delweddu gyrru dyddiad
sy'n defnyddio data

658
00:37:54,422 --> 00:37:56,255
ac yn rhoi i ni 'n sylweddol
gwybodaeth ddiddorol.

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

660
00:38:02,600 --> 00:38:06,420
Yeah, gadewch i ni ychwanegu ychydig
rhyngweithio ag ef.

661
00:38:06,420 --> 00:38:08,675
Soniais am hynny yn
y grym cryf o D3.

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

663
00:38:11,490 --> 00:38:15,060
>> Felly dyma, ar gyfer pob elfen, rydym yn
disgrifio bagad o nodweddion.

664
00:38:15,060 --> 00:38:20,230
Ond gallwn hefyd yn disgrifio yr hyn yr ydym ei eisiau
i ddigwydd gydag elfennau rhyngweithio.

665
00:38:20,230 --> 00:38:26,190
Er enghraifft, gallai rydym yn disgrifio
beth sy'n digwydd pan fyddwn llygoden dros.

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

667
00:38:28,740 --> 00:38:33,640
Ac yn debyg iawn,
bydd yn cymryd swyddogaeth,

668
00:38:33,640 --> 00:38:36,700
debyg iawn i'r
briodoleddau oedd gennym o'r blaen,

669
00:38:36,700 --> 00:38:44,650
lle rydym yn gwneud rhywbeth i'r
Elfen pan fyddwn yn hofran drosto.

670
00:38:44,650 --> 00:38:47,100
>> Felly peth cyntaf mae angen i ni
wneud yw dewis yr elfen honno,

671
00:38:47,100 --> 00:38:49,435
i ddod o hyd iddo yn y bôn, yn y porwr.

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

673
00:38:57,090 --> 00:39:00,920
ac yna gallem osod
nodwedd iddo.

674
00:39:00,920 --> 00:39:06,870
Felly beth rwy'n ei wneud yma yw, pan fyddwn yn hofran
dros rywbeth, byddwn yn cael yr elfen honno

675
00:39:06,870 --> 00:39:11,197
ac yna osod ei didreiddedd yn ôl
i 1, i hollol di-draidd.

676
00:39:11,197 --> 00:39:12,488
Gadewch i ni weld beth sy'n edrych fel.

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

678
00:39:29,430 --> 00:39:39,080
>> Mae'n ymddangos mae gennym
hanner colon ychwanegol yma.

679
00:39:39,080 --> 00:39:42,420
Felly, os ydym yn hofran dros yma, mae'n mynd yn llawn.

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

681
00:39:46,530 --> 00:39:48,960
Ond yn awr, wrth gwrs, mae'n
aros llawn, oherwydd ein bod

682
00:39:48,960 --> 00:39:53,240
rhaid i ddisgrifio beth sy'n digwydd
pan gwared ein cyrchwr.

683
00:39:53,240 --> 00:39:59,990
Felly, gadewch i ni wneud yn union hynny ar
mouseout, yn hytrach na mouseover.

684
00:39:59,990 --> 00:40:06,399
>> A byddwn yn ailosod i
yr hyn a oedd gennym before-- 0.5.

685
00:40:06,399 --> 00:40:10,260
Ac yn awr, yr ydym bob amser
hofran, rydym yn cael cylch llawn.

686
00:40:10,260 --> 00:40:13,468
Mae'n ein helpu yn gweld yr hyn yr ydym
rydym yn dewis y bôn.

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

688
00:40:19,210 --> 00:40:22,860
>> Ac yn awr gadewch i ni wneud hyn yn wirioneddol wych.

689
00:40:22,860 --> 00:40:26,210
Gadewch i ni gysylltu hyn â data gwirioneddol.

690
00:40:26,210 --> 00:40:30,890
Felly, gadewch i ni ofyn y gallai
USGS am eu data.

691
00:40:30,890 --> 00:40:35,630
Felly, yr Arolwg Daearegol Unol Daleithiau
Mae data am daeargrynfeydd.

692
00:40:35,630 --> 00:40:41,460
Mae ganddynt API cyhoeddus sy'n gallu
i gael ei fwyta mewn fformat JSON.

693
00:40:41,460 --> 00:40:42,548
Felly, gadewch i ni wneud hynny.

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

695
00:40:49,730 --> 00:40:55,900
>> Felly, mae hyn yn dipyn o cod sy'n
cysylltu i'r API USGS.

696
00:40:55,900 --> 00:40:57,990
Ac mae 'na ychydig o brosesu arno.

697
00:40:57,990 --> 00:41:02,200
Nid yw hyn yn berthnasol ond yn symleiddio ei
i fformat data syml fel yr un

698
00:41:02,200 --> 00:41:03,800
oedd gennym o'r blaen.

699
00:41:03,800 --> 00:41:08,140
Felly yr wyf yn cael gwared ar ein galwad i
ein data.json ffug ar ffeil.

700
00:41:08,140 --> 00:41:13,110
Ac yn lle hynny, rwy'n galw
y USGS yn y bôn.

701
00:41:13,110 --> 00:41:16,700
>> Gadewch i adnewyddu, 'n glws.

702
00:41:16,700 --> 00:41:21,260
Mae hyn yn y data gwirioneddol, bywyd go iawn-
o wythnos hon ar gyfer daeargrynfeydd.

703
00:41:21,260 --> 00:41:23,217
Mae hyn yn ddiddorol iawn.

704
00:41:23,217 --> 00:41:25,050
Nid yw hyn yn syndod
i ni, ond mae

705
00:41:25,050 --> 00:41:27,909
llawer o ddaeargrynfeydd ar y
West Coast yng Nghaliffornia.

706
00:41:27,909 --> 00:41:30,950
Ond yr wyf yn meddwl ei fod yn ddiddorol iawn
bod cymaint o daeargrynfeydd

707
00:41:30,950 --> 00:41:34,350
yn Alaska, ac i bob golwg,
yma yn y Midwest.

708
00:41:34,350 --> 00:41:37,630
Yr wyf yn golygu, yn ddiddorol, ac rydym yn dda.

709
00:41:37,630 --> 00:41:40,410
Dyna gasgliad.

710
00:41:40,410 --> 00:41:43,760
>> Ond yn y bôn, mae hyn yn
yw'r hyn D3 yn ein helpu i wneud.

711
00:41:43,760 --> 00:41:48,030
Mae'n ein helpu cymryd data, rhwymo
i elfennau yn y DOM,

712
00:41:48,030 --> 00:41:51,620
ac mae ganddynt elfennau hynny yn newid
fel swyddogaeth o'r data,

713
00:41:51,620 --> 00:41:54,780
rhaid i priodoleddau hynny, yr holl
llawer o nodweddion y elfennau,

714
00:41:54,780 --> 00:41:57,393
i gyd fod yn ddefnyddiol i sianeli
i gyfleu gwybodaeth.

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

716
00:42:05,440 --> 00:42:09,290
>> D3 yn hynod o bwerus
llyfrgell ac yn rhyfeddol rhedeg yn dda.

717
00:42:09,290 --> 00:42:12,260
Mae hyn yn rhai pethau pwerus.

718
00:42:12,260 --> 00:42:15,960
Delweddu data yn
offeryn hynod bwerus

719
00:42:15,960 --> 00:42:21,530
ar gyfer cyfleu i bobl dwfn
mewnwelediadau sy'n cael eu craidd

720
00:42:21,530 --> 00:42:25,430
ac yn eu helpu i ddeall, yn
y ffordd hon dwys a sythweledol,

721
00:42:25,430 --> 00:42:29,760
sut mae data yn gweithio a sut
data yn newid ein bywyd.

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