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

2
00:00:00,780 --> 00:00:11,880
>> [Mūzikas atskaņošanai]

3
00:00:11,880 --> 00:00:16,480
>> DAVID Chouinard: es esmu David
Chouinard, un tas ir D3.

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

5
00:00:17,700 --> 00:00:21,270
Mēs ejam, lai uzzinātu par D3 šodien.

6
00:00:21,270 --> 00:00:25,020
D3 ir JavaScript sistēma
lai izveidotu augstas kvalitātes

7
00:00:25,020 --> 00:00:28,110
interaktīvas vizualizācijas internetā.

8
00:00:28,110 --> 00:00:30,870
Lietas, piemēram, tas, ko mēs esam
redzēt aizmugurē mani,

9
00:00:30,870 --> 00:00:34,230
mēs spēsim iemācīties tos
lietas, sava veida pamati tā.

10
00:00:34,230 --> 00:00:36,452
Bet tas būs forši.

11
00:00:36,452 --> 00:00:38,160
Sāksim
padarot diezgan bildes.

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

13
00:00:41,108 --> 00:00:44,350
Mēs esam ieguvuši vairāk demos
perspektīvu pieejamiem.

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

15
00:00:48,040 --> 00:00:50,760
Pieņemsim to darīt.

16
00:00:50,760 --> 00:00:58,700
>> Act I, DOM manipulation-- mēs ejam
lai sāktu uzreiz padarot labas lietas.

17
00:00:58,700 --> 00:01:01,240
Pirmkārt, pa kreisi, mums ir kods.

18
00:01:01,240 --> 00:01:03,470
Pa labi, mēs esam
rezultāts mūsu kodu.

19
00:01:03,470 --> 00:01:04,900
Iesim caur to.

20
00:01:04,900 --> 00:01:05,780
>> Veidosim apli.

21
00:01:05,780 --> 00:01:08,570
Kā tas skaņu?

22
00:01:08,570 --> 00:01:14,934
svg.append circle--
mēs tikko veikts apli.

23
00:01:14,934 --> 00:01:16,100
Jums nav ticiet man, labi?

24
00:01:16,100 --> 00:01:18,190
Tas nav tur.

25
00:01:18,190 --> 00:01:21,830
>> Tātad, ko mēs darījām tieši šeit ir,
SVG ir pielāgojamiem vektorgrafikas.

26
00:01:21,830 --> 00:01:27,530
Tas ir veids, kā mēs pateikt pārlūku
veikt vektoru grafikas pārlūku.

27
00:01:27,530 --> 00:01:30,740
Ko mēs tikko izdarījām tagad labi
pievieno apli, lai pārlūkotu.

28
00:01:30,740 --> 00:01:34,790
>> Apsolījums ir, ka apļa
prasa mazliet pamata atribūti

29
00:01:34,790 --> 00:01:36,850
pirms mēs faktiski var redzēt.

30
00:01:36,850 --> 00:01:40,045
Mums ir nepieciešams, lai pastāstītu to savu x pozīciju,
tā y amats, tā rādiuss.

31
00:01:40,045 --> 00:01:43,310
Mums nav pateikt to kādu, kas,
tāpēc mēs neredzam to tieši tagad.

32
00:01:43,310 --> 00:01:46,210
Bet pieņemsim pateikt to sīkumi.

33
00:01:46,210 --> 00:01:49,510
>> Tātad vispirms, tev
dot mūsu Circle nosaukumu.

34
00:01:49,510 --> 00:01:53,070
So sauksim to par apli.

35
00:01:53,070 --> 00:01:54,406
Mūsu aplis ir nosaukums tagad.

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

37
00:01:57,230 --> 00:01:59,490
Un pieņemsim arī tā dažus atribūtus.

38
00:01:59,490 --> 00:02:03,690
Kā par cx tiks novirzīti x, tāpēc
centrs x stāvoklī.

39
00:02:03,690 --> 00:02:06,730
Teiksim, 200 200 pikseļi.

40
00:02:06,730 --> 00:02:10,220
>> Pieņemsim arī tā y 200 pikseļi, kā arī.

41
00:02:10,220 --> 00:02:16,032
Un r, rādiuss, no apmēram 40 pikseļi.

42
00:02:16,032 --> 00:02:16,950
Tagad pieņemsim redzēt.

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

44
00:02:21,740 --> 00:02:23,440
Es nevaru izskaidrot.

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

46
00:02:30,430 --> 00:02:31,520
>> Tur jums iet.

47
00:02:31,520 --> 00:02:37,330
Mums ir loka stāvokli 200
pikseļi, 200 pikseļi, rādiuss 40 pikseļi.

48
00:02:37,330 --> 00:02:38,280
Kind of cool, vai ne?

49
00:02:38,280 --> 00:02:38,988
Mums ir aplis.

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

51
00:02:40,880 --> 00:02:42,670
>> Tāpēc nav nepieciešams sekot līdzi.

52
00:02:42,670 --> 00:02:45,790
Visi šie piemēri, visi
kods es esmu dara šodien

53
00:02:45,790 --> 00:02:51,300
Tiks sniegta tiešsaistē beigās
formā, interaktīvās piemēru

54
00:02:51,300 --> 00:02:54,010
ar kontrolpunktiem pie
katru akts, un tā tālāk.

55
00:02:54,010 --> 00:02:55,160
>> Darīsim vairāk stuff.

56
00:02:55,160 --> 00:02:58,901
Šī melnā aplis ir tiešām neglīts.

57
00:02:58,901 --> 00:03:01,541
Es atvainojos par šīs kļūdas
ziņas tiesības tur.

58
00:03:01,541 --> 00:03:05,340
Tur mēs ejam.

59
00:03:05,340 --> 00:03:06,350
>> Pieņemsim arī tā krāsu.

60
00:03:06,350 --> 00:03:07,170
Kā tā?

61
00:03:07,170 --> 00:03:08,340
Man patīk tērauda zilā krāsā.

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

63
00:03:13,280 --> 00:03:16,030
Nu, mūsu aplis mainījusies krāsa.

64
00:03:16,030 --> 00:03:17,320
Tas ir lieliski.

65
00:03:17,320 --> 00:03:31,330
Lai tas daļēji caurspīdīgu
too-- daļēji caurspīdīgu.

66
00:03:31,330 --> 00:03:33,670
>> Tātad šie ir atribūti
mēs nosakot uz apli.

67
00:03:33,670 --> 00:03:36,774
Pirmā lieta, ko mēs darījām, ir
mēs liekam apli lapā.

68
00:03:36,774 --> 00:03:38,690
Un tad mēs esam definējot
ķekars atribūtiem.

69
00:03:38,690 --> 00:03:41,610
Dažas no tām ir nepieciešamas,
tāpat CX, CY, un rādiuss.

70
00:03:41,610 --> 00:03:42,680
Un citi ir obligāta.

71
00:03:42,680 --> 00:03:44,730
>> Ir daudz vairāk atribūti.

72
00:03:44,730 --> 00:03:46,760
Tur ir daudz no tiem.

73
00:03:46,760 --> 00:03:53,070
Piemēram, mēs varētu būt
insults, kā arī, insults sarkana.

74
00:03:53,070 --> 00:03:55,630
Bet pieņemsim, noņemt to.

75
00:03:55,630 --> 00:04:00,450
Mēs esam atpakaļ uz apli, zilu apli.

76
00:04:00,450 --> 00:04:01,600
>> Tātad, pieņemsim veikt vairāk apļus.

77
00:04:01,600 --> 00:04:02,810
Kā tā?

78
00:04:02,810 --> 00:04:04,665
Veidosim citu apli.

79
00:04:04,665 --> 00:04:05,985
Tas ir aizraujoši, vai ne?

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

81
00:04:09,630 --> 00:04:12,300
>> Tā teikt, es tikai Copy-Ielīmēts
kas mums jau bija.

82
00:04:12,300 --> 00:04:13,570
Sauksim to circle2.

83
00:04:13,570 --> 00:04:15,840
Un darīsim precīzu
Tas pats un arī tā

84
00:04:15,840 --> 00:04:20,450
atribūti, ņemot x pozīciju 300.

85
00:04:20,450 --> 00:04:24,140
Yay, mums ir divi apļi tagad.

86
00:04:24,140 --> 00:04:27,240
>> Un, protams, mēs varētu
atjaunināt šīs vērtības.

87
00:04:27,240 --> 00:04:31,640
Es varētu nodot to 400, un tagad tas kustas.

88
00:04:31,640 --> 00:04:35,470
Un tā kā tas ir kaitinošas, pieņemsim
noņemt to, lai circle2.remove.

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

90
00:04:39,000 --> 00:04:40,730
Tas ir aizgājuši tagad.

91
00:04:40,730 --> 00:04:43,170
>> Tātad, ko mēs darām, un
ir vienkārši ļoti, very-- šis

92
00:04:43,170 --> 00:04:46,030
ir ļoti līdzīgs tam, ko jūs
varētu darīt jQuery, piemēram.

93
00:04:46,030 --> 00:04:48,240
Mēs esam tikai manipulējot
DOM, tā sauc.

94
00:04:48,240 --> 00:04:50,040
Jūs pirms varētu būt dzirdējis šo vārdu.

95
00:04:50,040 --> 00:04:53,255
Mēs esam radot sīkumi, nosakot
atribūtus sīkumi, noņemot sīkumi.

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

97
00:04:58,950 --> 00:05:02,360
>> Tagad, lūk, kur tas kļūst interesanti.

