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

2
00:00:00,780 --> 00:00:11,880
>> [MÜZİK OYUN]

3
00:00:11,880 --> 00:00:16,480
>> DAVID Chouinard: David değilim
Chouinard ve bu D3.

4
00:00:16,480 --> 00:00:17,700
Hoşgeldiniz.

5
00:00:17,700 --> 00:00:21,270
Bugün D3 hakkında bilgi edinmek için gidiyoruz.

6
00:00:21,270 --> 00:00:25,020
D3 bir JavaScript çerçeve
yüksek kalitede oluşturmak için

7
00:00:25,020 --> 00:00:28,110
web için etkileşimli görselleştirme.

8
00:00:28,110 --> 00:00:30,870
Biz ne konum gibi şeyler
Arkamda görerek,

9
00:00:30,870 --> 00:00:34,230
Biz bu hale öğrenmek için gidiyoruz
şeyler, bunun temelleri tür.

10
00:00:34,230 --> 00:00:36,452
Ama serin olacak.

11
00:00:36,452 --> 00:00:38,160
Haydi başlayalım
güzel resimler yapmak.

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

13
00:00:41,108 --> 00:00:44,350
Biz daha fazla demolar var
Mevcut umutları.

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

15
00:00:48,040 --> 00:00:50,760
Hadi yapalım.

16
00:00:50,760 --> 00:00:58,700
>> Yasası Ben, DOM manipulation-- biz gidiyoruz
güzel şeyler yapma hemen başlamak için.

17
00:00:58,700 --> 00:01:01,240
Her şeyden önce, solda, biz kodu var.

18
00:01:01,240 --> 00:01:03,470
Sağda, biz var
Bizim kod sonucu.

19
00:01:03,470 --> 00:01:04,900
En içinden gidelim.

20
00:01:04,900 --> 00:01:05,780
>> En bir daire yapalım.

21
00:01:05,780 --> 00:01:08,570
Bu nasıl ses yapar?

22
00:01:08,570 --> 00:01:14,934
svg.append circle--
biz sadece bir daire yaptı.

23
00:01:14,934 --> 00:01:16,100
Haklısınız, bana inanmıyor musun?

24
00:01:16,100 --> 00:01:18,190
Orada değil.

25
00:01:18,190 --> 00:01:21,830
>> Peki ne isimli burada yaptım,
SVG ölçeklenebilir vektör grafik.

26
00:01:21,830 --> 00:01:27,530
Bu biz tarayıcı söylemek yoludur
Tarayıcıda vektör grafik yapmak.

27
00:01:27,530 --> 00:01:30,740
Ne biz sadece şu anda yaptım
göz atmak için bir daire ilave edilir.

28
00:01:30,740 --> 00:01:34,790
>> Söz daire olmasıdır
temel özelliklerinden biraz gerektirir

29
00:01:34,790 --> 00:01:36,850
biz aslında onu görmeden önce.

30
00:01:36,850 --> 00:01:40,045
Biz, onun x konumunu anlatmak gerekir
kendi y konumu, onun yarıçapı.

31
00:01:40,045 --> 00:01:43,310
Biz herhangi bir söylemek vermedi,
bu yüzden şimdi biz bunu görmüyoruz.

32
00:01:43,310 --> 00:01:46,210
Ama şeyler onu söyleyeyim.

33
00:01:46,210 --> 00:01:49,510
>> Yani her şeyden önce, sen var
Bizim daireyi bir ad vermek için.

34
00:01:49,510 --> 00:01:53,070
Yani daire diyelim.

35
00:01:53,070 --> 00:01:54,406
Bizim daire artık bir adı vardır.

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

37
00:01:57,230 --> 00:01:59,490
Ve en doğru birkaç özelliklerini verelim.

38
00:01:59,490 --> 00:02:03,690
Nasıl cx hakkında çok, x merkezi olur
x konumu merkezi.

39
00:02:03,690 --> 00:02:06,730
200 piksel için, 200 diyelim.

40
00:02:06,730 --> 00:02:10,220
>> En de o 200 piksel y vereyim.

41
00:02:10,220 --> 00:02:16,032
Ve yaklaşık 40 piksel bir r, bir yarıçapı.

42
00:02:16,032 --> 00:02:16,950
Şimdi bakalım.

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

44
00:02:21,740 --> 00:02:23,440
Ben büyü değil.

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

46
00:02:30,430 --> 00:02:31,520
>> Orada gitmek.

47
00:02:31,520 --> 00:02:37,330
Biz pozisyon 200 bir daire var
piksel, 200 piksel, 40 piksel yarıçapı.

48
00:02:37,330 --> 00:02:38,280
Tür serin, değil mi?

49
00:02:38,280 --> 00:02:38,988
Biz bir daire var.

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

51
00:02:40,880 --> 00:02:42,670
>> Yani gerek boyunca takip etmek.

52
00:02:42,670 --> 00:02:45,790
Tüm bu örnekler, her
Ben bugün yapıyorum kod

53
00:02:45,790 --> 00:02:51,300
sonunda çevrimiçi sağlanacaktır
Etkileşimli örnekler halinde

54
00:02:51,300 --> 00:02:54,010
En noktalarıyla
Her hareket, vb.

55
00:02:54,010 --> 00:02:55,160
>> En fazla şeyler yapalım.

56
00:02:55,160 --> 00:02:58,901
Bu siyah daire gerçekten çirkin.

57
00:02:58,901 --> 00:03:01,541
Ben bu hata için özür dilerim
Orada mesajlar.

58
00:03:01,541 --> 00:03:05,340
Biz oraya gitmek.

59
00:03:05,340 --> 00:03:06,350
>> Hadi bir renk vereyim.

60
00:03:06,350 --> 00:03:07,170
Bu nasıl?

61
00:03:07,170 --> 00:03:08,340
Ben çelik mavisi gibi.

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

63
00:03:13,280 --> 00:03:16,030
Peki, bizim daire rengi değişti.

64
00:03:16,030 --> 00:03:17,320
Bu harika.

65
00:03:17,320 --> 00:03:31,330
En yarı-saydam yapalım
too-- yarı saydam.

66
00:03:31,330 --> 00:03:33,670
>> Peki bu niteliklerdir
Biz daireyi tanımlayan ediyoruz.

67
00:03:33,670 --> 00:03:36,774
Yaptığımız ilk şey
Biz sayfada bir daire koymak.

68
00:03:36,774 --> 00:03:38,690
Ve sonra tanımlayan ediyoruz
niteliklerin bir demet.

69
00:03:38,690 --> 00:03:41,610
Bunlardan bazıları gerekmektedir,
CX, CY, ve Radius gibi.

70
00:03:41,610 --> 00:03:42,680
Ve diğerleri isteğe bağlıdır.

71
00:03:42,680 --> 00:03:44,730
>> Çok daha fazla özellikleri vardır.

72
00:03:44,730 --> 00:03:46,760
Onlardan bir sürü var.

73
00:03:46,760 --> 00:03:53,070
Örneğin, bir olabilir
inme yanı sıra, kırmızı bir vuruş.

74
00:03:53,070 --> 00:03:55,630
Ama bu kaldırmak edelim.

75
00:03:55,630 --> 00:04:00,450
Biz geri daire, mavi bir daire için konum.

76
00:04:00,450 --> 00:04:01,600
>> Yani daha fazla daireler yapalım.

77
00:04:01,600 --> 00:04:02,810
Bu nasıl?

78
00:04:02,810 --> 00:04:04,665
En baska bir çember yapalım.

79
00:04:04,665 --> 00:04:05,985
Bu hak, heyecan verici?

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

81
00:04:09,630 --> 00:04:12,300
>> Ben sadece Kopyala-yapıştırılan demek
ne biz zaten vardı.

82
00:04:12,300 --> 00:04:13,570
Haydi circle2 diyelim.

83
00:04:13,570 --> 00:04:15,840
Ve kesin yapalım
Aynı şey ve vermek

84
00:04:15,840 --> 00:04:20,450
300 x pozisyonu verilir, bağlıyor.

85
00:04:20,450 --> 00:04:24,140
Yay, şimdi iki daire var.

86
00:04:24,140 --> 00:04:27,240
>> Ve tabii ki, biz olabilir
Bu değerleri güncelleştirmek.

87
00:04:27,240 --> 00:04:31,640
Ben 400 de koyabilirsiniz, ve şimdi hareket eder.

88
00:04:31,640 --> 00:04:35,470
Rahatsız edici beri Ve, diyelim
o kadar circle2.remove, çıkarın.

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

90
00:04:39,000 --> 00:04:40,730
Şimdi gitti.

91
00:04:40,730 --> 00:04:43,170
>> Peki biz ne yapıyoruz ve
Bu very--, sadece çok,

92
00:04:43,170 --> 00:04:46,030
Size ne çok benzer
Örneğin, jQuery yapabilir.

93
00:04:46,030 --> 00:04:48,240
Biz sadece manipüle ediyoruz
DOM, denir.

94
00:04:48,240 --> 00:04:50,040
Daha önce bu kelimeyi duymuş olabilir.

95
00:04:50,040 --> 00:04:53,255
Biz ayarı, şeyler yaratıyorsunuz
şeyler kaldırarak, malzeme üzerinde bağlıyor.

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