98
00:05:02,360 --> 00:05:07,250
Tātad vēlāk kodu, mēs joprojām varētu
atsaucas uz sākotnējo apļa šeit.

99
00:05:07,250 --> 00:05:14,100
Tātad, pieņemsim reset savu atribūtu CX.

100
00:05:14,100 --> 00:05:18,260
Teiksim, tā x nostāju 400.

101
00:05:18,260 --> 00:05:22,406
Un es esmu gatavojas, lai pārietu
ka, tāpēc tas ir skaidrs.

102
00:05:22,406 --> 00:05:23,360
Tur mēs ejam.

103
00:05:23,360 --> 00:05:24,780
>> Tātad mēs pievienojām apli.

104
00:05:24,780 --> 00:05:26,440
Mēs, kas dažus atribūtus.

105
00:05:26,440 --> 00:05:28,210
Tika pievienots vēl viens aplis, noņem to.

106
00:05:28,210 --> 00:05:31,650
Un tad mēs esam pārveidojot
oriģināls aplis.

107
00:05:31,650 --> 00:05:35,400
>> Bet šeit, kur tas izpaužas
daudz interesantāka.

108
00:05:35,400 --> 00:05:39,070
Ne tikai mēs varam noteikt atribūtus
kā tikko vērtības, mēs varam teikt,

109
00:05:39,070 --> 00:05:41,610
hey, aplis, dodieties stāvoklī 200.

110
00:05:41,610 --> 00:05:44,540
Mēs varam arī noteikt tos kā funkcijas.

111
00:05:44,540 --> 00:05:48,850
>> Tā vietā, sniedzot 400 šeit,
mēs varam veikt dažas aprēķinu

112
00:05:48,850 --> 00:05:53,950
lidot uz to, ko mēs
gribu, ka atribūts būt.

113
00:05:53,950 --> 00:05:56,580
Tātad, tas ir, kā jūs izteikt to.

114
00:05:56,580 --> 00:06:00,660
Mēs sakām, nevis 400, ļaujiet man
jums funkciju vietā.

115
00:06:00,660 --> 00:06:04,180
Un šeit, iekšā šo funkciju,
mēs varam veikt jebkuru traks aprēķinu.

116
00:06:04,180 --> 00:06:06,820
>> Mēs varētu ņemt laiku un
apskatīt kādā cita lieta

117
00:06:06,820 --> 00:06:11,230
un dinamiski lemt par
aplis kāda vērtība mēs gribam.

118
00:06:11,230 --> 00:06:15,266
Kā par mums tikai dot
tas izlases x amats?

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

120
00:06:20,360 --> 00:06:21,120
Tātad tas, ka.

121
00:06:21,120 --> 00:06:25,490
>> Tātad, ko tas saka, ir, lai
ik x, palaist šo funkciju.

122
00:06:25,490 --> 00:06:29,340
Un tas, ko mēs darām, ir aprēķināšanai
dažas lietas, izlases reizes platums

123
00:06:29,340 --> 00:06:30,410
un atgriežas to.

124
00:06:30,410 --> 00:06:34,765
Tātad, katru reizi, kad mēs palaist, ka mēs
aplis, kas iet uz izlases vietu.

125
00:06:34,765 --> 00:06:36,394
Tas ir sava veida atdzist.

126
00:06:36,394 --> 00:06:38,310
Es jūtu, ka es varētu izskatīties
at šis maz.

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

128
00:06:44,274 --> 00:06:46,440
Mēs sākam nokļūt
kaut kas interesants šeit.

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

130
00:06:49,120 --> 00:06:51,390
Padarīsim šo informāciju virza tagad.

131
00:06:51,390 --> 00:06:53,420
Nav datu šeit.

132
00:06:53,420 --> 00:06:54,482
Pieņemsim mainīt.

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

134
00:06:57,440 --> 00:07:12,140
>> II akts, Data Driven Documents--
Tātad, pieņemsim atgriezties šeit.

135
00:07:12,140 --> 00:07:15,340
Un pieņemsim tikai atbrīvoties no circle2,
jo mēs esam tikai pievienojot un noņemot

136
00:07:15,340 --> 00:07:15,840
tā.

137
00:07:15,840 --> 00:07:17,382
Tātad mums nav tiešām ir nepieciešams to.

138
00:07:17,382 --> 00:07:21,421
Mums ir nepieciešams, lai būtu daudz vairāk gudrs šeit.

139
00:07:21,421 --> 00:07:23,170
Teiksim, mums ir
daži no kāda veida dati.

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

141
00:07:31,540 --> 00:07:40,020
Viens moment-- teiksim,
mums bija datus šīs veidlapas.

142
00:07:40,020 --> 00:07:41,800
Mums bija masīvs, tikko
ķekars numuriem.

143
00:07:41,800 --> 00:07:45,750
Mums ir septiņi numuri šeit,
neatkarīgi no šiem represent-- summa

144
00:07:45,750 --> 00:07:48,810
jo cilvēku bankas kontā, kā
daudz viņi nosver, Dievs zina, ko.

145
00:07:48,810 --> 00:07:51,310
>> Tie ir skaitļi, un mēs
vēlas izmantot mūsu aprindās

146
00:07:51,310 --> 00:07:53,240
pārstāvēt šos numurus kaut kā.

147
00:07:53,240 --> 00:07:55,515
Mēs vēlamies, lai tie OUR
lokus ar šiem skaitļiem.

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

149
00:07:58,750 --> 00:07:59,626
Tātad, ko mēs darām.

150
00:07:59,626 --> 00:08:01,500
Teiksim, mēs vēlamies
aplis par katru numuru.

151
00:08:01,500 --> 00:08:03,590
Mēs varētu darīt vecais
lieta, kas mums bija doing--

152
00:08:03,590 --> 00:08:06,020
aplis pievienot un circle2 un circle3.

153
00:08:06,020 --> 00:08:10,020
Bet tas saņem no rokām, un
tur ir daudz atkārtojot loģiku.

154
00:08:10,020 --> 00:08:12,760
>> Tātad, pieņemsim iegūt vairāk gudrs ar to.

155
00:08:12,760 --> 00:08:17,810
Tā vietā, izmantojot VAR apli
svg.append ka mēs bijām tikai izmantojot,

156
00:08:17,810 --> 00:08:21,580
mēs ejam, lai izmantotu
tas maz bloks šeit.

157
00:08:21,580 --> 00:08:24,510
Es negribu iet padziļinātu
par ko visi šīs daļas darīt.

158
00:08:24,510 --> 00:08:26,020
Un tas ir sava veida uzlabotas tēmu.

159
00:08:26,020 --> 00:08:27,830
Un es vēlos es varētu.

160
00:08:27,830 --> 00:08:31,370
>> Bet galvenais lieta recognize-- un
jūs redzēsiet, ir ļoti bieži D3 kodu.

161
00:08:31,370 --> 00:08:36,840
Šī teksta Basic bloks
rada tik daudz apļus

162
00:08:36,840 --> 00:08:41,360
jo ir datu elementi
šajā masīvā tepat.

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

164
00:08:53,420 --> 00:08:55,780
Tātad tas rada tik daudz
apļi, kā ir elementi.

165
00:08:55,780 --> 00:08:58,520
Tas notiek, lai radītu mums septiņi apļi.

166
00:08:58,520 --> 00:09:01,710
Un tas ir ļoti, ļoti svarīga lieta.

167
00:09:01,710 --> 00:09:02,460
Tāpēc pieņemsim palaist, ka.

168
00:09:02,460 --> 00:09:05,460
Pieņemsim noņemt mūsu citu apli.

169
00:09:05,460 --> 00:09:09,565
Pieņemsim tikai komentēt šo
šķirties, un palaist to no jauna.

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

171
00:09:13,840 --> 00:09:15,260
>> Tur mēs ejam.

172
00:09:15,260 --> 00:09:18,030
Tātad mūsu aplis šeit ir
daudz tumšāks, jo mēs

173
00:09:18,030 --> 00:09:20,720
ir septiņi apļi, viens
virs otra.

174
00:09:20,720 --> 00:09:25,425
Mēs tikko izveidotas septiņas apļus, viena
katrs par katru no šiem datu elementu.

175
00:09:25,425 --> 00:09:28,860
Bet tur ir galvenais lieta, kas notika
ar šo fragmentu tepat.

176
00:09:28,860 --> 00:09:31,030
>> Tas, ka dati ir saistoši.

177
00:09:31,030 --> 00:09:33,440
Tātad katrs no
šie datu elementi,

178
00:09:33,440 --> 00:09:38,830
10, 45, 105, ir saistīts
ar konkrētu apli.

179
00:09:38,830 --> 00:09:40,960
Tātad šie ne tikai radīja
ķekars aprindās

180
00:09:40,960 --> 00:09:43,420
bet saista šīs divas lietas kopā.

181
00:09:43,420 --> 00:09:48,740
>> Un nākotnē, jo mēs izveidojām
šie apļi ar šo D3 funkciju,

182
00:09:48,740 --> 00:09:52,430
ja es jums apli, jūs varat
iedodiet man datus, kas saistīti ar to.

183
00:09:52,430 --> 00:09:53,280
Tātad, mēs varam jautāt D3.

184
00:09:53,280 --> 00:09:54,840
Hei, D3, man ir šī apli.

185
00:09:54,840 --> 00:09:57,350
Kas ir dati, ka aplis ir?

186
00:09:57,350 --> 00:10:01,290
Un D3 varētu pastāstīt mums 10 vai 45, vai 105.