97
00:04:58,950 --> 00:05:02,360
Ilginç alır nerede >> Şimdi, burada.

98
00:05:02,360 --> 00:05:07,250
Yani, daha sonra kodu, biz hala olabilir
Burada orijinal daire bakın.

99
00:05:07,250 --> 00:05:14,100
Yani cx onun niteliğini sıfırlamak edelim.

100
00:05:14,100 --> 00:05:18,260
400 olan x konumu, diyelim.

101
00:05:18,260 --> 00:05:22,406
Ve ben geçiş gidiyorum
Bu, çok açık yani.

102
00:05:22,406 --> 00:05:23,360
Biz oraya gitmek.

103
00:05:23,360 --> 00:05:24,780
>> Yani biz bir daire ekledi.

104
00:05:24,780 --> 00:05:26,440
Biz bazı özelliklerini ayarlayın.

105
00:05:26,440 --> 00:05:28,210
Biz, başka bir daire ekledi kaldırılır.

106
00:05:28,210 --> 00:05:31,650
Ve sonra modifiye ediyoruz
Orijinal daire.

107
00:05:31,650 --> 00:05:35,400
O gets nerede >> Ama burada
çok daha ilginç.

108
00:05:35,400 --> 00:05:39,070
Sadece biz özelliklerini ayarlayabilirsiniz
Sadece değerleri gibi, biz, diyebiliriz

109
00:05:39,070 --> 00:05:41,610
Hey, daire, 200, pozisyon gidin.

110
00:05:41,610 --> 00:05:44,540
Biz de fonksiyon olarak ayarlayabilirsiniz.

111
00:05:44,540 --> 00:05:48,850
>> Peki yerine burada 400 verilmesi,
bazı hesaplama yapabilirsiniz

112
00:05:48,850 --> 00:05:53,950
Ne için anında biz
Bu özellik olmak istiyorum.

113
00:05:53,950 --> 00:05:56,580
Yani bu o ifade ediyorum nasıl.

114
00:05:56,580 --> 00:06:00,660
Biz yerine 400, let me, demek
bunun yerine bir işlev vermek.

115
00:06:00,660 --> 00:06:04,180
Ve burada, bu işlevin içinde,
biz herhangi bir çılgın hesaplama yapabilirsiniz.

116
00:06:04,180 --> 00:06:06,820
>> Biz zaman alabilir ve verebilir
Bazı başka bir şey bakmak

117
00:06:06,820 --> 00:06:11,230
ve dinamik karar
ne istediğimizi değer daire.

118
00:06:11,230 --> 00:06:15,266
Nasıl biz sadece vermek hakkında
Bir rastgele x pozisyonu?

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

120
00:06:20,360 --> 00:06:21,120
Yani bu.

121
00:06:21,120 --> 00:06:25,490
>> Peki söylüyor için, bir
her x, bu işlevi çalıştırmak.

122
00:06:25,490 --> 00:06:29,340
Ve ne yapıyoruz hesaplanması olduğunu
Bazı şeyler, rastgele bir kere genişliği

123
00:06:29,340 --> 00:06:30,410
ve o dönen.

124
00:06:30,410 --> 00:06:34,765
Yani biz koşmak her zaman, biz bir olsun
rastgele bir yere gider daire.

125
00:06:34,765 --> 00:06:36,394
Bu serin tür.

126
00:06:36,394 --> 00:06:38,310
Ben bakmak gibi hissediyorum
Biraz için bu bir.

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

128
00:06:44,274 --> 00:06:46,440
Biz almak için başlıyoruz
Burada ilginç bir şey.

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

130
00:06:49,120 --> 00:06:51,390
Şimdi tahrik bu verileri yapalım.

131
00:06:51,390 --> 00:06:53,420
Burada hiçbir veri yok.

132
00:06:53,420 --> 00:06:54,482
En değiştirmek edelim.

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

134
00:06:57,440 --> 00:07:12,140
>> Act II, Data Driven Documents--
Yani burada dönelim.

135
00:07:12,140 --> 00:07:15,340
Ve, Sadece circle2 kurtulmak izin
biz sadece ekleme ve çıkarma çünkü

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

137
00:07:15,840 --> 00:07:17,382
Yani biz gerçekten ihtiyacımız yok.

138
00:07:17,382 --> 00:07:21,421
Biz burada çok daha zeki olması gerekir.

139
00:07:21,421 --> 00:07:23,170
Biz, diyelim
çeşit bazı veriler.

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

141
00:07:31,540 --> 00:07:40,020
Bir, diyelim moment--
Bu formun verileri vardı.

142
00:07:40,020 --> 00:07:41,800
Biz sadece, bir dizi vardı
sayıların bir demet.

143
00:07:41,800 --> 00:07:45,750
Biz, burada yedi numara var
ne olursa olsun bu represent-- miktarı

144
00:07:45,750 --> 00:07:48,810
insanların banka hesabına, nasıl
çok onlar tanrı bilir ne, tartın.

145
00:07:48,810 --> 00:07:51,310
>> Bu numaralar ve biz
Bizim daireler kullanmak istiyorum

146
00:07:51,310 --> 00:07:53,240
nasılsa bu numaraları temsil etmek.

147
00:07:53,240 --> 00:07:55,515
Biz bizim, kravat istiyorum
Bu sayılara çevreler.

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

149
00:07:58,750 --> 00:07:59,626
Yani biz ne.

150
00:07:59,626 --> 00:08:01,500
Diyelim, biz istediğiniz bir
Her numara için daire.

151
00:08:01,500 --> 00:08:03,590
Biz eski yapabilirdi
Biz doing-- edildi şey

152
00:08:03,590 --> 00:08:06,020
daire ekleme ve circle2 ve circle3.

153
00:08:06,020 --> 00:08:10,020
Ama bu Sokmama, ve
mantığı yinelenen bir çok şey var.

154
00:08:10,020 --> 00:08:12,760
>> Yani bu daha zeki başlayalım.

155
00:08:12,760 --> 00:08:17,810
Bunun yerine var daire kullanarak
Biz sadece kullanmakta olduğunuz svg.append

156
00:08:17,810 --> 00:08:21,580
biz kullanmak için gidiyoruz
Burada bu küçük blok.

157
00:08:21,580 --> 00:08:24,510
Ben derinlemesine gitmek istemiyorum
ne içine tüm bu parçalar yapmak.

158
00:08:24,510 --> 00:08:26,020
Ve gelişmiş bir konu tür.

159
00:08:26,020 --> 00:08:27,830
Ve keşke.

160
00:08:27,830 --> 00:08:31,370
>> Ama önemli şey recognize-- ve
Eğer D3 kodu çok sık görürsünüz.

161
00:08:31,370 --> 00:08:36,840
Metin basic Bu blok
gibi birçok çevreler yaratır

162
00:08:36,840 --> 00:08:41,360
veri elemanları var gibi
Burada bu dizide.

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

164
00:08:53,420 --> 00:08:55,780
Yani bu kadar çok yaratır
Orada gibi daireler unsurlardır.

165
00:08:55,780 --> 00:08:58,520
Bize yedi çevreleri oluşturmak için gidiyor.

166
00:08:58,520 --> 00:09:01,710
Ve bu gerçekten önemli bir şey yok.

167
00:09:01,710 --> 00:09:02,460
Yani bu çalışmasına izin.

168
00:09:02,460 --> 00:09:05,460
En diğer daire kaldırmak edelim.

169
00:09:05,460 --> 00:09:09,565
Sadece bu belirtmeme izin verin
dışarı ayrılmak ve tekrar çalıştırın.

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

171
00:09:13,840 --> 00:09:15,260
>> Orada gidiyoruz.

172
00:09:15,260 --> 00:09:18,030
Yani burada bizim daire bir
çok koyu, çünkü biz

173
00:09:18,030 --> 00:09:20,720
Yedi daireler var, bir
üst üste.

174
00:09:20,720 --> 00:09:25,425
Biz sadece yedi çevrelerinde, birini oluşturdu
Bu veri elemanlarının her biri için her.

175
00:09:25,425 --> 00:09:28,860
Ama oldu bir anahtar şey var
Burada bu pasajı ile.

176
00:09:28,860 --> 00:09:31,030
>> Bu veriler bağlı olduğunu var.

177
00:09:31,030 --> 00:09:33,440
Yani her biri
bu veri elemanları,

178
00:09:33,440 --> 00:09:38,830
10, 45, 105, bağlı olduğu
Belirli bir daire.

179
00:09:38,830 --> 00:09:40,960
Yani bunlar sadece oluşturulmadı
çevrelerin bir demet

180
00:09:40,960 --> 00:09:43,420
ama birlikte bu iki şeyi bağlar.

181
00:09:43,420 --> 00:09:48,740
>> Ve gelecekte, biz yarattı çünkü
Bu D3 fonksiyonu olan çevreler,

182
00:09:48,740 --> 00:09:52,430
Sana bir daire verirsem, sen can
Bana onunla ilişkili verileri verir.

183
00:09:52,430 --> 00:09:53,280
Bu yüzden D3 sorabilirsiniz.

184
00:09:53,280 --> 00:09:54,840
Hey, D3, ben bu daireyi var.

185
00:09:54,840 --> 00:09:57,350
Daire vardır veri nedir?