187
00:10:01,290 --> 00:10:02,380
>> Šīs lietas ir saistītas.

188
00:10:02,380 --> 00:10:04,490
Tas ir ļoti, ļoti būtisks jēdziens.

189
00:10:04,490 --> 00:10:06,070
Apskatīsim, kas.

190
00:10:06,070 --> 00:10:12,210
>> Tātad, kā mēs gribētu lūgt D3-- tik
tas nav nozīmes tam,

191
00:10:12,210 --> 00:10:16,620
bet tikai ticiet man par to.

192
00:10:16,620 --> 00:10:17,620
Tas ir, kā mēs lūdzam D3.

193
00:10:17,620 --> 00:10:21,312
Hei, D3, dod man pirmais
Aplis, ka jūs varat atrast.

194
00:10:21,312 --> 00:10:23,580
Dodiet man pirmo apli jūs varat atrast.

195
00:10:23,580 --> 00:10:29,660
Un tad mēs varētu jautāt D3, kas ir
dati par to, kā šis, 10.

196
00:10:29,660 --> 00:10:33,380
>> Tātad mēs tikai lūgt D3, atrast mani
Pirmais aplis jūs varat atrast.

197
00:10:33,380 --> 00:10:34,400
Kas ir tās dati?

198
00:10:34,400 --> 00:10:36,650
10, kas patiešām ir mūsu
Pirmais datu elements.

199
00:10:36,650 --> 00:10:42,150
Mēs varētu jautāt to, hey, D3,
mūs atrast mūsu trešo apli.

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

201
00:10:44,450 --> 00:10:45,740
Kāpēc tas ir patiešām svarīgi?

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

203
00:10:49,790 --> 00:10:52,250
>> Tātad tieši šeit, es teicu
ka mēs varētu izmantot funkcijas.

204
00:10:52,250 --> 00:10:54,910
Un es teicu, ka biju
ļoti spēcīgs lieta.

205
00:10:54,910 --> 00:11:03,070
Tātad ne tikai var mūsu funkcijas darīt lietas
tāpat kā tie daži aprēķinu, piemēram,

206
00:11:03,070 --> 00:11:09,170
atgriezties izlases numuru, tas var
arī darīt lietas, pamatojoties uz datiem.

207
00:11:09,170 --> 00:11:11,550
Tas ir tas, ko virza informācija dokumenti nozīmē.

208
00:11:11,550 --> 00:11:13,750
Tas ir tas, ko D3 kājiņām.

209
00:11:13,750 --> 00:11:17,800
>> Tātad šis x postition-- vietā
tikai pasakot, visiem aprindās,

210
00:11:17,800 --> 00:11:21,735
nokļūt x pozīciju 200, mēs
varētu arī tā funkcija.

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

212
00:11:26,140 --> 00:11:30,140
Un šeit mēs varam veikt dažas aprēķinu.

213
00:11:30,140 --> 00:11:33,710
un d šeit stāv vietā datiem.

214
00:11:33,710 --> 00:11:36,120
Tātad, katru reizi, kad mēs būtu
aplis, būtībā,

215
00:11:36,120 --> 00:11:37,750
D3 radīs šos septiņus aprindās.

216
00:11:37,750 --> 00:11:38,500
Un tad par katru

217
00:11:38,500 --> 00:11:41,920
>> aplis, tas notiek, lai iet, hey,
circle1 kādi ir jūsu x pozīciju.

218
00:11:41,920 --> 00:11:45,210
Iepriekš mēs bijām
Vienmēr atbildot 200.

219
00:11:45,210 --> 00:11:48,630
Bet tagad, katru reizi D3 jautā
mums to, kas ir jūsu x pozīciju,

220
00:11:48,630 --> 00:11:51,790
tas notiek, lai dotu us-- mums
ka aplis, tāpēc mums ir dati.

221
00:11:51,790 --> 00:11:55,290
Tas notiek, lai dotu mums datus, un saka,
ko jūs vēlaties ekspozīcija būt,

222
00:11:55,290 --> 00:11:57,120
pamatojoties uz šiem datiem.

223
00:11:57,120 --> 00:11:59,590
>> Pieņemsim tikai atgriezties faktiskos datus.

224
00:11:59,590 --> 00:12:04,910
Tātad, ja mēs palaist šo, tas dod
ASV dati virza dokumentus.

225
00:12:04,910 --> 00:12:08,040
Šie aprindās ir balstīti
Saistībā position--

226
00:12:08,040 --> 00:12:11,120
viņi bāzes kā funkciju no datiem.

227
00:12:11,120 --> 00:12:13,100
>> Tā, lai pirmā apļa,
D3 liek apli.

228
00:12:13,100 --> 00:12:16,770
Un tad D3 jautā mums, ko darīt
vēlaties ekspozīcija būt.

229
00:12:16,770 --> 00:12:19,620
Un mēs tikai teikt, neatkarīgi dati.

230
00:12:19,620 --> 00:12:21,185
Padarīt ekspozīciju 10.

231
00:12:21,185 --> 00:12:26,320
>> Tad tas jautā, ko jūs vēlaties
ekspozīcija, lai būtu par otro apli.

232
00:12:26,320 --> 00:12:27,270
Un mēs atbildam, 45.

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

234
00:12:30,000 --> 00:12:32,230
Un mēs, protams, var
veikt dažas aprēķinu šeit.

235
00:12:32,230 --> 00:12:35,510
Es uzskatu, ka šajās aprindās
ir sava veida squished augšu.

236
00:12:35,510 --> 00:12:38,965
>> Tātad reizināt to ar 3, pavairot datus par 3.

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

238
00:12:41,870 --> 00:12:43,840
Mūsu aplis tikko got paplašināta out.

239
00:12:43,840 --> 00:12:46,730
Mūsu vērtība bija trīskāršojies.

240
00:12:46,730 --> 00:12:51,010
>> Aplis ir tiešām no malas,
tāpēc pieņemsim varbūt veida kompensēt to.

241
00:12:51,010 --> 00:12:53,632
Teiksim, par 20.

242
00:12:53,632 --> 00:12:56,070
Šeit jums iet.

243
00:12:56,070 --> 00:12:57,590
>> Tas ir datu vizualizācijas.

244
00:12:57,590 --> 00:13:01,767
Tas ir ļoti vienkāršas vienu, bet tas
dod zināmu ieskatu mūsu datiem.

245
00:13:01,767 --> 00:13:04,600
Tā stāsta, ka, piemēram, mēs
ir maz kopu elementiem.

246
00:13:04,600 --> 00:13:06,340
Un mums ir liels ārpusē esošā šeit.

247
00:13:06,340 --> 00:13:10,830
Tas dod mums kādu informāciju
par tā izplatīšanu.

248
00:13:10,830 --> 00:13:20,830
>> Ja mēs, piemēram, lai mainītu
datus uz 150 šeit un atsvaidzināt,

249
00:13:20,830 --> 00:13:22,630
Mūsu vizualizācija ir mainīts.

250
00:13:22,630 --> 00:13:24,285
Šis dokuments ir datu virza.

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

252
00:13:32,640 --> 00:13:36,180
>> Tātad, protams, visi šie elementi,
visi šie atribūti šeit,

253
00:13:36,180 --> 00:13:38,430
mēs varam izmantot funkciju, kas nav
tikai skaitļi, nevis tikai

254
00:13:38,430 --> 00:13:39,900
x un y pozīcijas.

255
00:13:39,900 --> 00:13:42,120
Tātad, mēs varam izmantot funkciju krāsu.

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

257
00:13:45,260 --> 00:13:46,360
Tātad mēs darīsim tāpat.

258
00:13:46,360 --> 00:13:49,360
Mēs arī tā funkcija.

259
00:13:49,360 --> 00:13:52,320
>> Un teiksim, mēs varētu būt
conditionals mūsu funkcija.

260
00:13:52,320 --> 00:13:54,770
Šī funkcija var būt
simti līnijām garš.

261
00:13:54,770 --> 00:13:57,150
To var izdarīt ļoti, ļoti sarežģītas lietas.

262
00:13:57,150 --> 00:13:59,080
>> Tātad, pieņemsim likt, ja paziņojumu šeit.

263
00:13:59,080 --> 00:14:03,420
Teiksim, ja mūsu dati ir mazāk
nekā 50, tas ir daži slieksnis

264
00:14:03,420 --> 00:14:05,817
ka mēs esam ieinteresēti
kas kāda iemesla dēļ.

265
00:14:05,817 --> 00:14:06,650
Lai tas zaļš.

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

267
00:14:09,830 --> 00:14:15,320
Pretējā gadījumā, pieņemsim padarīt to sarkanā krāsā.

268
00:14:15,320 --> 00:14:16,110
Kā tā?

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
>> Tātad mūsu datu vizualizācijas sāk
nodot vairāk interesantu informāciju

272
00:14:24,860 --> 00:14:26,727
daudzos kanālos.

273
00:14:26,727 --> 00:14:28,560
Tātad tagad mēs zinām mazliet
par tā izplatīšanu.

274
00:14:28,560 --> 00:14:31,768
Un mēs zinām, ka tur ir daži veida
nogrieztu 50, ka mēs esam ieinteresēti.

275
00:14:31,768 --> 00:14:35,630
Mēs zinām, ka ir divi datu punkti
zem šī sliekšņa, un lielākā daļa no tiem

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

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

278
00:14:41,510 --> 00:14:46,160
>> Tā kā pēdējais solis, šie dati šeit,
tas ir ļoti reti, lai redzētu šo, piemēram, ka.

279
00:14:46,160 --> 00:14:52,610
Tāpēc pieņemsim tikai pārvietot to, lai mainīgo
jo tas ir tīrāks, kā šis.

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

281
00:15:02,980 --> 00:15:05,197
Un tad mēs izmantojam šo mainīgo šeit.

282
00:15:05,197 --> 00:15:06,280
Tas ir tieši tas pats.

283
00:15:06,280 --> 00:15:07,280
Tas ir tikai nedaudz tīrāku.

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

285
00:15:25,300 --> 00:15:35,300
>> Nākamā, Act III, Scales--
Tik viena problēma tiesības

286
00:15:35,300 --> 00:15:38,920
šeit ir, ja mēs mainām mūsu
dati šajā 200 value--

287
00:15:38,920 --> 00:15:41,685
ja mēs to mainīt 400
vai kaut ko un atsvaidzināt,

288
00:15:41,685 --> 00:15:44,540
tad šī vērtība tikai gāja offscreen.

289
00:15:44,540 --> 00:15:49,040
Tātad mūsu loģika tieši šeit
par to, kā mēs laiki 3

290
00:15:49,040 --> 00:15:52,570
un 20, lai izplatītu to, un pēc tam
kompensēt to mazliet ir patiešām clunky.

291
00:15:52,570 --> 00:15:54,150
>> Ko šie skaitļi nozīmē?

292
00:15:54,150 --> 00:15:55,400
Viņi tikai grūti kodētu tur.

293
00:15:55,400 --> 00:15:58,830
Un viņi ļoti saistīts ar datiem.

294
00:15:58,830 --> 00:16:00,550
Mēs vēlamies datu orientētu dokumentu.

295
00:16:00,550 --> 00:16:05,460
Mēs gribam ļoti elastīgu dokumentu,
ka, ņemot vērā datus, pielāgojas tam

296
00:16:05,460 --> 00:16:07,900
un pārstāv to.

297
00:16:07,900 --> 00:16:11,330
>> Ko mēs būtībā ir vajadzīgs, mēs
ir šī numuru sērija, 10.

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

299
00:16:12,640 --> 00:16:17,630
Un mēs gribam, lai izplānotu, ka ārā uz
platums, pilnā platums šeit.

300
00:16:17,630 --> 00:16:20,620
Tāpēc mums ir klāstu
numuri dodas no 0 līdz 100.

301
00:16:20,620 --> 00:16:24,980
Un mums ir šis campus man iet
20-700, šajā gadījumā.

302
00:16:24,980 --> 00:16:26,515
>> Mēs veida vēlamies karti, kas tālāk.

303
00:16:26,515 --> 00:16:30,002
Mēs vēlamies, lai mērogu, kas izveidota un
tad ar ofseta tā mazliet.

304
00:16:30,002 --> 00:16:33,165
Izrādās, ka D3 ir tiem.

305
00:16:33,165 --> 00:16:34,220
To sauc skala.

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

307
00:16:37,410 --> 00:16:38,250
Tātad, pieņemsim to izmantot.

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

309
00:16:46,300 --> 00:16:49,670
>> Veids, ka works-- es esmu gatavojas
ierakstiet šo augšu un tad izskaidrot to.

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

311
00:17:01,530 --> 00:17:02,450
Tas ir skala.

312
00:17:02,450 --> 00:17:08,670
Ko tas būs jādara, ir, tas būs izplānot
vērtībām 1-200 par-20 600.

313
00:17:08,670 --> 00:17:10,990
Mēs varam pārbaudīt, ka.

314
00:17:10,990 --> 00:17:13,329
Mēs varam redzēt, ka šeit.

315
00:17:13,329 --> 00:17:21,704
>> Tātad, ja es barības to 1-- vienu mirkli.

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

317
00:17:47,764 --> 00:17:48,555
Dodiet man vienu sekundi.

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

319
00:17:53,680 --> 00:17:55,080
Man ir mistyped to.

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

321
00:18:15,320 --> 00:18:15,990
Tur jums iet.

322
00:18:15,990 --> 00:18:17,930
Man žēl par to.

323
00:18:17,930 --> 00:18:22,050
>> Tātad, kas mēroga darīs
ir, tas prasīs vērtību

324
00:18:22,050 --> 00:18:24,930
un tad konvertēt ka
paplašināt to ārā, tāpēc tas

325
00:18:24,930 --> 00:18:27,320
piepilda pilnu jūs lūdzot.

326
00:18:27,320 --> 00:18:32,910
Tātad šajā gadījumā, ja mēs dodam to vienu,
tas notiek uz karti, kas iziet uz 20.

327
00:18:32,910 --> 00:18:37,750
Un, ja mēs dodam to 200, tas ir
gatavojas karti, kas uz 600.

328
00:18:37,750 --> 00:18:40,460
Un kaut kur pa vidu,
ja mēs 100, tas ir

329
00:18:40,460 --> 00:18:44,610
būs kaut kur
starp 20 un 600.

330
00:18:44,610 --> 00:18:51,480
>> Un, protams, tagad tas ir tas, ko
mums ir nepieciešams, lai novērstu šos grūti kodētu

331
00:18:51,480 --> 00:18:53,402
lietas, kas mums ir labi tur.

332
00:18:53,402 --> 00:18:55,950
Tātad, ko mēs vēlamies darīt, ir
ņemt datus, kas mēs esam

333
00:18:55,950 --> 00:19:00,950
ņemot vērā to, ka individuālie dati
elements, un nodot to mēroga pirmās.

334
00:19:00,950 --> 00:19:02,635
Tātad skala tiks mērogu augšu.

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

336
00:19:27,020 --> 00:19:48,880
>> Well-- Ak, mums ir maza kļūda šeit.

337
00:19:48,880 --> 00:19:50,120
Mēs trūkstošos datus.

338
00:19:50,120 --> 00:19:51,290
Tur jums iet.

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

340
00:19:58,550 --> 00:19:59,550
Un, kas paplašina to ārā.

341
00:19:59,550 --> 00:20:01,383
>> Tas dod mums pats
Rezultātā mums bija agrāk,

342
00:20:01,383 --> 00:20:04,030
bet tā vietā, tiem
grūti kodēta ierobežojumus.

343
00:20:04,030 --> 00:20:07,790
Un, ja izmērs mūsu
audekla izmaiņas, piemēram,

344
00:20:07,790 --> 00:20:11,790
ja mēs vēlamies, lai būtu šo pāri
400 pikseļi, un tas squishes out,

345
00:20:11,790 --> 00:20:15,440
mēs varam būt tā over--
mēs varam paplašināt to, vai mēs

346
00:20:15,440 --> 00:20:21,890
var samazināt šo kreisi rezervi
kaut kas mazāk vai vairāk nekā 20.

347
00:20:21,890 --> 00:20:25,470
Šie skaitļi, šos grūti kodē
numuri tagad jēga mums.

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

349
00:20:28,110 --> 00:20:30,520
>> Un mēs varētu darīt daudz vairāk
interesantas lietas, kā arī.

350
00:20:30,520 --> 00:20:35,990
Tātad tā vietā, lineāro
skala, mēs varētu vēlēties, lai pieteiktos skalu.

351
00:20:35,990 --> 00:20:37,840
Un tas dos mums log skalu.

352
00:20:37,840 --> 00:20:41,269
>> Tāpēc tagad mūsu mērogu, nevis
tikai paplašinot out šajā diapazonā,

353
00:20:41,269 --> 00:20:42,810
tas dara sarežģītākus lietas.

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

355
00:20:48,790 --> 00:20:53,790
Tā vietā, šo diapazonu grūti
kodēts, un tā vietā, ka 600,

356
00:20:53,790 --> 00:20:58,465
mēs varētu vēlēties, lai tikai izmantot platumu,
lai no 20. līdz platumu mīnus 40,

357
00:20:58,465 --> 00:21:02,392
2 reizes starpības, no otras puses.

358
00:21:02,392 --> 00:21:05,350
Un tas padara daudz nozīmē, lai
kāds, kurš varētu apskatīt kodu.

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

360
00:21:08,080 --> 00:21:11,850
>> Interesanti, ka svari nokļūt
ļoti, ļoti sarežģīta, kā labi.

361
00:21:11,850 --> 00:21:13,350
Tie ir daudz interesantu lietu.

362
00:21:13,350 --> 00:21:17,620
Tātad svari nav obligāti
darboties tikai ar skaitļiem.

363
00:21:17,620 --> 00:21:18,955
Veidosim krāsu skalu.

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

365
00:21:23,120 --> 00:21:26,120
>> Tātad mūsu diapazons varētu be--
Mūsu domēns ir no 1 līdz 200 gadā.

366
00:21:26,120 --> 00:21:28,220
Tas ir ieguldījums lieta.

367
00:21:28,220 --> 00:21:33,793
Bet mēs varētu vēlēties, lai karti no
zaļas līdz sarkanai, piemēram.

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

369
00:21:39,710 --> 00:21:42,910
Un tagad, ja mēs dot 1,
mēs ejam, lai saņemtu zaļa.

370
00:21:42,910 --> 00:21:45,110
Ja mēs arī tā 200, mēs iegūtu sarkanā krāsā.

371
00:21:45,110 --> 00:21:49,480
Un, ja mums iet to kaut kur starp,
tas būs kādu kombināciju, kas,

372
00:21:49,480 --> 00:21:52,520
kaut kur uz gradientu
starp zaļā un sarkanā.