186
00:09:57,350 --> 00:10:01,290
Ve D3 bize 10 veya 45 veya 105 söylerdim.

187
00:10:01,290 --> 00:10:02,380
>> Bunlar bağlı.

188
00:10:02,380 --> 00:10:04,490
Bu çok, çok temel bir kavram.

189
00:10:04,490 --> 00:10:06,070
Şuna bakalım.

190
00:10:06,070 --> 00:10:12,210
>> Yani yol böylece D3-- sormak istiyorum
Bu, bu için alakasız

191
00:10:12,210 --> 00:10:16,620
ama sadece bana güven.

192
00:10:16,620 --> 00:10:17,620
Biz D3 sormak nasıl olduğunu.

193
00:10:17,620 --> 00:10:21,312
Hey, D3, bana ilk ver
Eğer bulabilirsiniz daire.

194
00:10:21,312 --> 00:10:23,580
Bana bulabilirsiniz ilk daire verin.

195
00:10:23,580 --> 00:10:29,660
Ve sonra D3 sorabilirsiniz, ne
Böyle olduğu veri, 10.

196
00:10:29,660 --> 00:10:33,380
>> Yani biz sadece D3 sormak, beni bulmak
bulabileceğiniz ilk daire.

197
00:10:33,380 --> 00:10:34,400
Veri nedir?

198
00:10:34,400 --> 00:10:36,650
10, bu gerçekten bizim, bir
birinci veri öğesi.

199
00:10:36,650 --> 00:10:42,150
Biz, hey, D3 bunu sorabilirsiniz
bize üçüncü daire bulmak.

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

201
00:10:44,450 --> 00:10:45,740
Neden bu gerçekten önemli mi?

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

203
00:10:49,790 --> 00:10:52,250
>> Yani burada, bahsettiğim
biz işlevlerini kullanabilirsiniz.

204
00:10:52,250 --> 00:10:54,910
Ve ben o olduğunu belirtmiş
çok güçlü bir şey.

205
00:10:54,910 --> 00:11:03,070
Yani sadece fonksiyonları şeyler edemez
gibi örneğin, bazı hesaplama yapmak,

206
00:11:03,070 --> 00:11:09,170
, rastgele bir sayı o yapabilirsiniz dönüş
Ayrıca verilere dayalı şeyler.

207
00:11:09,170 --> 00:11:11,550
Bu veriler tahrik belgelerin ne anlama olduğunu.

208
00:11:11,550 --> 00:11:13,750
Bu D3 açılımı budur.

209
00:11:13,750 --> 00:11:17,800
>> Peki bu x postition-- yerine
sadece, tüm çevreler söyleyerek,

210
00:11:17,800 --> 00:11:21,735
x konumunu 200 olsun, biz
bunu bir işlev verebilir.

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

212
00:11:26,140 --> 00:11:30,140
Ve burada, bazı hesaplama yapabilirsiniz.

213
00:11:30,140 --> 00:11:33,710
d burada veri yer almaktadır.

214
00:11:33,710 --> 00:11:36,120
Yani her zaman biz var
Bir daire, temelde,

215
00:11:36,120 --> 00:11:37,750
D3 bu yedi çevrelerin yaratacaktır.

216
00:11:37,750 --> 00:11:38,500
Sonra her

217
00:11:38,500 --> 00:11:41,920
>> Daire, o gidecek, hey,
circle1 sizin x konumu ne.

218
00:11:41,920 --> 00:11:45,210
Daha önce, biz
Her zaman 200 yanıtlayan.

219
00:11:45,210 --> 00:11:48,630
Ama şimdi, her zaman D3 sorar
Bize x konumu ne,

220
00:11:48,630 --> 00:11:51,790
biz var us-- vermek için gidiyor
Bu daire, bu yüzden veri var.

221
00:11:51,790 --> 00:11:55,290
Bu, bize veri vermek ve söylemek için gidiyor
ne fuar olmak istiyorsun,

222
00:11:55,290 --> 00:11:57,120
Bu verilere dayanarak.

223
00:11:57,120 --> 00:11:59,590
>> Sadece gerçek verileri dönelim.

224
00:11:59,590 --> 00:12:04,910
Bu çalıştırırsanız Yani, bu verir
Bizi veri belgeleri tahrik.

225
00:12:04,910 --> 00:12:08,040
Bu çevreler dayanır
ilişki pozisyonumuzdan içinde

226
00:12:08,040 --> 00:12:11,120
bu verilerin bir fonksiyonu olarak bazlar konum.

227
00:12:11,120 --> 00:12:13,100
>> İlk daire Yani,
D3 daire koyar.

228
00:12:13,100 --> 00:12:16,770
Ve sonra D3 ne, bize soruyor
Eğer fuar olmak istiyorum.

229
00:12:16,770 --> 00:12:19,620
Ve biz sadece veri ne olursa olsun, demek.

230
00:12:19,620 --> 00:12:21,185
Fuar 10 olun.

231
00:12:21,185 --> 00:12:26,320
>> Sonra ne istiyorsun, sorar
fuar, ikinci daire için olmak.

232
00:12:26,320 --> 00:12:27,270
Ve biz 45 cevap.

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

234
00:12:30,000 --> 00:12:32,230
Ve biz, elbette, can
Burada bazı hesaplama yapmak.

235
00:12:32,230 --> 00:12:35,510
Ben bu çevrelerin bulmak
tür kadar ezilmiş vardır.

236
00:12:35,510 --> 00:12:38,965
>> Yani 3 verileri çarpın, 3 ile çarpın.

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

238
00:12:41,870 --> 00:12:43,840
Bizim daire sadece dışarı genişletilmiş var.

239
00:12:43,840 --> 00:12:46,730
Bizim değer üçe edildi.

240
00:12:46,730 --> 00:12:51,010
>> Daire, gerçekten kenarında olduğunu
bu yüzden belki biraz bunu telafi edelim.

241
00:12:51,010 --> 00:12:53,632
En 20 ile, diyelim.

242
00:12:53,632 --> 00:12:56,070
Hadi bakalım.

243
00:12:56,070 --> 00:12:57,590
>> Bu veri görselleştirme.

244
00:12:57,590 --> 00:13:01,767
Bu çok temel bir biri, ama bu
bize veri içine biraz fikir verir.

245
00:13:01,767 --> 00:13:04,600
Bu bize, bu örneğin, biz
elementlerin küçük bir küme var.

246
00:13:04,600 --> 00:13:06,340
Ve biz burada büyük bir aykırı değer var.

247
00:13:06,340 --> 00:13:10,830
Bu bize biraz bilgi verir
dağılımı hakkında.

248
00:13:10,830 --> 00:13:20,830
>> Biz durumunda, örneğin, değiştirme
Burada 150 ve yenileme veri,

249
00:13:20,830 --> 00:13:22,630
Bizim görselleştirme değiştirilir.

250
00:13:22,630 --> 00:13:24,285
Bu belge verileri tahrik.

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

252
00:13:32,640 --> 00:13:36,180
>> Yani tabii, bütün bu unsurlar,
Burada tüm bu özellikler,

253
00:13:36,180 --> 00:13:38,430
Biz bir işlev değil kullanabilirsiniz
Sadece sayılar, sadece

254
00:13:38,430 --> 00:13:39,900
x ve y pozisyonlar.

255
00:13:39,900 --> 00:13:42,120
Bu yüzden renk için bir işlevi kullanabilirsiniz.

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

257
00:13:45,260 --> 00:13:46,360
Yani biz de aynısını yapacağım.

258
00:13:46,360 --> 00:13:49,360
Biz bunu bir işlev vereceğiz.

259
00:13:49,360 --> 00:13:52,320
>> Ve biz olabilir, diyelim
Bizim fonksiyonu koşul.

260
00:13:52,320 --> 00:13:54,770
Bu işlev olabilir
Uzun çizgiler yüz.

261
00:13:54,770 --> 00:13:57,150
Çok, çok karmaşık şeyler yapabilirsiniz.

262
00:13:57,150 --> 00:13:59,080
>> Yani burada bir if deyimi koyalım.

263
00:13:59,080 --> 00:14:03,420
Bizim veri az ise, diyelim
50'den, bazı eşik var

264
00:14:03,420 --> 00:14:05,817
biz ilgi olduğunu
Herhangi bir nedenle de.

265
00:14:05,817 --> 00:14:06,650
En yeşil yapalım.

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

267
00:14:09,830 --> 00:14:15,320
Aksi takdirde, en kırmızı yapalım.

268
00:14:15,320 --> 00:14:16,110
Bu nasıl?

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

270
00:14:19,630 --> 00:14:21,220
Güzel.

271
00:14:21,220 --> 00:14:24,860
>> Yani bizim veri görselleştirme başlıyor
daha ilginç bilgileri iletmek için

272
00:14:24,860 --> 00:14:26,727
Birçok kanallarda.

273
00:14:26,727 --> 00:14:28,560
Yani şimdi biz biraz biliyorum
dağılımı hakkında.

274
00:14:28,560 --> 00:14:31,768
Ve biz bir çeşit olduğunu biliyoruz
biz ilgileniyoruz, 50 kesiliyor.

275
00:14:31,768 --> 00:14:35,630
Biz iki veri noktaları olduğunu biliyoruz
çoğu bu eşiğin altında ve