373
00:21:52,520 --> 00:21:55,210
>> Un tā vietā,
šāda veida clunky loģikas

374
00:21:55,210 --> 00:21:58,550
mēs esam šeit ar
nosacīta labi tur,

375
00:21:58,550 --> 00:22:03,250
mēs varētu būt something--
lineāra skala starp tiem.

376
00:22:03,250 --> 00:22:07,100
Tāpēc mēs gribētu izmantot mērogu mēs tikko
izveidots, ko mēs sauc krāsu.

377
00:22:07,100 --> 00:22:09,060
Un mēs gribētu dot to d, kas
ir mūsu datu elements.

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

379
00:22:14,250 --> 00:22:15,060
Un tur mēs ejam.

380
00:22:15,060 --> 00:22:18,070
Mums ir krāsu skalu.

381
00:22:18,070 --> 00:22:18,940
>> Tātad tas ir kartēšana.

382
00:22:18,940 --> 00:22:20,960
Tik tālu pa kreisi ir pilnīgi zaļš.

383
00:22:20,960 --> 00:22:22,560
Cik labi ir pilnīgi sarkans.

384
00:22:22,560 --> 00:22:24,828
Un viss pa vidu
ir funkcija no d.

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

386
00:22:33,369 --> 00:22:35,160
Mums ir interesanti
vizualizācijas šeit.

387
00:22:35,160 --> 00:22:36,952
Bet mūsu dati bija veida garlaicīgi.

388
00:22:36,952 --> 00:22:39,410
Let 's redzēt, ko mēs varētu darīt, ja
mums bija daudz interesantu informāciju.

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

390
00:22:44,420 --> 00:22:50,500
>> Act IV, strādājot ar
Data-- pirmā lieta

391
00:22:50,500 --> 00:22:53,560
mēs vēlamies darīt, lai padarītu mūsu
vizualizācija interesantāku

392
00:22:53,560 --> 00:22:56,140
ir pārvietot datus kaut kur citur.

393
00:22:56,140 --> 00:22:58,310
Tas ir ļoti clunky, lai būtu
dati grūti kodēti šeit.

394
00:22:58,310 --> 00:23:01,220
Un vispār, mēs būsim jautā
kāds cits par datiem.

395
00:23:01,220 --> 00:23:05,400
Mēs būsim varbūt lūdzot valdību,
Census Bureau, kādi ir jūsu dati

396
00:23:05,400 --> 00:23:10,170
un tad uzzīmējot ka vai lūgt
kādu trešo personu, persona dažiem datiem

397
00:23:10,170 --> 00:23:13,330
un tad ēka
vizualizācijas par to.

398
00:23:13,330 --> 00:23:17,170
>> Tātad pirmā lieta, ko mēs vēlamies darīt
ir pārvietot, ka kaut kur citur.

399
00:23:17,170 --> 00:23:24,130
Tāpēc es esmu gatavojas, lai radītu
failu šeit sauc data.json.

400
00:23:24,130 --> 00:23:25,600
JSON ir datu formāts.

401
00:23:25,600 --> 00:23:29,210
Jums nav jāzina daudz par to.

402
00:23:29,210 --> 00:23:33,210
Un mēs ejam, lai kopētu
maz datus mēs esam tur,

403
00:23:33,210 --> 00:23:40,330
ielīmējiet to tur burtiski, dodieties
atpakaļ uz mūsu vizualizācijas kodu

404
00:23:40,330 --> 00:23:45,362
šeit, un izmantot šo funkciju tieši šeit.

405
00:23:45,362 --> 00:23:46,820
Jums nav jāzina detaļas.

406
00:23:46,820 --> 00:23:49,800
Bet ko tas būs jādara, ir,
tas atradīs šo failu

407
00:23:49,800 --> 00:23:51,780
atnest to, un atdod to mums.

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

409
00:24:11,660 --> 00:24:15,220
Tātad, ko tas dara, ir, tā iet
un saņemt data.json failu.

410
00:24:15,220 --> 00:24:18,570
Un tad viss kods, kas ir
izrobota inside-- būtībā,

411
00:24:18,570 --> 00:24:21,800
viss kods mums there-- būs
darbojas tikai tad, ja mēs iegūtu datus atpakaļ.

412
00:24:21,800 --> 00:24:25,760
Un tad tas notiek, lai palaistu, ka
kods ar datiem, mums ir.

413
00:24:25,760 --> 00:24:28,870
Lieliski, mēs esam
vizualizācija ka vaicājumi

414
00:24:28,870 --> 00:24:31,390
kādu kodu kaut kur
cits, kas parasti ir

415
00:24:31,390 --> 00:24:36,110
kur tā apšauba dažus datus no
kaut kur citur, kas parasti ir

416
00:24:36,110 --> 00:24:38,656
kā vizualizācijas strādā.

417
00:24:38,656 --> 00:24:41,400
>> Bet es gribu, lai dotos atpakaļ uz datiem.

418
00:24:41,400 --> 00:24:48,030
Tātad dati atšķirības būtībā D3-- D3
patērē datus, kas ir saraksts ar lietām.

419
00:24:48,030 --> 00:24:53,000
D3 sagaida dati vienkārši saraksts
lietas, masīvs lietas.

420
00:24:53,000 --> 00:24:58,780
Tas nav svarīgi, ko tās lietas
ir, tik ilgi, kamēr tas ir masīvs no tiem.

421
00:24:58,780 --> 00:25:02,460
>> Tātad, šeit, piemēram, mēs varētu no
Protams, ir peldošā punkta vērtības.

422
00:25:02,460 --> 00:25:04,830
Mēs varētu būt negatīvi.

423
00:25:04,830 --> 00:25:09,400
D3 nav vienalga, tik ilgi
jo tas ir saraksts ar lietām.

424
00:25:09,400 --> 00:25:13,270
>> Kā interesantas lietas mēs
varētu būt, mēs varētu arī

425
00:25:13,270 --> 00:25:19,410
ir saraksts ar virknes, piemēram, ka.

426
00:25:19,410 --> 00:25:25,440
Tātad tie ir Crimson virsraksti
Es pacēlu pirms dažām dienām.

427
00:25:25,440 --> 00:25:29,220
Un varbūt jūs varat atrast dažas interesantas
lietas par šiem a virsrakstiem.

428
00:25:29,220 --> 00:25:30,970
>> Tātad vēlreiz, tas ir saraksts ar lietām.

429
00:25:30,970 --> 00:25:32,360
D3 nav aprūpi.

430
00:25:32,360 --> 00:25:35,572
Tie gadās būt virkne.

431
00:25:35,572 --> 00:25:36,530
Esam mainījuši mūsu datiem.

432
00:25:36,530 --> 00:25:38,210
>> Atgriezīsimies pie mūsu vizualizācijas.

433
00:25:38,210 --> 00:25:42,495
Tagad, mūsu vizualizācija sagaida
ievade būt skaitļi.

434
00:25:42,495 --> 00:25:44,370
Tātad mēs esam nāksies
veikt dažas izmaiņas.

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

436
00:25:47,180 --> 00:25:52,180
Tā, piemēram, pirmkārt, varbūt
mēs vēlamies, lai šos lokus gar

437
00:25:52,180 --> 00:25:56,870
ar garumu virsraksta,
rakstzīmju skaitu virsraksta.

438
00:25:56,870 --> 00:26:03,600
>> Tātad, ko mēs darīsim is-- katru reizi mūsu
funkcija sauc ar auklu,

439
00:26:03,600 --> 00:26:09,095
mēs atradīsim tā garums un
Tad iet, ka ar skalu.

440
00:26:09,095 --> 00:26:11,550
Krāsa, es ņemšu atgriezties
ka uz tērauda zilā krāsā.

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

442
00:26:19,060 --> 00:26:20,420
Un tur mēs ejam.

443
00:26:20,420 --> 00:26:23,190
Mums ir vizualizācijas
no Crimson virsraksti.

444
00:26:23,190 --> 00:26:25,500
>> Mūsu skala ir mazliet off.

445
00:26:25,500 --> 00:26:29,680
Pieņemsim, ka garākais
virsraksts ir 100 rakstzīmēm,

446
00:26:29,680 --> 00:26:32,244
tā aptver, ka no mazliet.

447
00:26:32,244 --> 00:26:33,410
Un mums ir vizualizācija.

448
00:26:33,410 --> 00:26:36,710
Tāpēc šķiet, ka lielākā daļa virsrakstus
ir diezgan cieši kopā,

449
00:26:36,710 --> 00:26:38,750
ziņā rakstura līnijas.

450
00:26:38,750 --> 00:26:41,200
Bet viens tur tiešām izceļas.

451
00:26:41,200 --> 00:26:46,660
>> Mēs varētu izveidot dažus instrumentus
izpētīt, kas vairāk.

452
00:26:46,660 --> 00:26:50,710
Bet, kad es strādāju par to, es biju
ziņkārīgs, vai šajā datu kopumu,

453
00:26:50,710 --> 00:26:53,880
virsraksti ar kolu
tiem būtu ilgāks.

454
00:26:53,880 --> 00:26:55,770
Es uzņemas viņi būtu.

455
00:26:55,770 --> 00:26:56,660
>> Tātad, pieņemsim uzzināt.

456
00:26:56,660 --> 00:27:00,650
Pieņemsim izmantot krāsu
kanālu, piemēram, mēs darījām agrāk,

457
00:27:00,650 --> 00:27:04,540
kodēt dažas par to, vai
tur kolu vai nē.