276
00:14:35,630 --> 00:14:36,130
Yukarıdaki.

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

278
00:14:41,510 --> 00:14:46,160
>> Son adım olarak Yani, burada bu veriler,
böyle bu görmek çok nadirdir.

279
00:14:46,160 --> 00:14:52,610
Yani sadece bir değişkene dışarı geçelim
bu gibi temiz çünkü.

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

281
00:15:02,980 --> 00:15:05,197
Ve sonra biz burada bu değişkeni kullanın.

282
00:15:05,197 --> 00:15:06,280
Bu aynı şey.

283
00:15:06,280 --> 00:15:07,280
Sadece biraz temiz olduğunu.

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

285
00:15:25,300 --> 00:15:35,300
>> Sonraki kadar, Act III, Scales--
Yani bir sorun sağ

286
00:15:35,300 --> 00:15:38,920
Biz değiştirirseniz burada olduğunu bizim
Bu 200 value-- veri

287
00:15:38,920 --> 00:15:41,685
Biz 400 değiştirirseniz
ya da bir şey ve yenileme,

288
00:15:41,685 --> 00:15:44,540
Daha sonra bu değer sadece offscreen gitti.

289
00:15:44,540 --> 00:15:49,040
Burada bizim mantık Yani
nasıl yaptığımız zamanlar 3

290
00:15:49,040 --> 00:15:52,570
ve 20, sonra dışarı yaymak ve
Bunun ofset biraz gerçekten aksak.

291
00:15:52,570 --> 00:15:54,150
Bu numaraları >> ne demek?

292
00:15:54,150 --> 00:15:55,400
Onlar sadece sabit orada kodlanmış ediyoruz.

293
00:15:55,400 --> 00:15:58,830
Ve onlar çok verilere bağlı ediyoruz.

294
00:15:58,830 --> 00:16:00,550
Biz bir veri odaklı bir belgeyi istiyorum.

295
00:16:00,550 --> 00:16:05,460
Biz çok esnek bir belge istiyorum,
verilerine ki, ona uyarlar

296
00:16:05,460 --> 00:16:07,900
ve onu temsil eder.

297
00:16:07,900 --> 00:16:11,330
>> Temelde ihtiyacımız Ne olduğunu
sayılar 10 bu dizi var.

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

299
00:16:12,640 --> 00:16:17,630
Ve biz üzerine bu haritaya istiyorum
genişlik, burada tam genişliği.

300
00:16:17,630 --> 00:16:20,620
Yani biz yelpazesi var
0'dan 100'e kadar gidiyor numaralar.

301
00:16:20,620 --> 00:16:24,980
Ve biz bu kampüs I gider var
Bu durumda, 20-700.

302
00:16:24,980 --> 00:16:26,515
>> Biz tür bu haritaya istiyorum.

303
00:16:26,515 --> 00:16:30,002
Biz o büyütmek istiyoruz ve
Sonra onu biraz ofset.

304
00:16:30,002 --> 00:16:33,165
Bu D3 bu olduğunu çıkıyor.

305
00:16:33,165 --> 00:16:34,220
Bir ölçek denir.

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

307
00:16:37,410 --> 00:16:38,250
Yani bunu kullanalım.

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

309
00:16:46,300 --> 00:16:49,670
Ben gidiyorum works-- >> yolu
Bu kadar yazıp anlatmaya.

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

311
00:17:01,530 --> 00:17:02,450
Bu bir ölçektir.

312
00:17:02,450 --> 00:17:08,670
Nedir o yapacak, dışarı haritası olacak
için 20-600 ile 1-200 değerleri.

313
00:17:08,670 --> 00:17:10,990
Bunu kontrol edebilirsiniz.

314
00:17:10,990 --> 00:17:13,329
Biz burada görebilirsiniz.

315
00:17:13,329 --> 00:17:21,704
>> Ben onu beslemek Yani eğer 1-- bir an.

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

317
00:17:47,764 --> 00:17:48,555
Bana bir saniye ver.

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

319
00:17:53,680 --> 00:17:55,080
Ben bunu yanlış yazmış olmalı.

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

321
00:18:15,320 --> 00:18:15,990
Orada gitmek.

322
00:18:15,990 --> 00:18:17,930
Ben bu konuda özür dilerim.

323
00:18:17,930 --> 00:18:22,050
>> Yani ölçek ne yapacağını
, bir değer alacak olan

324
00:18:22,050 --> 00:18:24,930
ve o dönüştürmek,
dışarı genişletmek, bu yüzden

325
00:18:24,930 --> 00:18:27,320
için soruyorsun dizi doldurur.

326
00:18:27,320 --> 00:18:32,910
Bu durumda Yani, biz bir verirseniz,
bu 20 üzerine bu haritaya gidiyor.

327
00:18:32,910 --> 00:18:37,750
Biz 200 verirseniz Ve, bu kadar
600 o haritaya oluyor.

328
00:18:37,750 --> 00:18:40,460
Ve bir yerde arasında,
Biz 100 alırsanız, bu kadar

329
00:18:40,460 --> 00:18:44,610
yere olacak
20 ve 600 arasında.

330
00:18:44,610 --> 00:18:51,480
>> Ve tabii ki, artık bu ne olduğu
Biz bu sabit kodlanmış kaldırmak gerekir

331
00:18:51,480 --> 00:18:53,402
şeyler biz orada var.

332
00:18:53,402 --> 00:18:55,950
Yani biz yapmak istiyoruz ne
Biz konum verileri almak

333
00:18:55,950 --> 00:19:00,950
göz önüne alındığında, bu tek tek veri
eleman, ilk ölçek geçmek.

334
00:19:00,950 --> 00:19:02,635
Yani ölçek o kadar dönüşebilecek.

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

336
00:19:27,020 --> 00:19:48,880
>> Şey-- Ah, burada küçük bir hata var.

337
00:19:48,880 --> 00:19:50,120
Biz eksik verileri ediyoruz.

338
00:19:50,120 --> 00:19:51,290
Orada gitmek.

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

340
00:19:58,550 --> 00:19:59,550
Ve bu onu genişletir.

341
00:19:59,550 --> 00:20:01,383
>> Bu bize aynı verir
Sonuç olarak biz, daha önce vardı

342
00:20:01,383 --> 00:20:04,030
ancak bunun yerine sahip olanlar
Sert kısıtlamaları kodlanmış.

343
00:20:04,030 --> 00:20:07,790
Ve eğer boyutu bizim
Tuval değişikliği, örneğin,

344
00:20:07,790 --> 00:20:11,790
Bu over olmasını istiyorsanız
400 piksel ve dışarı squishes,

345
00:20:11,790 --> 00:20:15,440
biz çakışık olabilir
biz genişletmek, ya da biz yapabilirsiniz

346
00:20:15,440 --> 00:20:21,890
Bu sol marjı azaltabilir
az veya daha fazla 20 şey.

347
00:20:21,890 --> 00:20:25,470
Bu numaralar, bu sabit kodlanmış
sayılar artık bize mantıklı.

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

349
00:20:28,110 --> 00:20:30,520
>> Ve biz çok fazla yapabileceği
de ilginç şeyler.

350
00:20:30,520 --> 00:20:35,990
Bunun yerine bir doğrusal olan
ölçek, bir ölçek oturum isteyebilirsiniz.

351
00:20:35,990 --> 00:20:37,840
Ve bu bize bir günlük ölçeği verecektir.

352
00:20:37,840 --> 00:20:41,269
>> Peki şimdi bizim ölçek, yerine
sadece bu aralığını genişleterek,

353
00:20:41,269 --> 00:20:42,810
daha sofistike şeyler yapıyor.

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

355
00:20:48,790 --> 00:20:53,790
Bunun yerine zor bu dizi sahip
ve bunun yerine 600 sahip kodlu,

356
00:20:53,790 --> 00:20:58,465
biz sadece genişliğini kullanmak isteyebilirsiniz,
böylece genişliği eksi 40 20,

357
00:20:58,465 --> 00:21:02,392
2 kez, diğer tarafta marjı.

358
00:21:02,392 --> 00:21:05,350
Ve bu çok daha mantıklı
koduna bakmak olabilir biri.

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

360
00:21:08,080 --> 00:21:11,850
>> İlginçtir, terazi olsun
Çok, çok sofistike hem de.

361
00:21:11,850 --> 00:21:13,350
Bunlar ilginç bir çok şey yapın.

362
00:21:13,350 --> 00:21:17,620
Yani ölçekler mutlaka yok
Sadece numaraları ile faaliyet.

363
00:21:17,620 --> 00:21:18,955
En bir renk skalası yapalım.

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

365
00:21:23,120 --> 00:21:26,120
>> Yelpazemizi göre-- olabilir Yani
Bizim etki 1-200 olduğunu.

366
00:21:26,120 --> 00:21:28,220
Bu giriş bir şey.

367
00:21:28,220 --> 00:21:33,793
Ama biz eşler isteyebilirsiniz
Örneğin, kırmızı, yeşil.

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

369
00:21:39,710 --> 00:21:42,910
Ve şimdi, biz bunu 1 geçirirseniz,
yeşil almak için gidiyoruz.

370
00:21:42,910 --> 00:21:45,110
Biz 200 verirsek, biz kırmızı alırsınız.