458
00:27:04,540 --> 00:27:07,220
Tāpēc mēs izmantosim nosacījuma atkal.

459
00:27:07,220 --> 00:27:09,350
Jums nav zināt
ziņas par to,

460
00:27:09,350 --> 00:27:14,260
bet tas ir tas, kā mēs pārbaudām
string par īpašu raksturu

461
00:27:14,260 --> 00:27:16,355
JavaScript, atkal, nav nozīmes.

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

463
00:27:18,910 --> 00:27:23,270
>> Bet, ja mēs neatrodam
resnās zarnas, mēs atgrieztos zaļš.

464
00:27:23,270 --> 00:27:26,100
Un, ja mēs to darām, mēs atgrieztos sarkana.

465
00:27:26,100 --> 00:27:29,010
Tātad vēlreiz, virsraksti, ka
ir resnās būs sarkanā krāsā.

466
00:27:29,010 --> 00:27:34,980
Tas ir tas, ko šis means-- jauki.

467
00:27:34,980 --> 00:27:38,040
>> Tāpēc šķiet, ka mans
hipotēze ir bumped.

468
00:27:38,040 --> 00:27:39,360
Tur ir tikai divi.

469
00:27:39,360 --> 00:27:42,380
Mums ir tikai seši datu punkti
un tikai divi bija kolonnas.

470
00:27:42,380 --> 00:27:45,510
Bet šķiet, mazliet vairāk
uz apakšējā galā, faktiski.

471
00:27:45,510 --> 00:27:47,830
Virsraksti ar kolonnas likties
to parasti ir īsāks,

472
00:27:47,830 --> 00:27:52,370
vismaz mūsu datiem set-- interesants.

473
00:27:52,370 --> 00:27:55,830
>> Atgriezīsimies, ka pie
tērauda zilā un tad redzēt

474
00:27:55,830 --> 00:28:00,601
ko mēs varam darīt ar vēl
vairāk interesantu dati.

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

476
00:28:04,370 --> 00:28:09,070
Tātad vēlreiz, es minēju, ka
dati D3 ir saraksts ar lietām.

477
00:28:09,070 --> 00:28:11,080
Mēs esam redzējuši skaitu dažāda veida.

478
00:28:11,080 --> 00:28:12,810
Mēs esam redzējuši stīgas.

479
00:28:12,810 --> 00:28:15,700
Bet lietas var būt arī objekti.

480
00:28:15,700 --> 00:28:20,080
>> Tie var būt sarežģītas lietas
kas ietver daudzas lietas.

481
00:28:20,080 --> 00:28:24,510
Teikt, ka skaidrāk,
vairumā gadījumu, mēs

482
00:28:24,510 --> 00:28:28,384
vēlaties, lai izveidotu katru dati norāda, kā
vairāk sarežģī nekā tikai vienu vērtību.

483
00:28:28,384 --> 00:28:30,175
Ja jūs gribētu iedomāties
datu bāze par studentiem,

484
00:28:30,175 --> 00:28:32,470
tur varētu būt students
nosaukt, students ID,

485
00:28:32,470 --> 00:28:36,370
un daudzas lietas, kas saistītas
ar īpašu ierakstu,

486
00:28:36,370 --> 00:28:39,834
ne tikai virkni vai numuru.

487
00:28:39,834 --> 00:28:40,750
Tātad, pieņemsim apskatīt to.

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

489
00:28:55,180 --> 00:28:56,760
>> Tas ir viens no šādiem datu kopa.

490
00:28:56,760 --> 00:28:59,090
Tas ir datu kopumu par zemestrīcēm.

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

492
00:29:01,910 --> 00:29:08,430
Tātad viss šeit par mūsu sarakstā vai masīvs
lietas, ir daudzas lietas pati.

493
00:29:08,430 --> 00:29:11,380
Tā katrs datu punkts ir
lielums un koordinēt.

494
00:29:11,380 --> 00:29:13,425
Un koordinē sevi
ir divas lietas.

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

496
00:29:15,960 --> 00:29:20,450
>> Tātad, katru dienu ir tagad daudz vairāk
sarežģīta un daudz interesantāka

497
00:29:20,450 --> 00:29:22,700
un satur daudz vairāk
interesantu informāciju.

498
00:29:22,700 --> 00:29:26,730
Paskatīsimies, mēs varētu veidot no tā.

499
00:29:26,730 --> 00:29:36,130
Atgriežoties atpakaļ šeit, atkal, izmantojot
Mūsu histogramma aplis vizualizācija

500
00:29:36,130 --> 00:29:42,110
mēs esam izveidojuši, pieņemsim redzēt, ja mēs varam veidot
vizualizācija balles izplatīšanas

501
00:29:42,110 --> 00:29:43,305
mūsu datu kopumu.

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

503
00:29:45,850 --> 00:29:48,660
>> Tātad šeit, tas pats jēdziens.

504
00:29:48,660 --> 00:29:51,920
Bet tagad, d ir daudz lietas.

505
00:29:51,920 --> 00:29:54,780
d ir daudz datu elementus.

506
00:29:54,780 --> 00:29:57,946
Tātad mēs iegūt D atpakaļ.

507
00:29:57,946 --> 00:29:59,670
D3 dod mums d.

508
00:29:59,670 --> 00:30:06,080
Un mēs atbildam, atrodot lielumu
no d un tad iet, kas ar skalu.

509
00:30:06,080 --> 00:30:08,490
>> Un tad mums ir jāmaina
Mūsu mērogs, protams.

510
00:30:08,490 --> 00:30:12,980
Tātad lielumi vienkārši nav
iet daudz vairāk nekā 10.

511
00:30:12,980 --> 00:30:15,485
Patiesībā, tur nekad nav bijis
10 lielums zemestrīce.

512
00:30:15,485 --> 00:30:19,360
Bet tas ir sava veida mūsu augšējā
beigas, mūsu augšējā spektrs.

513
00:30:19,360 --> 00:30:20,240
>> Pieņemsim atsvaidzināt.

514
00:30:20,240 --> 00:30:22,990
Jauki, mums ir vizualizācija.

515
00:30:22,990 --> 00:30:25,490
Tas ir interesanti note-- tik
ir divi datu punkti, kas

516
00:30:25,490 --> 00:30:29,010
ir gandrīz tieši virs katras
otras puses, attiecībā uz lielumu.

517
00:30:29,010 --> 00:30:31,350
Jūs redzēt to, ko necaurredzamība ko izmantojam.

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

519
00:30:40,810 --> 00:30:42,690
>> Mums ir ģeogrāfisko datu tagad.

520
00:30:42,690 --> 00:30:44,710
Mums ir platuma un garuma.

521
00:30:44,710 --> 00:30:47,549
Varbūt mēs varētu darīt kaut ko
vairāk interesanti ar to daudz.

522
00:30:47,549 --> 00:30:49,590
Noskaidrosim daži vairāk
interesants veids, kā vizualizēt

523
00:30:49,590 --> 00:30:53,500
šis sarežģītāka
dati mums ir pieejami.

524
00:30:53,500 --> 00:31:04,950
>> Akts V, Mapping-- skatījumā
mēs vēlamies, lai šos kartē.

525
00:31:04,950 --> 00:31:07,690
Es domāju, tas ir, ja tas notiek.

526
00:31:07,690 --> 00:31:13,130
Mēs vēlamies, lai kodētu informāciju par
pozīcija Šo zemestrīču rādījumiem,

527
00:31:13,130 --> 00:31:16,350
kā arī to apjoms,
jo mums ir, ka tagad.

528
00:31:16,350 --> 00:31:21,310
Mēs saprotam, cik patērē
sarežģītāka dati.

529
00:31:21,310 --> 00:31:26,200
>> Pirmā lieta, ko mēs darīt, ir
izveidot karti, fona karti.

530
00:31:26,200 --> 00:31:29,360
Es iešu cauri
ļoti ātri.

531
00:31:29,360 --> 00:31:30,560
Tas ir grūts kods.

532
00:31:30,560 --> 00:31:33,110
Tas ir vēl viens no tiem,
receptes jums nav īsti

533
00:31:33,110 --> 00:31:35,690
ir saprast pilnībā, lai jūs varētu izmantot.

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

535
00:31:38,510 --> 00:31:39,740
Bet tas ir kods.

536
00:31:39,740 --> 00:31:43,580
Šis kods tepat rada karti.

537
00:31:43,580 --> 00:31:45,730
>> Mēs nebrauksim, lai iet detalizēti.

538
00:31:45,730 --> 00:31:54,210
Bet virspusēji, ko tā dara, ir,
tā apšauba šo us.json failu, kas

539
00:31:54,210 --> 00:31:57,150
ir datu fails, piemēram,
viens mums bija pirms tam.

540
00:31:57,150 --> 00:31:59,150
Tas ir sarežģītāka, protams.

541
00:31:59,150 --> 00:32:02,920
Bet šajā gadījumā, viss,
katrs datu punkts ir šī valsts

542
00:32:02,920 --> 00:32:05,420
un ir sarakstu
platuma un garuma

543
00:32:05,420 --> 00:32:10,500
kas nosaka daudzstūri,
ka forma, ka valsts.

544
00:32:10,500 --> 00:32:13,280
>> Tātad, ko D3 būs jādara, ir līdzīgs
to, ko mēs darījām agrāk.

545
00:32:13,280 --> 00:32:18,140
Tas pieprasīt un
saistās ka uz elementu.

546
00:32:18,140 --> 00:32:20,890
Un tur ir funkcija, kas
vēros šo elementu, kas,

547
00:32:20,890 --> 00:32:23,410
balstoties uz platuma un garuma.

548
00:32:23,410 --> 00:32:24,580
Jūs varat izlasīt vairāk par to.

549
00:32:24,580 --> 00:32:27,385
Un es ieteiktu to.

550
00:32:27,385 --> 00:32:30,090
>> Ir saiknes
beigās šo kodu ievietojis.

551
00:32:30,090 --> 00:32:31,570
Un kods ir komentēja.

552
00:32:31,570 --> 00:32:34,050
Tur ir saites tālāk par šo.

553
00:32:34,050 --> 00:32:36,590
Es ieteiktu jums meklēt to.

554
00:32:36,590 --> 00:32:39,460
Bet ko mēs rūpējamies par to ir
šo projekciju funkcija.

555
00:32:39,460 --> 00:32:41,210
Es gribu, lai iet caur to.

556
00:32:41,210 --> 00:32:43,522
>> Pirmkārt, ļaujiet man parādīt
Jums, ka, jā, mums ir karte.

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

558
00:32:47,300 --> 00:32:49,970
Kartes ir cool.

559
00:32:49,970 --> 00:32:52,330
Tātad, pieņemsim apskatīt šo
ražošanas funkcija.

560
00:32:52,330 --> 00:32:56,481
>> Projekcijas ir ļoti daudz
piemēram, ar atzīmi, svari vēlreiz.

561
00:32:56,481 --> 00:32:59,210
Tātad, ko ražošana
šo projekciju funkcija

562
00:32:59,210 --> 00:33:06,610
tas ir, mēs varētu iet to garuma
un latitudes-- šajā gadījumā,

563
00:33:06,610 --> 00:33:09,590
šīs vērtības šeit ir
LAT-ilgojas ēkas

564
00:33:09,590 --> 00:33:13,990
mēs sēžat tiesības
now-- uz projekciju.

565
00:33:13,990 --> 00:33:20,560
Un projekcijas būs konvertēt
ka uz x un y pikseļu vērtībām.

566
00:33:20,560 --> 00:33:23,300
>> Tātad, kas projekcija dara
ir ļoti līdzīga mūsu mērogā.

567
00:33:23,300 --> 00:33:27,270
Tas ir ņemot mūsu platuma grādos un
garuma, kas pārstāv visu zemeslodi

568
00:33:27,270 --> 00:33:31,390
un sarūk un lieluma, kas
uz leju, lai kvadrātu, ka mēs vēlamies,

569
00:33:31,390 --> 00:33:33,510
ka esam radījuši to.

570
00:33:33,510 --> 00:33:35,220
Šajā gadījumā, mēs esam
iet šīs vērtības.

571
00:33:35,220 --> 00:33:41,370
Un tas mums dod, labi, ka
ekrānā nozīmē 640 pikseļi.

572
00:33:41,370 --> 00:33:46,250
Tas viss ekrāns ir 700 pikseļi
plašs, tā, kas padara mūs par šeit,

573
00:33:46,250 --> 00:33:53,310
un 154 pikseļi uz leju, ko es
aprēķins ir diezgan daudz šeit.

574
00:33:53,310 --> 00:33:57,250
>> Tātad, ņemot šos Lat-longs, kas
pārstāvēt kaut ko par visu pasaulē

575
00:33:57,250 --> 00:34:02,850
un squishing un pārvietojas, ka aptuveni
lai dotu mums x un y pikseļu vērtību,

576
00:34:02,850 --> 00:34:05,450
šī ir pirmā lieta, kas ir
darīts šajā kartēšanas kodu.

577
00:34:05,450 --> 00:34:07,920
Un tad pārējais
kods patērē datus

578
00:34:07,920 --> 00:34:14,310
un tad piesaista šos Lat-longs
uz kaut ko ekrānā.

579
00:34:14,310 --> 00:34:18,380
>> Bet mēs ejam, lai izmantotu šo projekciju
funkcijas, jo izrādās

580
00:34:18,380 --> 00:34:20,270
mums ir LAT-Longs longs, kā arī.

581
00:34:20,270 --> 00:34:24,509
Atskatoties uz mūsu datiem, mums ir
platuma un garuma koordinātas

582
00:34:24,509 --> 00:34:25,425
par katru novērošanai.

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

584
00:34:28,131 --> 00:34:29,130
Tātad, pieņemsim izmantot projekciju.

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

586
00:34:33,250 --> 00:34:37,639
>> Tātad apskatot mūsu ekspozīcijā,
mēs vēlamies, lai mūsu exposition--

587
00:34:37,639 --> 00:34:39,590
mums ir platuma un garuma.

588
00:34:39,590 --> 00:34:40,770
Bet mēs gribam pikseļu vērtības.

589
00:34:40,770 --> 00:34:43,510
Un izrādās, mums ir tieši tā
ko mēs want-- projekciju.

590
00:34:43,510 --> 00:34:46,239
Ļoti daudz, piemēram, mēs bijām
izmantojot skalu tieši šeit,

591
00:34:46,239 --> 00:34:52,075
Mēs tagad gatavojas izmantot projekciju
un nodot to koordinē.

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

593
00:34:55,241 --> 00:34:56,949
Tātad pirmā lieta
mēs esam doing-- tāpēc mēs esam

594
00:34:56,949 --> 00:35:01,520
kļūst d, kas ir atsevišķs dati
Individuālā zemestrīces elements

595
00:35:01,520 --> 00:35:02,370
lasījums.

596
00:35:02,370 --> 00:35:04,640
Pirmā lieta, ko mēs darām
ir iegūt koordinātas.

597
00:35:04,640 --> 00:35:06,150
Labi, mums ir koordinātas.

598
00:35:06,150 --> 00:35:09,160
>> Otrā lieta, ko mēs darām, ir
iet, ka uz projekcijas.

599
00:35:09,160 --> 00:35:13,440
Projekcijas pārvērš šos koordinātes
uz pikseļu vērtībām, x un y.

600
00:35:13,440 --> 00:35:16,680
Un tad pēdējā lieta, ko mēs
gribu darīt, ir tikai iegūt x,

601
00:35:16,680 --> 00:35:19,342
kas šī lieta ir pirmā.

602
00:35:19,342 --> 00:35:22,050
Tas ir pirmais no diviem lietām
kas tiek atgriezti ar projicēšanu.

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

604
00:35:27,840 --> 00:35:29,630
>> Mēs darīsim pats y.

605
00:35:29,630 --> 00:35:34,960
Bet tā vietā, mēs atgrieztos
Otrais elements, y.

606
00:35:34,960 --> 00:35:35,980
Get gatavs, lai atsvaidzinātu.

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

608
00:35:39,830 --> 00:35:46,450
Ooh, extra raksturs
here-- jauki, mums ir

609
00:35:46,450 --> 00:35:51,730
dati virza dokuments, kas ir
noslēpjot šo JSON failu objektu,

610
00:35:51,730 --> 00:35:57,560
padarot karti, un mainot
atribūts attiecībā uz datiem

611
00:35:57,560 --> 00:35:59,600
projicēt to kartē.

612
00:35:59,600 --> 00:36:00,840
Tas ir patiešām interesanti.

613
00:36:00,840 --> 00:36:03,770
Tas ir forši.

614
00:36:03,770 --> 00:36:05,640
>> Paņemsim to uz augšu iecirtums.

615
00:36:05,640 --> 00:36:08,795
Es domāju, mums ir divi gabali
informācija ar katru datu punktu.

616
00:36:08,795 --> 00:36:10,000
Es domāju, trīs.

617
00:36:10,000 --> 00:36:12,540
Mums ir koordinātas,
kas ir x un y.

618
00:36:12,540 --> 00:36:15,700
Un mums ir lielumu.

619
00:36:15,700 --> 00:36:17,420
>> Mums ir nepieciešams, lai kodētu lielumu kaut kā.

620
00:36:17,420 --> 00:36:18,920
Mums ir daudz kanālus.

621
00:36:18,920 --> 00:36:20,370
Mēs varam izmantot krāsu.

622
00:36:20,370 --> 00:36:21,890
Mēs varam izmantot rādiusu.

623
00:36:21,890 --> 00:36:23,040
Mēs varētu izmantot necaurredzamību.

624
00:36:23,040 --> 00:36:25,540
Mēs varētu izmantot daudzas lietas kodu.

625
00:36:25,540 --> 00:36:29,180
Jebkurš no šiem atribūtiem un daudz
vairāk, ka nav tur sarakstā,

626
00:36:29,180 --> 00:36:33,065
tāpēc, ka viņi pēc izvēles, mēs varētu
izmanto, lai kodētu šos datus, insults

627
00:36:33,065 --> 00:36:35,670
un visas šīs lietas, es esmu minēts.

628
00:36:35,670 --> 00:36:36,690
>> Darīsim rādiusu.

629
00:36:36,690 --> 00:36:38,830
Es domāju, ka rādiuss ir visvairāk intuitīvākas.

630
00:36:38,830 --> 00:36:46,210
Tātad vēlreiz, mēs aizstāt kas iekodēts
40 un veikt dažus aprēķinus.

631
00:36:46,210 --> 00:36:48,810
Mēs atkal izmantot mūsu mīļākie skalu.

632
00:36:48,810 --> 00:36:50,290
Un mēs esam pagātnē d.

633
00:36:50,290 --> 00:36:55,850
Bet ne d, jo mēs vēlamies lielumu
D. d ir tikai datu punkts.

634
00:36:55,850 --> 00:36:57,430
Mēs iet apjoms mērogā.