371
00:21:45,110 --> 00:21:49,480
Ve biz arasında o şey geçmesi durumunda,
o bazı karışımı olacak,

372
00:21:49,480 --> 00:21:52,520
yere degrade
yeşil ve kırmızı arasında.

373
00:21:52,520 --> 00:21:55,210
>> Ve yerine sahip
aksak mantığı bu tür

374
00:21:55,210 --> 00:21:58,550
biz burada var
orada koşullu,

375
00:21:58,550 --> 00:22:03,250
Biz şey-- bir olabilir
arasındaki doğrusal ölçek.

376
00:22:03,250 --> 00:22:07,100
Bu yüzden ölçek kullanmak istiyorum sadece
, oluşturulan biz renk denilen hangi.

377
00:22:07,100 --> 00:22:09,060
Ve biz, bu d verirdim hangi
Verilerimiz elemanıdır.

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

379
00:22:14,250 --> 00:22:15,060
Ve oraya gitmek.

380
00:22:15,060 --> 00:22:18,070
Biz bir renk skalası var.

381
00:22:18,070 --> 00:22:18,940
>> Peki bu eşleme.

382
00:22:18,940 --> 00:22:20,960
Şimdiye kadar sol tamamen yeşil.

383
00:22:20,960 --> 00:22:22,560
aşırı sağ tamamen kırmızı.

384
00:22:22,560 --> 00:22:24,828
Ve arasındaki her şeyi
d bir fonksiyonudur.

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

386
00:22:33,369 --> 00:22:35,160
Biz bir ilginç var
Burada görsel.

387
00:22:35,160 --> 00:22:36,952
Ama bizim veri tür sıkıcı oldu.

388
00:22:36,952 --> 00:22:39,410
En biz eğer neler yapabileceğini görelim
daha ilginç veriler vardı.

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

390
00:22:44,420 --> 00:22:50,500
>> Yasası IV, Çalışma
İlk şey verilerinin--

391
00:22:50,500 --> 00:22:53,560
Biz yapmak için yapmak isteyeceksiniz bizim
daha ilginç görselleştirme

392
00:22:53,560 --> 00:22:56,140
başka bir yere veri taşımak için.

393
00:22:56,140 --> 00:22:58,310
Bu sahip çok aksak var
Veri sert burada kodlanmış.

394
00:22:58,310 --> 00:23:01,220
Ve genellikle, biz soran olacak
veri başkası.

395
00:23:01,220 --> 00:23:05,400
Biz belki hükümet isteyeceğiz
Sayım Bürosu, veri ne

396
00:23:05,400 --> 00:23:10,170
ve o komplo ya soran
Bazı veriler için bazı üçüncü taraf varlık

397
00:23:10,170 --> 00:23:13,330
ve daha sonra, bir bina
Bu konuda görselleştirme.

398
00:23:13,330 --> 00:23:17,170
>> Istediğimiz ilk şey yapmak Yani
başka bir yere bu hareket olduğunu.

399
00:23:17,170 --> 00:23:24,130
Yani bir oluşturmak için gidiyorum
Burada adlandırılan Data.JSON dosya.

400
00:23:24,130 --> 00:23:25,600
JSON veri biçimidir.

401
00:23:25,600 --> 00:23:29,210
Bu konuda çok şey bilmek zorunda değilsiniz.

402
00:23:29,210 --> 00:23:33,210
Ve biz kopyalamak için gidiyoruz
Biz orada var az veri,

403
00:23:33,210 --> 00:23:40,330
Orada birebir yapıştırın, go
geri görselleştirme kodu

404
00:23:40,330 --> 00:23:45,362
Burada, ve burada bu işlevi kullanın.

405
00:23:45,362 --> 00:23:46,820
Siz detayları bilmek zorunda değilsiniz.

406
00:23:46,820 --> 00:23:49,800
Ama ne yapacağız, bir
bu dosyayı bulacaksınız,

407
00:23:49,800 --> 00:23:51,780
Onu getir, ve bize geri.

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

409
00:24:11,660 --> 00:24:15,220
Peki bu ne gidiyor, bir
ve Data.JSON dosyasını almak.

410
00:24:15,220 --> 00:24:18,570
Ve sonra tüm kodu olduğunu
esasen inside-- girintili,

411
00:24:18,570 --> 00:24:21,800
tüm kod, biz orada-- olacak var
biz geri veri almak yalnızca çalışır.

412
00:24:21,800 --> 00:24:25,760
Ve sonra o çalıştırmak için gidiyor
Elimizdeki verilerle kodu.

413
00:24:25,760 --> 00:24:28,870
Büyük, biz bir
sorgular görselleştirme

414
00:24:28,870 --> 00:24:31,390
Bazı kod için bir yerde
Başka hangi genellikle

415
00:24:31,390 --> 00:24:36,110
nereden bazı verileri sorgular
Başka bir yerde, genellikle hangi

416
00:24:36,110 --> 00:24:38,656
görsel nasıl.

417
00:24:38,656 --> 00:24:41,400
>> Ama verilere geri dönmek istiyorum.

418
00:24:41,400 --> 00:24:48,030
D3-- D3 temelde Yani veri
şeylerin bir listesi verileri tüketir.

419
00:24:48,030 --> 00:24:53,000
D3 veriler sadece bir liste bekliyor
şeyler, şeylerin bir dizi.

420
00:24:53,000 --> 00:24:58,780
Bu ne böyle şeyler önemli değil
çok uzun bunlardan bir dizi olduğu gibi, vardır.

421
00:24:58,780 --> 00:25:02,460
>> Yani burada, örneğin, biz olabilir
Tabii nokta değerleri kayan var.

422
00:25:02,460 --> 00:25:04,830
Biz negatifleri olabilir.

423
00:25:04,830 --> 00:25:09,400
D3 çok uzun, umursamıyor
şeylerin bir listesi olarak.

424
00:25:09,400 --> 00:25:13,270
>> Olarak ilginç şeyler biz
olabilir, biz de olabilir

425
00:25:13,270 --> 00:25:19,410
Böyle dizeleri bir listesi var.

426
00:25:19,410 --> 00:25:25,440
Peki bu Crimson başlıkları vardır
Ben bir kaç gün önce aldım.

427
00:25:25,440 --> 00:25:29,220
Ve belki bazı ilginç bulabilirsiniz
Bu bir manşetlere ilgili şeyler.

428
00:25:29,220 --> 00:25:30,970
>> Yani yine, bu şeylerin bir listesi.

429
00:25:30,970 --> 00:25:32,360
D3 umursamıyor.

430
00:25:32,360 --> 00:25:35,572
Bunlar bir dize olur.

431
00:25:35,572 --> 00:25:36,530
Biz bizim veri değiştirdik.

432
00:25:36,530 --> 00:25:38,210
>> En Bizim görselleştirme dönelim.

433
00:25:38,210 --> 00:25:42,495
Şimdi, bizim görselleştirme bekliyor
Giriş sayıları olmak.

434
00:25:42,495 --> 00:25:44,370
Yani biz gidiyoruz
Birkaç değişiklik yapmak için.

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

436
00:25:47,180 --> 00:25:52,180
Yani, örneğin, her şeyden önce, belki de
biz birlikte bu çevrelerin koymak istiyorum

437
00:25:52,180 --> 00:25:56,870
başlık uzunluğu,
başlık karakter sayısı.

438
00:25:56,870 --> 00:26:03,600
>> Her zaman o-- yapacağız Peki bizim
işlevi bir dize ile çağrılır,

439
00:26:03,600 --> 00:26:09,095
biz uzunluğu olduğunu göreceksiniz Ve
Daha sonra ölçek bu geçmek.

440
00:26:09,095 --> 00:26:11,550
renk, ben dönersiniz
Çelik mavi söyledi.

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

442
00:26:19,060 --> 00:26:20,420
Ve oraya gitmek.

443
00:26:20,420 --> 00:26:23,190
Biz bir görselleştirme var
Crimson başlıkları.

444
00:26:23,190 --> 00:26:25,500
>> Bizim ölçek biraz kapalı.

445
00:26:25,500 --> 00:26:29,680
En uzun varsayalım
başlık, 100 karakterden uzun

446
00:26:29,680 --> 00:26:32,244
yani biraz dışarı yayılan.

447
00:26:32,244 --> 00:26:33,410
Ve biz bir görselleştirme var.

448
00:26:33,410 --> 00:26:36,710
Bu yüzden çoğu manşetleri görünüyor
birbirine oldukça yakın,

449
00:26:36,710 --> 00:26:38,750
karakter çizgisi açısından.

450
00:26:38,750 --> 00:26:41,200
Ama orada bir gerçekten sıyrılıyor.

451
00:26:41,200 --> 00:26:46,660
>> Biz bazı araçları inşa edebileceğini
daha o keşfetmek için.

452
00:26:46,660 --> 00:26:50,710
Ben bu konuda çalışırken Ama oldu
meraklı olsun, bu veri setinde,

453
00:26:50,710 --> 00:26:53,880
Bir nokta üst üste ile başlıkları
onları daha uzun olacaktır.

454
00:26:53,880 --> 00:26:55,770
Ben onlar olur varsayar.

455
00:26:55,770 --> 00:26:56,660
>> Yani bulalım.

456
00:26:56,660 --> 00:27:00,650
Rengini kullanmak edelim
Kanal biz daha önce yaptığımız gibi

457
00:27:00,650 --> 00:27:04,540
olup olmadığı hakkında bir kodlamak
Bir kolon veya yok.

458
00:27:04,540 --> 00:27:07,220
Yani biz yine bir koşullu kullanacağız.

459
00:27:07,220 --> 00:27:09,350
Sen bilmek zorunda değilsiniz
Bu bilgilerini

460
00:27:09,350 --> 00:27:14,260
ama bu bir kontrol nasıl
Belirli bir karakter dizesi

461
00:27:14,260 --> 00:27:16,355
JavaScript, yine ilgili değil.

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

463
00:27:18,910 --> 00:27:23,270
>> Ama biz bulmak yoksa bir
kolon, yeşil dönersiniz.

464
00:27:23,270 --> 00:27:26,100
Ve eğer bunu yaparsak, biz kırmızı dönersiniz.

465
00:27:26,100 --> 00:27:29,010
Yani yine, bu başlıkları
Bir kolon kırmızı olacaktır oylandı.

466
00:27:29,010 --> 00:27:34,980
Bu, bu güzel means-- budur.

467
00:27:34,980 --> 00:27:38,040
>> Peki o görünüyor benim
hipotez çarptı edilir.

468
00:27:38,040 --> 00:27:39,360
Sadece iki var.

469
00:27:39,360 --> 00:27:42,380
Biz sadece altı veri noktaları var
ve sadece iki nokta üst üste vardı.

470
00:27:42,380 --> 00:27:45,510
Ama biraz daha görünüyor
alt ucunda, aslında.

471
00:27:45,510 --> 00:27:47,830
Kolonlarla Başlıkları görünüyor
genellikle daha kısa olduğu,

472
00:27:47,830 --> 00:27:52,370
Bizim verilerimize en az ilginç set--.

473
00:27:52,370 --> 00:27:55,830
>> En bu dönelim
çelik mavisi ve sonra bakın

474
00:27:55,830 --> 00:28:00,601
biz bile yapabileceğiniz ne
daha ilginç veriler.

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

476
00:28:04,370 --> 00:28:09,070
Yani yine, ben o sözü
D3 veri şeylerin bir listesini.

477
00:28:09,070 --> 00:28:11,080
Biz birçok türde numaraları gördüm.

478
00:28:11,080 --> 00:28:12,810
Biz dizeleri gördüm.

479
00:28:12,810 --> 00:28:15,700
Ancak işler de nesneler olabilir.

480
00:28:15,700 --> 00:28:20,080
>> Onlar şeyler karmaşık olabilir
Bu bir çok şey vardır.

481
00:28:20,080 --> 00:28:24,510
Daha açık söylemek için,
çoğu durumda, biz

482
00:28:24,510 --> 00:28:28,384
gibi her veri noktasını inşa etmek istiyor
daha adil bir değerden daha karmaşık.

483
00:28:28,384 --> 00:28:30,175
Bir hayal ederseniz
Öğrenciler hakkında veritabanı,

484
00:28:30,175 --> 00:28:32,470
Bir öğrenci olabilir
isim, öğrenci kimliği,

485
00:28:32,470 --> 00:28:36,370
ve bir çok şey ilişkili
Belirli bir kayıt ile,

486
00:28:36,370 --> 00:28:39,834
sadece bir dize veya bir sayı.

487
00:28:39,834 --> 00:28:40,750
Yani o bakalım.

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

489
00:28:55,180 --> 00:28:56,760
>> Bu böyle bir veri kümesidir.

490
00:28:56,760 --> 00:28:59,090
Bu depremler hakkında ayarlanmış bir veridir.

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

492
00:29:01,910 --> 00:29:08,430
Bizim liste veya dizi burada her şey Yani
şeyler çok şey kendisini içerir.

493
00:29:08,430 --> 00:29:11,380
Yani her veri noktası olan bir
büyüklüğü ve koordinat.

494
00:29:11,380 --> 00:29:13,425
Ve kendilerini koordinatları
iki şey içerir.

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

496
00:29:15,960 --> 00:29:20,450
>> Yani her gün artık çok daha fazla olduğunu
karmaşık ve çok daha ilginç

497
00:29:20,450 --> 00:29:22,700
ve çok daha fazlasını içerir
ilginç bilgiler.

498
00:29:22,700 --> 00:29:26,730
En biz dışarı inşa edebileceğini görelim.

499
00:29:26,730 --> 00:29:36,130
Yine, buraya dönersek kullanarak
Bizim Histogram daire görselleştirme

500
00:29:36,130 --> 00:29:42,110
Biz inşa ettik, biz inşa edebilirsiniz bakalım
büyüklük dağılımının görselleştirme

501
00:29:42,110 --> 00:29:43,305
Bizim veri kümesi.

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

503
00:29:45,850 --> 00:29:48,660
>> Yani burada, aynı kavram.

504
00:29:48,660 --> 00:29:51,920
Ama şimdi d daha fazla şeyler içeriyor.

505
00:29:51,920 --> 00:29:54,780
d birçok veri öğelerini içeriyor.

506
00:29:54,780 --> 00:29:57,946
Bu yüzden geri d olsun.

507
00:29:57,946 --> 00:29:59,670
D3 bize d veriyor.

508
00:29:59,670 --> 00:30:06,080
Ve biz büyüklüğünü bularak cevap
d ve sonra ölçeğine bu geçen.

509
00:30:06,080 --> 00:30:08,490
>> Ve sonra değiştirmek gerekir
Bizim ölçek, tabii.

510
00:30:08,490 --> 00:30:12,980
Büyüklükleri, sadece yok Yani
çok fazla 10 gidin.

511
00:30:12,980 --> 00:30:15,485
Aslında, orada olmamıştı
10 büyüklüğünde deprem.

512
00:30:15,485 --> 00:30:19,360
Ama bu bizim üst tür
sonunda, bizim üst spektrum.

513
00:30:19,360 --> 00:30:20,240
>> En tazeleyelim.

514
00:30:20,240 --> 00:30:22,990
Güzel, bir görselleştirme var.

515
00:30:22,990 --> 00:30:25,490
Öyle note-- ilginç
Bu iki veri noktasının olduğu

516
00:30:25,490 --> 00:30:29,010
neredeyse tam her üstüne olan
Diğer, büyüklük açısından.

517
00:30:29,010 --> 00:30:31,350
Biz kullanıyorsanız donukluk bu bkz.

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

519
00:30:40,810 --> 00:30:42,690
>> Şimdi coğrafi veri var.

520
00:30:42,690 --> 00:30:44,710
Biz enlemleri ve boylam var.

521
00:30:44,710 --> 00:30:47,549
Belki bir şey a yapabiliriz
çok o daha ilginç.

522
00:30:47,549 --> 00:30:49,590
Biraz daha bulalım
görselleştirmek için ilginç bir yol

523
00:30:49,590 --> 00:30:53,500
bu daha karmaşık
veri biz erişebilirsiniz.

524
00:30:53,500 --> 00:31:04,950
>> Yasası V, Mapping-- temelde,
biz bir harita üzerinde bu koymak istiyorum.

525
00:31:04,950 --> 00:31:07,690
Ben bu nereye gittiğini bu demek.

526
00:31:07,690 --> 00:31:13,130
Biz ilgili bilgi kodlamak istiyorum
Bu deprem okumaların pozisyonu,

527
00:31:13,130 --> 00:31:16,350
yanı sıra kendi büyüklüğü,
şimdi o var çünkü.

528
00:31:16,350 --> 00:31:21,310
Biz tüketmek anlamak
daha karmaşık veri.

529
00:31:21,310 --> 00:31:26,200
>> Biz yapacağız ilk şey
bir harita, bir arka plan haritası oluşturabilirsiniz.

530
00:31:26,200 --> 00:31:29,360
Ben geçmesi için gidiyorum
Bu çok hızlı.

531
00:31:29,360 --> 00:31:30,560
Bu zor kodudur.

532
00:31:30,560 --> 00:31:33,110
Bu o başka biri
yemek tarifleri gerçekten yok

533
00:31:33,110 --> 00:31:35,690
Kullanmak için tam olarak anlamak zorundayız.

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

535
00:31:38,510 --> 00:31:39,740
Ama bu kodu.

536
00:31:39,740 --> 00:31:43,580
Bu kod burada bir harita oluşturur.

537
00:31:43,580 --> 00:31:45,730
>> Ayrıntılı olarak gidecek değiliz.

538
00:31:45,730 --> 00:31:54,210
Ama yüzeysel, ne yaptığını, bir
Bu us.json dosyası, hangi sorguların

539
00:31:54,210 --> 00:31:57,150
Bir veri dosyası gibi
Daha önce vardı bir tane.

540
00:31:57,150 --> 00:31:59,150
Elbette, daha karmaşık olduğunu.

541
00:31:59,150 --> 00:32:02,920
Ancak bu durumda, her şeyi,
Her veri noktası bu devlet

542
00:32:02,920 --> 00:32:05,420
ve bir listesi vardır
enlemler ve boylam

543
00:32:05,420 --> 00:32:10,500
Bu çokgen tanımlamak,
Bu formu, devlet.

544
00:32:10,500 --> 00:32:13,280
>> Peki D3 ne yapacak benzer
Daha önce yaptığımız ne.