635
00:36:57,430 --> 00:36:58,470
>> Mēģināsim to vēlreiz.

636
00:36:58,470 --> 00:37:00,230
Ooh, tas nedarbojas.

637
00:37:00,230 --> 00:37:02,940
Kāpēc tas nedarbojas?

638
00:37:02,940 --> 00:37:04,387
>> Tātad, atceries, ko mēroga dara.

639
00:37:04,387 --> 00:37:05,470
Apskatīsim mērogā vēlreiz.

640
00:37:05,470 --> 00:37:10,800
Mēroga kartes no 1 līdz 10 par
22. līdz 600, vairāk vai mazāk.

641
00:37:10,800 --> 00:37:12,030
600 ir milzīgs.

642
00:37:12,030 --> 00:37:14,730
Tas ir iemesls, kāpēc mēs esam nonākuši šajā.

643
00:37:14,730 --> 00:37:18,420
>> Tātad, mēs vēlamies, lai mainītu mūsu mērogu
lai kaut ko vairāk saprātīgu.

644
00:37:18,420 --> 00:37:22,610
Teiksim, mēs vēlamies 0-60.

645
00:37:22,610 --> 00:37:25,340
60 ir liels, bet 10 zemestrīces
ir neticami reti.

646
00:37:25,340 --> 00:37:27,880
Patiesībā, viņi nekad nav noticis.

647
00:37:27,880 --> 00:37:31,830
>> Tātad, ko tas būs jādara, ir, tā ņemšu
Mūsu lielums, kas iet no 1 līdz 10

648
00:37:31,830 --> 00:37:34,490
un karti to, lai paplašinātu to ārā.

649
00:37:34,490 --> 00:37:37,370
Un karte to tālāk uz 0, lai 60 gadiem.

650
00:37:37,370 --> 00:37:38,840
Pieņemsim atsvaidzināt.

651
00:37:38,840 --> 00:37:41,850
>> Jauki, mums ir vizualizācija.

652
00:37:41,850 --> 00:37:42,500
Tas ir lieliski.

653
00:37:42,500 --> 00:37:43,736
Tas ir faktiskie dati.

654
00:37:43,736 --> 00:37:46,360
Jūs pamanīsiet, mana mazā rotaļlietu
Piemēram, lielākā zemestrīce

655
00:37:46,360 --> 00:37:49,417
ir tiesības uz augšu no mums.

656
00:37:49,417 --> 00:37:50,000
Bet tas arī viss.

657
00:37:50,000 --> 00:37:54,422
Mums ir datumu virza vizualizāciju
kas patērē datus

658
00:37:54,422 --> 00:37:56,255
un dod mums patiešām
interesantu informāciju.

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

660
00:38:02,600 --> 00:38:06,420
Jā, pieņemsim pievienot dažas
interaktivitāti uz to.

661
00:38:06,420 --> 00:38:08,675
Es teicu, ka biju
spēcīgs spēks D3.

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

663
00:38:11,490 --> 00:38:15,060
>> Tātad šeit, katram elementam, mēs esam
aprakstot ķekars atribūtiem.

664
00:38:15,060 --> 00:38:20,230
Bet mēs varam arī aprakstīt to, ko mēs gribam
notikt ar interaktivitātes elementiem.

665
00:38:20,230 --> 00:38:26,190
Piemēram, mēs varētu aprakstīt
kas notiek, kad mēs pele vairāk.

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

667
00:38:28,740 --> 00:38:33,640
Un ir ļoti līdzīgi, ka,
ka ņemšu funkciju,

668
00:38:33,640 --> 00:38:36,700
ļoti līdzīgs
atribūti mums bija agrāk,

669
00:38:36,700 --> 00:38:44,650
kur mēs kaut ko darīt, lai
elements, kad mēs lidināties pār to.

670
00:38:44,650 --> 00:38:47,100
>> Tātad pirmā lieta, mums ir nepieciešams, lai
jādara, ir izvēlēties šo elementu,

671
00:38:47,100 --> 00:38:49,435
lai atrastu to būtībā, pārlūkprogrammā.

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

673
00:38:57,090 --> 00:39:00,920
un tad mēs varētu noteikt
atribūts uz to.

674
00:39:00,920 --> 00:39:06,870
Tātad, ko es daru šeit ir, kad mēs lidināties
pār kaut ko, mēs iegūtu šo elementu

675
00:39:06,870 --> 00:39:11,197
un pēc tam noteikt tās necaurredzamību atpakaļ
1, lai pilnīgi necaurspīdīga.

676
00:39:11,197 --> 00:39:12,488
Let 's redzēt, ko tas izskatās.

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

678
00:39:29,430 --> 00:39:39,080
>> Šķiet, mēs esam
extra semikols šeit.

679
00:39:39,080 --> 00:39:42,420
Tātad, ja mēs lidināties nekā šeit, tas kļūs pilns.

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

681
00:39:46,530 --> 00:39:48,960
Bet tagad, protams, to
paliek pilna, jo mēs

682
00:39:48,960 --> 00:39:53,240
ir aprakstīts, kas notiek
kad noņemt mūsu kursoru.

683
00:39:53,240 --> 00:39:59,990
Tātad, pieņemsim darīt tieši to par
mouseout, nevis uz mouseover.

684
00:39:59,990 --> 00:40:06,399
>> Un mēs reset to
tas, ko mums bija before-- 0,5.

685
00:40:06,399 --> 00:40:10,260
Un tagad, katru reizi, kad mēs
lidināties, mēs iegūtu pilnu apli.

686
00:40:10,260 --> 00:40:13,468
Tas palīdz mums redzēt, ko mēs
mēs esam izvēloties būtībā.

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

688
00:40:19,210 --> 00:40:22,860
>> Un tagad pieņemsim, tas tiešām lieliski.

689
00:40:22,860 --> 00:40:26,210
Pieņemsim savienot to reāliem datiem.

690
00:40:26,210 --> 00:40:30,890
Tātad, pieņemsim jautāt varētu
USGS par saviem datiem.

691
00:40:30,890 --> 00:40:35,630
Tātad ASV Ģeoloģijas
ir datus par zemestrīces.

692
00:40:35,630 --> 00:40:41,460
Viņi ir sabiedrības API, kas ir spējīgi
varētu patērēt JSON formātā.

693
00:40:41,460 --> 00:40:42,548
Tātad, pieņemsim darīt.

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

695
00:40:49,730 --> 00:40:55,900
>> Tātad tas ir mazliet kodu, kas
savieno ar USGS API.

696
00:40:55,900 --> 00:40:57,990
Un tur ir mazliet apstrādi par to.

697
00:40:57,990 --> 00:41:02,200
Tas nav būtiski, bet vienkāršo to
vienkāršu datu formātā, piemēram, viens

698
00:41:02,200 --> 00:41:03,800
mums bija pirms tam.

699
00:41:03,800 --> 00:41:08,140
Tāpēc es varu atbrīvoties no mūsu aicinājumu
Mūsu fake data.json failā.

700
00:41:08,140 --> 00:41:13,110
Un tā vietā, es esmu aicinot
būtībā USGS.

701
00:41:13,110 --> 00:41:16,700
>> Pieņemsim atsvaidzināt, jauki.

702
00:41:16,700 --> 00:41:21,260
Tas ir faktiskais, reālās dzīves dati
No šīs nedēļas par zemestrīcēm.

703
00:41:21,260 --> 00:41:23,217
Tas ir patiešām interesanti.

704
00:41:23,217 --> 00:41:25,050
Tas nav pārsteigums
mums, bet ir

705
00:41:25,050 --> 00:41:27,909
daudz zemestrīces par
West Coast Kalifornijā.

706
00:41:27,909 --> 00:41:30,950
Bet es domāju, ka tas bija ļoti interesanti
ka tur bija tik daudz zemestrīces

707
00:41:30,950 --> 00:41:34,350
Aļaskā, un acīmredzot,
šeit Midwest.

708
00:41:34,350 --> 00:41:37,630
Es domāju, interesanti, un mēs esam labi.

709
00:41:37,630 --> 00:41:40,410
Tas ir secinājums.

710
00:41:40,410 --> 00:41:43,760
>> Bet būtībā, šis
ir tas, kas D3 palīdz mums darīt.

711
00:41:43,760 --> 00:41:48,030
Tas palīdz mums ņemt datus, saistošs
to elementiem DOM,

712
00:41:48,030 --> 00:41:51,620
un ir šie elementi jāmaina
kā funkcija no datiem,

713
00:41:51,620 --> 00:41:54,780
ir šie atribūti, visas tās
daudzi atribūti elementiem,

714
00:41:54,780 --> 00:41:57,393
visi būt noderīga kanāliem
nodot informāciju.

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

716
00:42:05,440 --> 00:42:09,290
>> D3 ir neticami spēcīgs
bibliotēka un pārsteidzoši labi darboties.

717
00:42:09,290 --> 00:42:12,260
Tas ir daži spēcīgs sīkumi.

718
00:42:12,260 --> 00:42:15,960
Datu vizualizācija
neticami spēcīgs instruments

719
00:42:15,960 --> 00:42:21,530
nogādāšanai cilvēkiem dziļi
atziņas, kas izpaužas uz to pamata

720
00:42:21,530 --> 00:42:25,430
un palīdz viņiem saprast, jo
šis dziļa un intuitīvu veidu,

721
00:42:25,430 --> 00:42:29,760
kā datu darbojas un kā
dati maina mūsu dzīvi.

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