545
00:32:13,280 --> 00:32:18,140
Bu talep edecek ve
bir elemanın bu bağlanır.

546
00:32:18,140 --> 00:32:20,890
Ve bir işlev var ki
Bu eleman haritasını olacak,

547
00:32:20,890 --> 00:32:23,410
enlem ve boylam dayalı.

548
00:32:23,410 --> 00:32:24,580
Sen bu konuda daha fazla bilgi edinebilirsiniz.

549
00:32:24,580 --> 00:32:27,385
Ve ben bunu tavsiye ederiz.

550
00:32:27,385 --> 00:32:30,090
>> En bağlantılar vardır
Bu kodun sonuna yayınlanmıştır.

551
00:32:30,090 --> 00:32:31,570
Ve kod yorumladı edilir.

552
00:32:31,570 --> 00:32:34,050
Bu konuda daha fazla için bağlantılar vardır.

553
00:32:34,050 --> 00:32:36,590
Bunu bakmak öneririz.

554
00:32:36,590 --> 00:32:39,460
Ama biz ne hakkında olduğunu bakım
Bu projeksiyon işlevi.

555
00:32:39,460 --> 00:32:41,210
Ben gitmek istiyorum.

556
00:32:41,210 --> 00:32:43,522
>> Öncelikle, göstermeme izin ver
Bunu, evet, biz bir harita var.

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

558
00:32:47,300 --> 00:32:49,970
Haritalar serin.

559
00:32:49,970 --> 00:32:52,330
Yani bu bakalım
üretim fonksiyonu.

560
00:32:52,330 --> 00:32:56,481
>> Projeksiyon çok olduğunu
Bir ölçek gibi, yine ölçekler.

561
00:32:56,481 --> 00:32:59,210
Peki üretim için
Bu projeksiyon işlevi

562
00:32:59,210 --> 00:33:06,610
, biz boylam geçebileceği does
ve bu durumda latitudes--,

563
00:33:06,610 --> 00:33:09,590
Burada bu değerler
Binanın enlem-boylam

564
00:33:09,590 --> 00:33:13,990
Biz sağ oturuyorsun
şimdi-- projeksiyonuna.

565
00:33:13,990 --> 00:33:20,560
Ve projeksiyon dönüştürme
x ve y piksel değerleri içine.

566
00:33:20,560 --> 00:33:23,300
>> Peki projeksiyon yapıyor
cetvelimize çok benzer.

567
00:33:23,300 --> 00:33:27,270
Bizim enlemleri alıyor ve
bütün dünya temsil boylam

568
00:33:27,270 --> 00:33:31,390
ve daralma ve boyutlandırma
İstediğimiz meydanın aşağı,

569
00:33:31,390 --> 00:33:33,510
biz bunu verdik ki.

570
00:33:33,510 --> 00:33:35,220
Bu durumda, konum
Bu değerleri geçen.

571
00:33:35,220 --> 00:33:41,370
Ve o, iyi, bize veriyor
Ekranda 640 piksel anlamına gelir.

572
00:33:41,370 --> 00:33:46,250
Bu, tüm ekran 700 piksel
Geniş, burada bize yapar yani,

573
00:33:46,250 --> 00:33:53,310
Aşağı ve 154 piksel, yapardım
tahmini hemen hemen burada.

574
00:33:53,310 --> 00:33:57,250
>> Peki bu lat-uzun ürünler alarak hangi
Bütün dünya üzerinde bir şey temsil

575
00:33:57,250 --> 00:34:02,850
ve squishing ve etrafında hareket
Bize x ve y piksel değerlerini vermek için,

576
00:34:02,850 --> 00:34:05,450
Bu var ilk şey
Bu eşleştirme kodu yapılır.

577
00:34:05,450 --> 00:34:07,920
Ve daha sonra geri kalanı
kodu verileri tüketir

578
00:34:07,920 --> 00:34:14,310
ve sonra bu lat-uzun mamul harita
Ekranda bir şey üzerine.

579
00:34:14,310 --> 00:34:18,380
>> Ama biz bu projeksiyon kullanmak için gidiyoruz
fonksiyonlar, çıkıyor, çünkü

580
00:34:18,380 --> 00:34:20,270
biz de enlem-boylam uzun ürünler var.

581
00:34:20,270 --> 00:34:24,509
Bizim verilere baktığımızda, biz var
enlemler ve boylam koordinatları

582
00:34:24,509 --> 00:34:25,425
Her gözlem için.

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

584
00:34:28,131 --> 00:34:29,130
Yani projeksiyon kullanalım.

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

586
00:34:33,250 --> 00:34:37,639
>> Yani bizim fuar bakarak,
bizim exposition-- istiyoruz

587
00:34:37,639 --> 00:34:39,590
Biz enlem ve boylamını bir var.

588
00:34:39,590 --> 00:34:40,770
Ama biz piksel değerlerini istiyoruz.

589
00:34:40,770 --> 00:34:43,510
Ve çıkıyor, biz tam olarak var
ne projeksiyon want--.

590
00:34:43,510 --> 00:34:46,239
Biz çok gibi
Burada ölçek kullanılarak,

591
00:34:46,239 --> 00:34:52,075
şimdi projeksiyon kullanmak için gidiyoruz
ve koordinatları geçmektedir.

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

593
00:34:55,241 --> 00:34:56,949
İlk şey Yani
biz konum böylece doing-- konum

594
00:34:56,949 --> 00:35:01,520
bireysel veri alma d
bağımsız bir deprem elemanı

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

596
00:35:02,370 --> 00:35:04,640
Yaptığımız ilk şey
Koordinatları olsun.

597
00:35:04,640 --> 00:35:06,150
Pekala, biz koordinatları var.

598
00:35:06,150 --> 00:35:09,160
>> Yaptığımız ikinci şey
projeksiyon o geçmek.

599
00:35:09,160 --> 00:35:13,440
Projeksiyon bu koordinatları dönüştürür
piksel değerleri, x ve y içine.

600
00:35:13,440 --> 00:35:16,680
Ve ardından son şey
sadece x olsun yapmak istiyorum,

601
00:35:16,680 --> 00:35:19,342
bu bu durumda ilk biridir.

602
00:35:19,342 --> 00:35:22,050
Bu iki şey ilk değil
Bu projeksiyon tarafından döndürülür.

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

604
00:35:27,840 --> 00:35:29,630
>> Biz y için aynı yapacağız.

605
00:35:29,630 --> 00:35:34,960
Ama bunun yerine, biz dönersiniz
İkinci unsur, y.

606
00:35:34,960 --> 00:35:35,980
Yenilemek için hazır olun.

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

608
00:35:39,830 --> 00:35:46,450
Ooh, ekstra karakter
ötürü-- güzel, biz var

609
00:35:46,450 --> 00:35:51,730
bu veri odaklı bir belge
nesnelerin bu JSON dosyasını gizlemek,

610
00:35:51,730 --> 00:35:57,560
bir harita yapma ve değiştirme
verilerle ilgili öznitelik

611
00:35:57,560 --> 00:35:59,600
Bir harita üzerinde proje.

612
00:35:59,600 --> 00:36:00,840
Bu gerçekten ilginç.

613
00:36:00,840 --> 00:36:03,770
Bu serin.

614
00:36:03,770 --> 00:36:05,640
>> En bir çentik yukarı alalım.

615
00:36:05,640 --> 00:36:08,795
Ben biz iki adet var, demek
Her veri noktası ile bilgi.

616
00:36:08,795 --> 00:36:10,000
Üç, demek.

617
00:36:10,000 --> 00:36:12,540
Biz koordinatlarını var,
olan bir x ve y.

618
00:36:12,540 --> 00:36:15,700
Ve biz büyüklüğünü var.

619
00:36:15,700 --> 00:36:17,420
>> Biz bir şekilde büyüklüğünü kodlamak gerekir.

620
00:36:17,420 --> 00:36:18,920
Biz kanalları bir sürü var.

621
00:36:18,920 --> 00:36:20,370
Biz renk kullanabilirsiniz.

622
00:36:20,370 --> 00:36:21,890
Biz yarıçapı kullanabilirsiniz.

623
00:36:21,890 --> 00:36:23,040
Biz donukluk kullanabilirsiniz.

624
00:36:23,040 --> 00:36:25,540
Biz kod birçok şeyi kullanabilirsiniz.

625
00:36:25,540 --> 00:36:29,180
Bu özellikleri ve birçok Herhangi
, burada listelenen olmadığını daha

626
00:36:29,180 --> 00:36:33,065
onlar isteğe çünkü, biz olabilir
Bu verileri kodlamak için kullanın, inme

627
00:36:33,065 --> 00:36:35,670
ve tüm bunları bahsettiğim ettik.

628
00:36:35,670 --> 00:36:36,690
>> En yarıçapı yapalım.

629
00:36:36,690 --> 00:36:38,830
Ben yarıçapı en kolay olduğunu düşünüyorum.

630
00:36:38,830 --> 00:36:46,210
Yani yine, biz sabit kodlanmış değiştiririz
40 ve bazı hesaplamalar yapmak.

631
00:36:46,210 --> 00:36:48,810
Biz yine bizim favori ölçek kullanacağız.

632
00:36:48,810 --> 00:36:50,290
Ve biz d geçtik.

633
00:36:50,290 --> 00:36:55,850
Biz büyüklüğünü istiyorum çünkü Ama d değil
d. d sadece veri noktasıdır.

634
00:36:55,850 --> 00:36:57,430
Biz büyüklüğü ölçekli geçmek gerekir.

635
00:36:57,430 --> 00:36:58,470
>> Tekrar deneyelim.

636
00:36:58,470 --> 00:37:00,230
Ooh, bu çalışmıyor.

637
00:37:00,230 --> 00:37:02,940
Neden çalışmıyor?

638
00:37:02,940 --> 00:37:04,387
>> Peki ne ölçek hatırlıyorum.

639
00:37:04,387 --> 00:37:05,470
Tekrar ölçekte bakalım.

640
00:37:05,470 --> 00:37:10,800
1'den 10'a kadar Ölçek harita üzerinde
22-600 arasında, daha az ya da.

641
00:37:10,800 --> 00:37:12,030
600 büyük.

642
00:37:12,030 --> 00:37:14,730
Bu alıyoruz nedeni budur.

643
00:37:14,730 --> 00:37:18,420
>> Yani bizim ölçeğini değiştirmek istiyorum
daha makul bir şey.

644
00:37:18,420 --> 00:37:22,610
Biz 0-60 istiyorum, diyelim.

645
00:37:22,610 --> 00:37:25,340
60 büyük, ama 10 deprem
inanılmaz nadirdir.

646
00:37:25,340 --> 00:37:27,880
Aslında, onlar asla ettik.

647
00:37:27,880 --> 00:37:31,830
>> Peki yapacak bu ne, bu alacağım
1-10 gider eden büyüklük

648
00:37:31,830 --> 00:37:34,490
ve bunu genişletmek için haritaya.

649
00:37:34,490 --> 00:37:37,370
Ve 0-60 onu haritaya.

650
00:37:37,370 --> 00:37:38,840
En tazeleyelim.

651
00:37:38,840 --> 00:37:41,850
>> Güzel, biz bir görselleştirme var.

652
00:37:41,850 --> 00:37:42,500
Bu harika.

653
00:37:42,500 --> 00:37:43,736
Bu gerçek verilerdir.

654
00:37:43,736 --> 00:37:46,360
Sen benim küçük oyuncak, fark edeceksiniz
örneğin, büyük bir deprem

655
00:37:46,360 --> 00:37:49,417
bize doğru üstünde olduğunu.

656
00:37:49,417 --> 00:37:50,000
Ama o kadar.

657
00:37:50,000 --> 00:37:54,422
Biz bir tarih tahrik görselleştirme var
verileri tüketir

658
00:37:54,422 --> 00:37:56,255
ve gerçekten bize verir
ilginç bilgiler.

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

660
00:38:02,600 --> 00:38:06,420
Evet, biraz ekleyelim
buna etkileşim.

661
00:38:06,420 --> 00:38:08,675
Ben o olduğunu belirtmiş
D3 güçlü kuvveti.

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

663
00:38:11,490 --> 00:38:15,060
>> Yani burada her eleman için, biz konum
niteliklerin bir demet anlatan.

664
00:38:15,060 --> 00:38:20,230
Ama biz de istediğimiz tanımlayabiliriz
etkileşim unsurları ile gerçekleşmesi.

665
00:38:20,230 --> 00:38:26,190
Örneğin, biz anlatabilir misiniz
ne zaman biz fare üzerinde olur.

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

667
00:38:28,740 --> 00:38:33,640
Ve çok benzer,
bir işlev götüreceğiz,

668
00:38:33,640 --> 00:38:36,700
çok benzer
Biz daha önce vardı nitelikleri

669
00:38:36,700 --> 00:38:44,650
Nerede biz bir şey yapmak
biz üzerinde eleman getirdiğinizde.

670
00:38:44,650 --> 00:38:47,100
>> Yani ilk şey gerekiyor
Bu öğeyi seçin yapmak,

671
00:38:47,100 --> 00:38:49,435
Tarayıcıda, temelde bulmak için.

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

673
00:38:57,090 --> 00:39:00,920
ve sonra ayarlayabilirsiniz
buna bir nitelik.

674
00:39:00,920 --> 00:39:06,870
Biz getirdiğinizde Peki ben burada yapıyorum, bir
bir şey üzerinde, o eleman alırsınız

675
00:39:06,870 --> 00:39:11,197
ve sonra geri opacity
1, tamamen opak.

676
00:39:11,197 --> 00:39:12,488
En benziyor bakalım.

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

678
00:39:29,430 --> 00:39:39,080
>> Biz bir var görünür
Burada ekstra noktalı virgül.

679
00:39:39,080 --> 00:39:42,420
Biz buraya getirdiğinizde Yani, tam olur.

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

681
00:39:46,530 --> 00:39:48,960
Ama şimdi, tabii, o
tam kalır çünkü biz

682
00:39:48,960 --> 00:39:53,240
ne açıklamak zorunda
bizim imleci kaldırın.

683
00:39:53,240 --> 00:39:59,990
Yani bu tam olarak yapalım
mouseout, mouseover karşı.

684
00:39:59,990 --> 00:40:06,399
>> Ve biz bunu sıfırlamak gerekir
ne 0.5 before-- vardı.

685
00:40:06,399 --> 00:40:10,260
Ve şimdi, her zaman biz
hover, biz tam daire almak.

686
00:40:10,260 --> 00:40:13,468
Bize ne görmenize yardımcı olur biz
biz aslında seçerek ediyoruz.

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

688
00:40:19,210 --> 00:40:22,860
>> Ve şimdi bu gerçekten harika yapalım.

689
00:40:22,860 --> 00:40:26,210
Gerçek verilere bu bağlantı edelim.

690
00:40:26,210 --> 00:40:30,890
Yani soralım olabilir
USGS kendi verileri hakkında.

691
00:40:30,890 --> 00:40:35,630
ABD Jeolojik Araştırmalar Yani
deprem hakkında veri vardır.

692
00:40:35,630 --> 00:40:41,460
Onlar yapabilen bir kamu API
JSON biçiminde tüketilmesi.

693
00:40:41,460 --> 00:40:42,548
O yüzden bu yapalım.

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

695
00:40:49,730 --> 00:40:55,900
>> Yani bu kod biraz olduğunu
USGS API bağlanır.

696
00:40:55,900 --> 00:40:57,990
Ve bunun üzerine işleme biraz var.

697
00:40:57,990 --> 00:41:02,200
Bu alakalı değil ama basitleştiren
gibi basit bir veri formatına

698
00:41:02,200 --> 00:41:03,800
Daha önce vardı.

699
00:41:03,800 --> 00:41:08,140
Yani bizim çağrı kurtulmak
dosya üzerinde bizim sahte Data.JSON.

700
00:41:08,140 --> 00:41:13,110
Ve bunun yerine, ben arıyorum
Aslında USGS.

701
00:41:13,110 --> 00:41:16,700
>> En güzel, yenileme olsun.

702
00:41:16,700 --> 00:41:21,260
Bu gerçek, gerçek hayat verileri
deprem için bu hafta.

703
00:41:21,260 --> 00:41:23,217
Bu gerçekten ilginç.

704
00:41:23,217 --> 00:41:25,050
Bu şaşırtıcı değildir
Bizim için, ama vardır

705
00:41:25,050 --> 00:41:27,909
Depremlerin bir sürü
Kaliforniya West Coast.

706
00:41:27,909 --> 00:41:30,950
Ama çok ilginç olduğunu düşündüm
çok deprem olduğunu

707
00:41:30,950 --> 00:41:34,350
Alaska, ve görünüşe göre,
Burada Midwest.

708
00:41:34,350 --> 00:41:37,630
Ben, ilginç demek, ve biz iyiyiz.

709
00:41:37,630 --> 00:41:40,410
Bu sonuç bu.

710
00:41:40,410 --> 00:41:43,760
>> Ama temelde, bu
D3 yapmamızı yardımcı budur.

711
00:41:43,760 --> 00:41:48,030
Bize verileri almaya yardımcı olur, bağlama
DOM elemanları o,

712
00:41:48,030 --> 00:41:51,620
ve bu unsurlar değiştirmek zorunda
datanın bir fonksiyonu olarak,

713
00:41:51,620 --> 00:41:54,780
bu nitelikleri, hepsi var
elementlerin pek çok özellikleri,

714
00:41:54,780 --> 00:41:57,393
Tüm kanallar için yararlı
bilgi iletmek için.

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

716
00:42:05,440 --> 00:42:09,290
>> D3 inanılmaz güçlü
Kütüphane ve şaşırtıcı derecede iyi çalışır.

717
00:42:09,290 --> 00:42:12,260
Bu, bazı güçlü şeyler.

718
00:42:12,260 --> 00:42:15,960
Veri görselleştirme bir
inanılmaz güçlü bir araç

719
00:42:15,960 --> 00:42:21,530
Derin insanlara iletmek için
kendi çekirdek alır anlayışlar

720
00:42:21,530 --> 00:42:25,430
ve onları içinde, anlamak yardımcı olur
Bu derin ve sezgisel bir şekilde,

721
00:42:25,430 --> 00:42:29,760
nasıl veri çalışır ve nasıl
veri hayatımızı değiştirir.

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