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

2
00:00:00,780 --> 00:00:11,880
>> [Гуляе музыка]

3
00:00:11,880 --> 00:00:16,480
>> DAVID Chouinard: Я David
Chouinard, і гэта D3.

4
00:00:16,480 --> 00:00:17,700
Сардэчна запрашаем.

5
00:00:17,700 --> 00:00:21,270
Мы збіраемся, каб даведацца пра D3 сёння.

6
00:00:21,270 --> 00:00:25,020
D3 з'яўляецца асновай JavaScript
для стварэння высокай якасці

7
00:00:25,020 --> 00:00:28,110
інтэрактыўныя візуалізацыі для вэб-сайтаў.

8
00:00:28,110 --> 00:00:30,870
Такія рэчы, як тое, што мы
бачачы ў задняй часткі мяне,

9
00:00:30,870 --> 00:00:34,230
мы збіраемся навучыцца рабіць тыя,
рэчы, накшталт асновах яго.

10
00:00:34,230 --> 00:00:36,452
Але гэта будзе выдатна.

11
00:00:36,452 --> 00:00:38,160
Давайце пачнем
робіць прыгожыя фатаграфіі.

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

13
00:00:41,108 --> 00:00:44,350
У нас ёсць некалькі дэма
перспектыў даступныя.

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

15
00:00:48,040 --> 00:00:50,760
Давай зробім гэта.

16
00:00:50,760 --> 00:00:58,700
>> Акт I, DOM manipulation-- мы збіраемся
пачаць прама цяпер робіць цікавыя рэчы.

17
00:00:58,700 --> 00:01:01,240
Перш за ўсё, на левай баку, мы маем код.

18
00:01:01,240 --> 00:01:03,470
Справа, у нас ёсць
Вынік нашага кода.

19
00:01:03,470 --> 00:01:04,900
Давайце праз яго.

20
00:01:04,900 --> 00:01:05,780
>> Давайце зробім круг.

21
00:01:05,780 --> 00:01:08,570
Як гэта гучыць?

22
00:01:08,570 --> 00:01:14,934
svg.append circle--
Мы проста зрабілі круг.

23
00:01:14,934 --> 00:01:16,100
Вы мне не верыце, ці не так?

24
00:01:16,100 --> 00:01:18,190
Гэта не там.

25
00:01:18,190 --> 00:01:21,830
>> Такім чынам, што мы зрабілі тут ёсць,
SVG з'яўляецца маштабуецца вектарнай графікі.

26
00:01:21,830 --> 00:01:27,530
Гэта, як мы кажам браўзэру, каб
зрабіць вектарную графіку ў браўзэры.

27
00:01:27,530 --> 00:01:30,740
Тое, што мы толькі што зрабілі зараз
дадаецца круг, каб прагледзець.

28
00:01:30,740 --> 00:01:34,790
>> Абяцанне, што кола
патрабуецца трохі асноўных атрыбутаў

29
00:01:34,790 --> 00:01:36,850
перш чым мы зможам рэальна ўбачыць яго.

30
00:01:36,850 --> 00:01:40,045
Мы павінны сказаць яму, яго пазіцыю X,
яго ў пасаду, радыус.

31
00:01:40,045 --> 00:01:43,310
Мы не сказаць яму нічога з гэтага,
так што мы не бачым яго цяпер.

32
00:01:43,310 --> 00:01:46,210
Але давайце скажам гэта такое.

33
00:01:46,210 --> 00:01:49,510
>> Такім чынам, перш за ўсё, у вас ёсць
каб даць наш круг імя.

34
00:01:49,510 --> 00:01:53,070
Так што давайце называць яго круг.

35
00:01:53,070 --> 00:01:54,406
Наша круг мае імя цяпер.

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

37
00:01:57,230 --> 00:01:59,490
І давай некалькі атрыбутаў.

38
00:01:59,490 --> 00:02:03,690
Як наконт CX б Цэнтр X, так
цэнтр х становішчы.

39
00:02:03,690 --> 00:02:06,730
Скажам, 200 на 200 пікселяў.

40
00:02:06,730 --> 00:02:10,220
>> Давайце яму ў 200 пікселяў, а таксама.

41
00:02:10,220 --> 00:02:16,032
І г, радыус, каля 40 пікселяў.

42
00:02:16,032 --> 00:02:16,950
Зараз давайце паглядзім.

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

44
00:02:21,740 --> 00:02:23,440
Я не магу запісаць.

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

46
00:02:30,430 --> 00:02:31,520
>> Там вы ідзяце.

47
00:02:31,520 --> 00:02:37,330
У нас ёсць круг у становішчы 200
пікселяў, 200 пікселяў, радыус 40 пікселяў.

48
00:02:37,330 --> 00:02:38,280
Выгляд выдатна, ці не так?

49
00:02:38,280 --> 00:02:38,988
У нас ёсць круг.

50
00:02:38,988 --> 00:02:40,880
Так.

51
00:02:40,880 --> 00:02:42,670
>> Так што не трэба прытрымлівацца ўздоўж.

52
00:02:42,670 --> 00:02:45,790
Усе гэтыя прыклады, усё
Код я раблю сёння

53
00:02:45,790 --> 00:02:51,300
будзе прадастаўлена на сайце ў канцы
ў выглядзе інтэрактыўных прыкладаў

54
00:02:51,300 --> 00:02:54,010
з кантрольна-прапускных пунктаў на
кожны акт, і гэтак далей.

55
00:02:54,010 --> 00:02:55,160
>> Давайце рабіць больш рэчаў.

56
00:02:55,160 --> 00:02:58,901
Гэты чорны круг сапраўды непрыгожа.

57
00:02:58,901 --> 00:03:01,541
Я прашу прабачэння за гэтую памылку
Паведамленні прама там.

58
00:03:01,541 --> 00:03:05,340
Там мы ідзем.

59
00:03:05,340 --> 00:03:06,350
>> Давайце дамо яму колер.

60
00:03:06,350 --> 00:03:07,170
Як гэта?

61
00:03:07,170 --> 00:03:08,340
Мне падабаецца Steel Blue.

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

63
00:03:13,280 --> 00:03:16,030
Ну, наш круг змяніў колер.

64
00:03:16,030 --> 00:03:17,320
Выдатна.

65
00:03:17,320 --> 00:03:31,330
Давайце зробім яго напаўпразрыстым
too-- напаўпразрыстымі.

66
00:03:31,330 --> 00:03:33,670
>> Такім чынам, гэтыя атрыбуты
мы вызначаем па крузе.

67
00:03:33,670 --> 00:03:36,774
Першае, што мы зрабілі,
мы пакласці гурток на старонцы.

68
00:03:36,774 --> 00:03:38,690
А потым мы вызначаем
куча атрыбутаў.

69
00:03:38,690 --> 00:03:41,610
Некаторыя з іх з'яўляюцца абавязковымі,
як CX, CY, і радыус.

70
00:03:41,610 --> 00:03:42,680
А іншыя не з'яўляюцца абавязковымі.

71
00:03:42,680 --> 00:03:44,730
>> Ёсць шмат больш атрыбутаў.

72
00:03:44,730 --> 00:03:46,760
Там вельмі шмат з іх.

73
00:03:46,760 --> 00:03:53,070
Напрыклад, мы маглі б
ходу, таксама, ход чырвоным.

74
00:03:53,070 --> 00:03:55,630
Але давайце прыбярэм гэта.

75
00:03:55,630 --> 00:04:00,450
Мы вярнуліся да акружнасці, сіні круг.

76
00:04:00,450 --> 00:04:01,600
>> Так давайце зробім больш колаў.

77
00:04:01,600 --> 00:04:02,810
Як гэта?

78
00:04:02,810 --> 00:04:04,665
Давайце зробім яшчэ адзін круг.

79
00:04:04,665 --> 00:04:05,985
Гэта цікава, ці не так?

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

81
00:04:09,630 --> 00:04:12,300
>> Так бы мовіць, што я проста скапіяваць ўставілі
тое, што мы ўжо.

82
00:04:12,300 --> 00:04:13,570
Давайце назавем гэта circle2.

83
00:04:13,570 --> 00:04:15,840
І давайце зробім дакладны
Тое ж самае і даць яму

84
00:04:15,840 --> 00:04:20,450
атрыбуты, улічваючы х становішча 300.

85
00:04:20,450 --> 00:04:24,140
Ура, у нас ёсць дзве акружнасці цяпер.

86
00:04:24,140 --> 00:04:27,240
>> І, вядома, мы маглі б
абнавіць гэтыя значэння.

87
00:04:27,240 --> 00:04:31,640
Я мог бы паставіць яго на 400, і цяпер ён рухаецца.

88
00:04:31,640 --> 00:04:35,470
І так як гэта раздражняе, давайце
выдаляць яе, так circle2.remove.

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

90
00:04:39,000 --> 00:04:40,730
Гэта ўжо няма.

91
00:04:40,730 --> 00:04:43,170
>> Такім чынам, што мы робім, і
гэта проста вельмі, very-- гэта

92
00:04:43,170 --> 00:04:46,030
вельмі падобных на тыя,
маглі б зрабіць у JQuery, напрыклад.

93
00:04:46,030 --> 00:04:48,240
Мы проста маніпуляваць
DOM, як гэта называецца.

94
00:04:48,240 --> 00:04:50,040
Вы, напэўна, чулі гэтае слова раней.

95
00:04:50,040 --> 00:04:53,255
Мы ствараем рэчы, ўстаноўка
атрыбуты на рэчы, выдаляючы матэрыял.

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

97
00:04:58,950 --> 00:05:02,360
>> Цяпер, вось, дзе гэта становіцца цікавым.

98
00:05:02,360 --> 00:05:07,250
Так пазней у кодзе, мы маглі б яшчэ
ставяцца да зыходнай акружнасці тут.

99
00:05:07,250 --> 00:05:14,100
Такім чынам, давайце скінуць яго атрыбут сх.

100
00:05:14,100 --> 00:05:18,260
Скажам, яго х становішча 400.

101
00:05:18,260 --> 00:05:22,406
І я збіраюся перайсці
што, дык гэта відавочна.

102
00:05:22,406 --> 00:05:23,360
Там мы ідзем.

103
00:05:23,360 --> 00:05:24,780
>> Таму мы дадалі ў круг.

104
00:05:24,780 --> 00:05:26,440
Мы ўсталёўваем некаторыя атрыбуты.

105
00:05:26,440 --> 00:05:28,210
Мы дадалі яшчэ адзін круг, зняў яе.

106
00:05:28,210 --> 00:05:31,650
А потым мы змены
Арыгінальны круг.

107
00:05:31,650 --> 00:05:35,400
>> Але вось дзе ён атрымлівае
значна цікавей.

108
00:05:35,400 --> 00:05:39,070
Мы не толькі можам ўсталёўваць атрыбуты
як толькі значэння, мы можам казаць,

109
00:05:39,070 --> 00:05:41,610
эй, круг, перайсці ў становішча 200.

110
00:05:41,610 --> 00:05:44,540
Мы таксама можам ўсталяваць іх у якасці функцый.

111
00:05:44,540 --> 00:05:48,850
>> Так замест таго, 400 тут,
мы можам зрабіць некаторыя разлікі

112
00:05:48,850 --> 00:05:53,950
на ляту тое, што мы
хачу, каб атрыбут быць.

113
00:05:53,950 --> 00:05:56,580
Так што гэта, як вы б выказаць гэта.

114
00:05:56,580 --> 00:06:00,660
Мы кажам, што замест таго, каб 400, дазвольце мне
даць вам функцыю замест.

115
00:06:00,660 --> 00:06:04,180
І тут, унутры гэтай функцыі,
мы можам зрабіць любы вар'ят разлік.

116
00:06:04,180 --> 00:06:06,820
>> Мы маглі б марнаваць час і
шукаць у нейкай іншай рэчы

117
00:06:06,820 --> 00:06:11,230
і дынамічна вырашаць
Круг, якое значэнне мы хочам.

118
00:06:11,230 --> 00:06:15,266
Як наконт таго, каб проста даць
гэта выпадковая х пазіцыя?

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

120
00:06:20,360 --> 00:06:21,120
Дык вось, што.

121
00:06:21,120 --> 00:06:25,490
>> Ну і што што кажа, для
кожныя х, запусціць гэтую функцыю.

122
00:06:25,490 --> 00:06:29,340
І тое, што мы робім, разліку
некаторыя рэчы, выпадковае раз шырыня

123
00:06:29,340 --> 00:06:30,410
і вяртанне гэтага.

124
00:06:30,410 --> 00:06:34,765
Такім чынам, кожны раз мы запусцілі, што мы атрымліваем
круг, які ідзе ў выпадковым месцы.

125
00:06:34,765 --> 00:06:36,394
Гэта крута.

126
00:06:36,394 --> 00:06:38,310
Я адчуваю, што я мог глядзець
на гэта для няшмат.

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

128
00:06:44,274 --> 00:06:46,440
Мы пачынаем, каб дабрацца да
нешта цікавае тут.

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

130
00:06:49,120 --> 00:06:51,390
Давайце зробім гэта кіраваныя дадзенымі цяпер.

131
00:06:51,390 --> 00:06:53,420
Там няма ніякіх дадзеных тут.

132
00:06:53,420 --> 00:06:54,482
Давайце зменім гэта.

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

134
00:06:57,440 --> 00:07:12,140
>> Акт II, кіраваныя дадзенымі Documents--
Так давайце вернемся сюды.

135
00:07:12,140 --> 00:07:15,340
І давайце проста пазбавіцца ад circle2,
таму што мы проста даданне і выдаленне

136
00:07:15,340 --> 00:07:15,840
гэта.

137
00:07:15,840 --> 00:07:17,382
Такім чынам, мы сапраўды не трэба.

138
00:07:17,382 --> 00:07:21,421
Мы павінны быць нашмат разумнейшыя тут.

139
00:07:21,421 --> 00:07:23,170
Скажам, у нас ёсць
некаторыя дадзеныя якога-небудзь роду.

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

141
00:07:31,540 --> 00:07:40,020
Адзін moment-- скажам,
мы мелі дадзеныя гэтай формы.

142
00:07:40,020 --> 00:07:41,800
У нас было мноства, проста
куча лічбаў.

143
00:07:41,800 --> 00:07:45,750
У нас ёсць сем лічбаў тут,
якімі б яны represent-- колькасць

144
00:07:45,750 --> 00:07:48,810
на банкаўскі кошт народа, як
колькі яны важаць, бог ведае што.

145
00:07:48,810 --> 00:07:51,310
>> Гэта нумары, і мы
хочаце выкарыстоўваць наша кола

146
00:07:51,310 --> 00:07:53,240
прадстаўляць гэтыя лічбы як-то.

147
00:07:53,240 --> 00:07:55,515
Мы хочам, каб звязаць нам
кругі на гэтыя нумары.

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

149
00:07:58,750 --> 00:07:59,626
Так, што мы робім.

150
00:07:59,626 --> 00:08:01,500
Скажам, мы хочам
круг для кожнага нумара.

151
00:08:01,500 --> 00:08:03,590
Мы маглі б зрабіць стары
што мы былі doing--

152
00:08:03,590 --> 00:08:06,020
Круг дадаваць і circle2 і circle3.

153
00:08:06,020 --> 00:08:10,020
Але гэта выходзіць з пад кантролю, і
ёсць шмат паўтаральных логікі.

154
00:08:10,020 --> 00:08:12,760
>> Такім чынам, давайце больш разумны з гэтым.

155
00:08:12,760 --> 00:08:17,810
Замест выкарыстання VaR круг
svg.append, што мы проста выкарыстоўвалі,

156
00:08:17,810 --> 00:08:21,580
мы збіраемся выкарыстаць
гэта невялікі блок тут.

157
00:08:21,580 --> 00:08:24,510
Я не хачу ісці ў паглыбленае
у тое, што ўсе гэтыя часткі.

158
00:08:24,510 --> 00:08:26,020
І гэта свайго роду складаная тэма.

159
00:08:26,020 --> 00:08:27,830
І я хацеў бы.

160
00:08:27,830 --> 00:08:31,370
>> Але ключавая рэч, каб recognize-- і
вы ўбачыце вельмі часта ў D3 кода.

161
00:08:31,370 --> 00:08:36,840
Гэты блок тэксту Basic
стварае столькі гурткоў

162
00:08:36,840 --> 00:08:41,360
як ёсць элементы дадзеных
у гэтым масіве прама тут.

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

164
00:08:53,420 --> 00:08:55,780
Так што гэта стварае столькі
колах як ёсць элементы.

165
00:08:55,780 --> 00:08:58,520
Гэта будзе ствараць нам сем колаў.

166
00:08:58,520 --> 00:09:01,710
І гэта робіць вельмі, вельмі ключавую рэч.

167
00:09:01,710 --> 00:09:02,460
Так што давайце працаваць гэта.

168
00:09:02,460 --> 00:09:05,460
Давайце здымем нашы іншыя круг.

169
00:09:05,460 --> 00:09:09,565
Давайце проста каментары толькі
расстацца, і запусціць гэта зноў.

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

171
00:09:13,840 --> 00:09:15,260
>> Там мы ідзем.

172
00:09:15,260 --> 00:09:18,030
Такім чынам, наш круг тут
шмат цямней, таму што мы

173
00:09:18,030 --> 00:09:20,720
ёсць сем колаў, адзін
па-над іншым.

174
00:09:20,720 --> 00:09:25,425
Мы толькі што стварылі сем колаў, адзін
кожны для кожнага з гэтых элементаў дадзеных.

175
00:09:25,425 --> 00:09:28,860
Але ёсць ключ, што здарылася
з гэтага фрагмента прама тут.

176
00:09:28,860 --> 00:09:31,030
>> Гэта што дадзеныя звязаныя.

177
00:09:31,030 --> 00:09:33,440
Так кожны з
гэтыя элементы дадзеных,

178
00:09:33,440 --> 00:09:38,830
10, 45, 105, быў звязаны
у прыватнасці акружнасці.

179
00:09:38,830 --> 00:09:40,960
Так яны не толькі стварылі
куча колаў

180
00:09:40,960 --> 00:09:43,420
але звязвае гэтыя дзве рэчы разам.

181
00:09:43,420 --> 00:09:48,740
>> І ў будучыні, таму што мы стварылі
гэтыя колы з дапамогай гэтай функцыі D3,

182
00:09:48,740 --> 00:09:52,430
калі я дам вам круг, вы можаце
дайце мне дадзеныя, звязаныя з ім.

183
00:09:52,430 --> 00:09:53,280
Так мы можам спытаць D3.

184
00:09:53,280 --> 00:09:54,840
Эй, D3, у мяне ёсць гэты круг.

185
00:09:54,840 --> 00:09:57,350
Што дадзеныя, якія мае кола?

186
00:09:57,350 --> 00:10:01,290
І D3 б распавесці нам 10 або 45 або 105.

187
00:10:01,290 --> 00:10:02,380
>> Гэтыя рэчы звязаныя.

188
00:10:02,380 --> 00:10:04,490
Гэта вельмі, вельмі фундаментальнае паняцце.

189
00:10:04,490 --> 00:10:06,070
Давайце паглядзім на гэта.

190
00:10:06,070 --> 00:10:12,210
>> Так як мы б спытаць D3-- так
гэта не мае значэння для гэтага,

191
00:10:12,210 --> 00:10:16,620
але проста паверце мне на гэта.

192
00:10:16,620 --> 00:10:17,620
Гэта, як мы просім D3.

193
00:10:17,620 --> 00:10:21,312
Эй, D3, дайце мне спачатку
круг, які вы можаце знайсці.

194
00:10:21,312 --> 00:10:23,580
Дайце мне першы круг вы можаце знайсці.

195
00:10:23,580 --> 00:10:29,660
І тады мы маглі б спытаць D3, што
дадзеныя аб тым, што, як гэта, 10.

196
00:10:29,660 --> 00:10:33,380
>> Так што мы проста просім D3, знайсці мяне
Першы круг вы можаце знайсці.

197
00:10:33,380 --> 00:10:34,400
Што яго дадзеныя?

198
00:10:34,400 --> 00:10:36,650
10, якія сапраўды наш
Першы элемент дадзеных.

199
00:10:36,650 --> 00:10:42,150
Мы маглі б вы яго, эй, D3,
знайсці нам наш трэці круг.

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

201
00:10:44,450 --> 00:10:45,740
Чаму гэта вельмі важна?

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

203
00:10:49,790 --> 00:10:52,250
>> Так прама тут, я ўжо згадваў
што мы можам выкарыстоўваць функцыі.

204
00:10:52,250 --> 00:10:54,910
І я згадваў, што быў
вельмі моцная рэч.

205
00:10:54,910 --> 00:11:03,070
Так што не толькі можа нашы функцыі рабіць рэчы,
як зрабіць некаторыя вылічэнні, напрыклад,

206
00:11:03,070 --> 00:11:09,170
вяртаць выпадковае лік, гэта можа
таксама зрабіць што-то на аснове дадзеных.

207
00:11:09,170 --> 00:11:11,550
Гэта тое, што азначае, кіраваныя дадзенымі дакументы.

208
00:11:11,550 --> 00:11:13,750
Вось што D3 варта.

209
00:11:13,750 --> 00:11:17,800
>> Так што гэта х postition-- замест
проста сказаць, усе колы,

210
00:11:17,800 --> 00:11:21,735
атрымаць пазіцыю X 200, мы
можа даць яму функцыю.

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

212
00:11:26,140 --> 00:11:30,140
І тут, мы можам зрабіць некаторыя разлікі.

213
00:11:30,140 --> 00:11:33,710
і d тут стаіць на месцы для дадзеных.

214
00:11:33,710 --> 00:11:36,120
Такім чынам, кожны раз, калі мы
Круг, у асноўным,

215
00:11:36,120 --> 00:11:37,750
D3 будзе ствараць гэтыя сем колаў.

216
00:11:37,750 --> 00:11:38,500
І тады для кожнага

217
00:11:38,500 --> 00:11:41,920
>> круг, ён збіраецца ісці, эй,
circle1, што ваш X пазіцыя.

218
00:11:41,920 --> 00:11:45,210
Раней мы былі
заўсёды адказваючы 200.

219
00:11:45,210 --> 00:11:48,630
Але цяпер, кожны раз, D3 пытаецца
нам, што ваша х пазіцыя,

220
00:11:48,630 --> 00:11:51,790
гэта збіраецца даць us-- ў нас ёсць
што кола, так што мы маем дадзенымі.

221
00:11:51,790 --> 00:11:55,290
Гэта збіраецца даць нам дадзеныя і сказаць,
што вы хочаце Экспазіцыя быць,

222
00:11:55,290 --> 00:11:57,120
на аснове гэтых дадзеных.

223
00:11:57,120 --> 00:11:59,590
>> Давайце проста вярнуць фактычныя дадзеныя.

224
00:11:59,590 --> 00:12:04,910
Так што, калі мы запусцім гэта, гэта дае
Дадзеныя кампаніі прывадам дакументаў.

225
00:12:04,910 --> 00:12:08,040
Гэтыя колы аснове
У сувязі position--

226
00:12:08,040 --> 00:12:11,120
яны падстаў, як у залежнасці ад дадзеных.

227
00:12:11,120 --> 00:12:13,100
>> Такім чынам, для першага круга,
D3 ставіць круг.

228
00:12:13,100 --> 00:12:16,770
А потым D3 просіць нас, што рабіць
Вы хочаце Экспазіцыя будзе.

229
00:12:16,770 --> 00:12:19,620
І мы проста кажам, што б дадзеныя.

230
00:12:19,620 --> 00:12:21,185
Зрабіце экспазіцыю 10.

231
00:12:21,185 --> 00:12:26,320
>> Тады ён пытаецца, што вы хочаце
Экспазіцыя будзе на другі круг.

232
00:12:26,320 --> 00:12:27,270
І мы адказваем, 45.

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

234
00:12:30,000 --> 00:12:32,230
І мы, вядома, можа
зрабіць некаторыя вылічэнні тут.

235
00:12:32,230 --> 00:12:35,510
Я лічу, што тыя колы
з'яўляюцца свайго роду сплясканыя да.

236
00:12:35,510 --> 00:12:38,965
>> Так памножыць яго на 3, памножыць дадзеныя па 3.

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

238
00:12:41,870 --> 00:12:43,840
Кола нашых толькі што вырас з.

239
00:12:43,840 --> 00:12:46,730
Ўтрая Наша каштоўнасць.

240
00:12:46,730 --> 00:12:51,010
>> Круг на самай справе на краі,
так што давайце, можа быць, свайго роду кампенсаваць гэта.

241
00:12:51,010 --> 00:12:53,632
Скажам, на 20.

242
00:12:53,632 --> 00:12:56,070
Ну вось.

243
00:12:56,070 --> 00:12:57,590
>> Гэта візуалізацыі дадзеных.

244
00:12:57,590 --> 00:13:01,767
Гэта вельмі асноўная, але гэта
дае нам некаторы ўяўленне аб нашых дадзеных.

245
00:13:01,767 --> 00:13:04,600
Гэта кажа нам пра тое, што, напрыклад, мы
ёсць трохі кластар элементаў.

246
00:13:04,600 --> 00:13:06,340
І ў нас ёсць вялікі выкід тут.

247
00:13:06,340 --> 00:13:10,830
Гэта дае нам некаторую інфармацыю
аб размеркаванні.

248
00:13:10,830 --> 00:13:20,830
>> Калі мы, напрыклад, каб змяніць
дадзеныя да 150 тут і абнаўлення,

249
00:13:20,830 --> 00:13:22,630
наша візуалізацыя змянілася.

250
00:13:22,630 --> 00:13:24,285
Гэты дакумент кіруецца дадзенымі.

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

252
00:13:32,640 --> 00:13:36,180
>> Таму, вядома, усе гэтыя элементы,
усе гэтыя атрыбуты тут,

253
00:13:36,180 --> 00:13:38,430
мы можам выкарыстоўваць функцыю, ня
толькі колькасці, а не толькі

254
00:13:38,430 --> 00:13:39,900
х і ў пазіцыі.

255
00:13:39,900 --> 00:13:42,120
Такім чынам, мы можам выкарыстоўваць функцыю для колеру.

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

257
00:13:45,260 --> 00:13:46,360
Такім чынам, мы будзем рабіць тое ж самае.

258
00:13:46,360 --> 00:13:49,360
Мы дамо яму функцыю.

259
00:13:49,360 --> 00:13:52,320
>> І давайце казаць, што мы маглі б
ўмоўныя аператары ў нашай функцыі.

260
00:13:52,320 --> 00:13:54,770
Гэтая функцыя можа быць
сто радкоў даўжынёй.

261
00:13:54,770 --> 00:13:57,150
Гэта можна зрабіць вельмі, вельмі складаныя рэчы.

262
00:13:57,150 --> 00:13:59,080
>> Так што давайце пакласці, калі заява тут.

263
00:13:59,080 --> 00:14:03,420
Скажам, калі нашы дадзеныя менш
чым 50, гэта некаторы парог

264
00:14:03,420 --> 00:14:05,817
што мы зацікаўлены
у па некаторых прычынах.

265
00:14:05,817 --> 00:14:06,650
Давайце зробім гэта зялёны.

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

267
00:14:09,830 --> 00:14:15,320
У адваротным выпадку, давайце зробім яго чырвоным.

268
00:14:15,320 --> 00:14:16,110
Як гэта?

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
>> Такім чынам, наша візуалізацыя дадзеных, пачынаючы
для забеспячэння больш цікавую інфармацыю

272
00:14:24,860 --> 00:14:26,727
на многіх каналах.

273
00:14:26,727 --> 00:14:28,560
Такім чынам, зараз мы ведаем трохі
аб размеркаванні.

274
00:14:28,560 --> 00:14:31,768
І мы ведаем, што ёсць нейкая
абразаецца на 50, які нам патрэбен ст.

275
00:14:31,768 --> 00:14:35,630
Мы ведаем, што ёсць дзве кропкі дадзеных
ніжэй гэтага парога, і большасць з іх

276
00:14:35,630 --> 00:14:36,130
вышэй.

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

278
00:14:41,510 --> 00:14:46,160
>> Так як апошні крок, гэтыя дадзеныя тут,
гэта вельмі рэдка можна ўбачыць у гэтым родзе.

279
00:14:46,160 --> 00:14:52,610
Так што давайце проста перанесьці яго ў зменную
таму што гэта чысцей, як гэта.

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

281
00:15:02,980 --> 00:15:05,197
І тады мы выкарыстоўваем гэтую зменную тут.

282
00:15:05,197 --> 00:15:06,280
Гэта дакладна такая ж рэч.

283
00:15:06,280 --> 00:15:07,280
Гэта проста трохі чысцей.

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

285
00:15:25,300 --> 00:15:35,300
>> Затым, Акт III, Scales--
Так адна праблема права

286
00:15:35,300 --> 00:15:38,920
тут ёсць, калі мы мяняем
Дадзеныя ў гэтай 200 value--

287
00:15:38,920 --> 00:15:41,685
калі мы зменім яго да 400
або што-то і абнаўлення,

288
00:15:41,685 --> 00:15:44,540
то гэта значэнне проста пайшоў за кадрам.

289
00:15:44,540 --> 00:15:49,040
Такім чынам, наша логіка тут
аб тым, як мы робім раз 3

290
00:15:49,040 --> 00:15:52,570
і 20, каб распаўсюджваць яго, а затым
зрушыць яго крыху сапраўды нязграбным.

291
00:15:52,570 --> 00:15:54,150
>> Што азначаюць гэтыя лічбы?

292
00:15:54,150 --> 00:15:55,400
Яны проста жорстка там.

293
00:15:55,400 --> 00:15:58,830
І яны вельмі прывязаныя да дадзеных.

294
00:15:58,830 --> 00:16:00,550
Мы хочам, каб дадзеныя дакумента прыводзіцца.

295
00:16:00,550 --> 00:16:05,460
Мы хочам, вельмі гнуткі дакумент,
што прыведзеных дадзеных, адаптуецца да яе

296
00:16:05,460 --> 00:16:07,900
і ўяўляе яго.

297
00:16:07,900 --> 00:16:11,330
>> Тое, што мы ў асноўным павінны, мы
ёсць гэты дыяпазон лікаў 10.

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

299
00:16:12,640 --> 00:16:17,630
І мы хочам, каб карты, якія выходзяць на
шырыня, поўная шырыня тут.

300
00:16:17,630 --> 00:16:20,620
Такім чынам, мы маем шэраг
нумары, якія ідуць ад 0 да 100.

301
00:16:20,620 --> 00:16:24,980
І ў нас ёсць гэта кампус я ідзе
ад 20 да 700, у гэтым выпадку.

302
00:16:24,980 --> 00:16:26,515
>> Мы накшталт хочаце адлюстраваць, што.

303
00:16:26,515 --> 00:16:30,002
Мы хочам, каб маштабаваць, што і
то кампенсаваць гэта няшмат.

304
00:16:30,002 --> 00:16:33,165
Аказваецца, што D3 мае гэта.

305
00:16:33,165 --> 00:16:34,220
Гэта называецца маштаб.

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

307
00:16:37,410 --> 00:16:38,250
Так што давайце выкарыстоўваць яго.

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

309
00:16:46,300 --> 00:16:49,670
>> Так, што works-- я збіраюся
тыпу гэта, а затым растлумачыць яго.

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

311
00:17:01,530 --> 00:17:02,450
Гэта маштаб.

312
00:17:02,450 --> 00:17:08,670
Што ён будзе рабіць, яно будзе намеціць
Значэння ад 1 да 200 на 20 да 600.

313
00:17:08,670 --> 00:17:10,990
Мы можам праверыць гэта.

314
00:17:10,990 --> 00:17:13,329
Мы бачым, што тут.

315
00:17:13,329 --> 00:17:21,704
>> Так што, калі я кармлю яго 1-- адзін момант.

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

317
00:17:47,764 --> 00:17:48,555
Дайце мне адну секунду.

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

319
00:17:53,680 --> 00:17:55,080
Павінна быць, я памыліўся пры ўводзе яго.

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

321
00:18:15,320 --> 00:18:15,990
Там вы ідзяце.

322
00:18:15,990 --> 00:18:17,930
Я шкадую пра гэта.

323
00:18:17,930 --> 00:18:22,050
>> Так што маштаб будзе рабіць
ёсць, гэта зойме значэнне

324
00:18:22,050 --> 00:18:24,930
а затым пераўтварыць, што,
пашырыць, што, так што яна

325
00:18:24,930 --> 00:18:27,320
запаўняе ўвесь спектр вы просіце.

326
00:18:27,320 --> 00:18:32,910
Такім чынам, у гэтым выпадку, калі мы даем яму адзін,
гэта будзе карта, якая выходзіць на 20.

327
00:18:32,910 --> 00:18:37,750
І калі мы даем яму 200, гэта
збіраецца на карце, што на 600.

328
00:18:37,750 --> 00:18:40,460
І дзе-то паміж імі,
калі мы атрымаем 100, гэта

329
00:18:40,460 --> 00:18:44,610
будзе дзе-то
ў межах ад 20 да 600.

330
00:18:44,610 --> 00:18:51,480
>> І, вядома, зараз гэта тое, што
мы павінны выдаліць гэтыя жорстка закадаваныя

331
00:18:51,480 --> 00:18:53,402
рэчы, якія мы павінны прама там.

332
00:18:53,402 --> 00:18:55,950
Такім чынам, што мы хочам зрабіць, гэта
ўзяць дадзеныя, якія мы

333
00:18:55,950 --> 00:19:00,950
улічваючы, што асабістыя дадзеныя
элемент, і перадаць яго ў маштабе ў першую чаргу.

334
00:19:00,950 --> 00:19:02,635
Так шкала маштабавання яго.

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

336
00:19:27,020 --> 00:19:48,880
>> Well-- О, у нас ёсць трохі тут памылку.

337
00:19:48,880 --> 00:19:50,120
Мы не хапае звестак.

338
00:19:50,120 --> 00:19:51,290
Там вы ідзяце.

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

340
00:19:58,550 --> 00:19:59,550
І, што пашырае яго.

341
00:19:59,550 --> 00:20:01,383
>> Гэта дае нам жа
Вынік, які мы мелі раней,

342
00:20:01,383 --> 00:20:04,030
але замест таго, тыя,
жорстка абмежаванняў.

343
00:20:04,030 --> 00:20:07,790
І калі памер нашай
змены Палатно, напрыклад,

344
00:20:07,790 --> 00:20:11,790
Калі мы хочам мець гэта зноў
400 пікселяў, і гэта хлюпае ў арэнду,

345
00:20:11,790 --> 00:20:15,440
Мы можам яе мець over--
мы можам пашырыць яго, ці мы

346
00:20:15,440 --> 00:20:21,890
можа паменшыць гэты левую паласу для
то больш або менш 20.

347
00:20:21,890 --> 00:20:25,470
Гэтыя лічбы, гэта жорстка
Нумары зараз сэнс для нас.

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

349
00:20:28,110 --> 00:20:30,520
>> І мы маглі б зрабіць нашмат больш,
цікавыя рэчы.

350
00:20:30,520 --> 00:20:35,990
Такім чынам, замест таго, каб мець лінейную
маштаб, мы маглі б увайсці маштаб.

351
00:20:35,990 --> 00:20:37,840
І гэта дасць нам лагарыфмічнай шкалы.

352
00:20:37,840 --> 00:20:41,269
>> Так што цяпер наша шкала, замест таго,
проста пашыраць, што дыяпазон,

353
00:20:41,269 --> 00:20:42,810
ён робіць больш складаныя рэчы.

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

355
00:20:48,790 --> 00:20:53,790
Замест таго, каб гэты дыяпазон цяжка
кадуецца, і замест таго, што 600,

356
00:20:53,790 --> 00:20:58,465
мы маглі б проста выкарыстоўваць шырыню,
таму з 20 па шырыні мінус 40,

357
00:20:58,465 --> 00:21:02,392
2 разы нацэнка на другім баку.

358
00:21:02,392 --> 00:21:05,350
І гэта робіць нашмат больш сэнсу для
хто-то, хто мог бы зірнуць на код.

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

360
00:21:08,080 --> 00:21:11,850
>> Цікава, што вагі атрымаць
вельмі, вельмі складаны, а таксама.

361
00:21:11,850 --> 00:21:13,350
Яны робяць шмат цікавых рэчаў.

362
00:21:13,350 --> 00:21:17,620
Так шалі не абавязкова
працаваць толькі з лікамі.

363
00:21:17,620 --> 00:21:18,955
Давайце зробім каляровую гаму.

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

365
00:21:23,120 --> 00:21:26,120
>> Такім чынам, наш дыяпазон можа be--
наш дамен 1 да 200.

366
00:21:26,120 --> 00:21:28,220
Гэта ўваход рэч.

367
00:21:28,220 --> 00:21:33,793
Але мы маглі б параўнаць з
зялёнага да чырвонага, напрыклад.

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

369
00:21:39,710 --> 00:21:42,910
І зараз, калі мы праходзім яго 1,
мы збіраемся, каб атрымаць зялёны.

370
00:21:42,910 --> 00:21:45,110
Калі мы дамо яму 200, то мы атрымаем чырвоны колер.

371
00:21:45,110 --> 00:21:49,480
І калі мы перадаць яму што-то паміж імі,
гэта будзе нейкі мікс, што,

372
00:21:49,480 --> 00:21:52,520
дзе-то на градыент
паміж зялёным і чырвоным.

373
00:21:52,520 --> 00:21:55,210
>> І замест таго,
Гэты выгляд нязграбных логікі

374
00:21:55,210 --> 00:21:58,550
мы маем тут з
ўмоўнае права там,

375
00:21:58,550 --> 00:22:03,250
мы маглі б something--
лінейная шкала паміж іх.

376
00:22:03,250 --> 00:22:07,100
Такім чынам, мы б выкарыстоўваць шкалу мы проста
створаны, якую мы назвалі колер.

377
00:22:07,100 --> 00:22:09,060
І мы далі б яна D, які
гэта наша стыхія дадзеных.

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

379
00:22:14,250 --> 00:22:15,060
І там мы ідзем.

380
00:22:15,060 --> 00:22:18,070
У нас ёсць каляровую гаму.

381
00:22:18,070 --> 00:22:18,940
>> Так што гэта адлюстраванне.

382
00:22:18,940 --> 00:22:20,960
Так далёка засталося, гэта цалкам зялёным.

383
00:22:20,960 --> 00:22:22,560
Правага краю цалкам чырвоным.

384
00:22:22,560 --> 00:22:24,828
І ўсё паміж імі
з'яўляецца функцыяй D.

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

386
00:22:33,369 --> 00:22:35,160
У нас ёсць цікавае
візуалізацыі тут.

387
00:22:35,160 --> 00:22:36,952
Але нашы дадзеныя былі сумныя.

388
00:22:36,952 --> 00:22:39,410
Давайце паглядзім, што мы можам зрабіць, калі
у нас было больш цікавых дадзеных.

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

390
00:22:44,420 --> 00:22:50,500
>> Акт IV, Праца з
Data-- перш за ўсё

391
00:22:50,500 --> 00:22:53,560
мы хочам зрабіць, каб нашы
візуалізацыя больш цікавым

392
00:22:53,560 --> 00:22:56,140
, Каб перамясціць дадзеныя ў іншым месцы.

393
00:22:56,140 --> 00:22:58,310
Гэта вельмі нязграбным, каб мець
дадзеныя жорстка тут.

394
00:22:58,310 --> 00:23:01,220
І наогул, мы будзем прасіць
хто-то іншы для дадзеных.

395
00:23:01,220 --> 00:23:05,400
Мы будзем, магчыма, просяць урад,
Бюро перапісу насельніцтва, што вашыя дадзеныя

396
00:23:05,400 --> 00:23:10,170
а затым у змове, што ці прасіць
некаторы ПА іншых твар для некаторых дадзеных

397
00:23:10,170 --> 00:23:13,330
а затым будынак
візуалізацыя на што.

398
00:23:13,330 --> 00:23:17,170
>> Таму першае, што мы хочам зрабіць,
гэта крок, які дзе-то ў іншым месцы.

399
00:23:17,170 --> 00:23:24,130
Так што я збіраюся стварыць
падаць тут пад назвай data.json.

400
00:23:24,130 --> 00:23:25,600
JSON з'яўляецца фармат дадзеных.

401
00:23:25,600 --> 00:23:29,210
Вы не павінны шмат ведаць пра гэта.

402
00:23:29,210 --> 00:23:33,210
І мы збіраемся, каб скапіяваць
мала дадзеных у нас там,

403
00:23:33,210 --> 00:23:40,330
устаўце яго ў там даслоўна, перайдзіце
Вярнуцца да нашага коду візуалізацыі

404
00:23:40,330 --> 00:23:45,362
тут, і выкарыстоўваць гэтую функцыю прама тут.

405
00:23:45,362 --> 00:23:46,820
Вы не павінны ведаць дэталі.

406
00:23:46,820 --> 00:23:49,800
Але тое, што гэта будзе зрабіць, гэта,
ён знойдзе гэты файл,

407
00:23:49,800 --> 00:23:51,780
спампаваць яго і вярнуць яго да нас.

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

409
00:24:11,660 --> 00:24:15,220
Дык што ж гэта робіць, ён ідзе
і атрымаць файл data.json.

410
00:24:15,220 --> 00:24:18,570
А потым усё код, які
водступ inside-- па сутнасці,

411
00:24:18,570 --> 00:24:21,800
усе код, які мы павінны there-- будзе
працаваць толькі, калі мы атрымліваем дадзеныя назад.

412
00:24:21,800 --> 00:24:25,760
І тады гэта будзе працаваць, што
код з дадзенымі, якія мы маем.

413
00:24:25,760 --> 00:24:28,870
Выдатна, у нас ёсць
візуалізацыі, запытаў

414
00:24:28,870 --> 00:24:31,390
па нейкай код дзе
тое, што, як правіла,

415
00:24:31,390 --> 00:24:36,110
дзе ён запытвае некаторыя дадзеныя з
дзе-то яшчэ, што, як правіла,

416
00:24:36,110 --> 00:24:38,656
ў якасці візуалізацыі працаваць.

417
00:24:38,656 --> 00:24:41,400
>> Але я хачу вярнуцца да дадзеных.

418
00:24:41,400 --> 00:24:48,030
Так што дадзеныя прынцыпова ў D3-- D3
спажывае дадзеныя, якія знаходзяцца спіс рэчаў.

419
00:24:48,030 --> 00:24:53,000
D3 чакае, што дадзеныя проста спіс
рэчаў, набор рэчаў.

420
00:24:53,000 --> 00:24:58,780
Гэта не мае значэння, што тыя рэчы,
з'яўляюцца, пры ўмове, што гэта масіў з іх.

421
00:24:58,780 --> 00:25:02,460
>> Дык вось, да прыкладу, мы маглі б з
курс, значэння з якая плавае кропкай.

422
00:25:02,460 --> 00:25:04,830
Мы маглі б негатывы.

423
00:25:04,830 --> 00:25:09,400
D3 не хвалюе, так доўга
як гэта спіс рэчаў.

424
00:25:09,400 --> 00:25:13,270
>> Як цікавыя рэчы, якія мы
можа мець, мы маглі б таксама

425
00:25:13,270 --> 00:25:19,410
ёсць спіс радкоў, як гэта.

426
00:25:19,410 --> 00:25:25,440
Такім чынам, гэтыя загалоўкі Барвовыя
Я ўзяў некалькі дзён таму.

427
00:25:25,440 --> 00:25:29,220
А можа быць, вы можаце знайсці некаторыя цікавыя
усе аб гэтых Праз загалоўкі.

428
00:25:29,220 --> 00:25:30,970
>> Такім чынам, яшчэ раз, гэта спіс рэчаў.

429
00:25:30,970 --> 00:25:32,360
D3 не хвалюе.

430
00:25:32,360 --> 00:25:35,572
Гэта здараецца, радок.

431
00:25:35,572 --> 00:25:36,530
Мы змянілі нашы дадзеныя.

432
00:25:36,530 --> 00:25:38,210
>> Давайце вернемся да нашай візуалізацыі.

433
00:25:38,210 --> 00:25:42,495
Зараз, наша візуалізацыя чакае
уваходнага сігналу для нумары.

434
00:25:42,495 --> 00:25:44,370
Такім чынам, мы будзем мець
зрабіць некалькі змен.

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

436
00:25:47,180 --> 00:25:52,180
Так, напрыклад, у першую чаргу, можа быць,
мы хочам пакласці гэтыя кругі па

437
00:25:52,180 --> 00:25:56,870
на даўжыню загалоўка,
Колькасць знакаў у загалоўку.

438
00:25:56,870 --> 00:26:03,600
>> Так што мы будзем рабіць is-- кожны раз, калі нашы
Функцыя выклікаецца з радкі,

439
00:26:03,600 --> 00:26:09,095
мы знойдзем гэта даўжыня і
затым перадаць, што ў маштабе.

440
00:26:09,095 --> 00:26:11,550
Колер, я вярнуся
што сталёвы сіні.

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

442
00:26:19,060 --> 00:26:20,420
І там мы ідзем.

443
00:26:20,420 --> 00:26:23,190
У нас ёсць візуалізацыя
малінавых загалоўкі.

444
00:26:23,190 --> 00:26:25,500
>> Наша маштаб адкусіў.

445
00:26:25,500 --> 00:26:29,680
Давайце выкажам здагадку, што доўгая
загаловак даўжынёй 100 сімвалаў,

446
00:26:29,680 --> 00:26:32,244
так чысціні Гэта няшмат.

447
00:26:32,244 --> 00:26:33,410
І ў нас ёсць візуалізацыі.

448
00:26:33,410 --> 00:26:36,710
Так што, падобна, што большасць газет
даволі блізка адзін да аднаго,

449
00:26:36,710 --> 00:26:38,750
з пункту гледжання характару лініі.

450
00:26:38,750 --> 00:26:41,200
Але там сапраўды вылучаецца.

451
00:26:41,200 --> 00:26:46,660
>> Мы маглі б пабудаваць некалькі інструментаў
даследаваць, што больш.

452
00:26:46,660 --> 00:26:50,710
Але, калі я працаваў над гэтым, я быў
Цікава ці ёсць у гэтым наборы дадзеных,

453
00:26:50,710 --> 00:26:53,880
загалоўкі з тоўстай кішкі
у іх будзе больш.

454
00:26:53,880 --> 00:26:55,770
Я мяркуе, што яны б.

455
00:26:55,770 --> 00:26:56,660
>> Такім чынам, давайце высвятлім.

456
00:26:56,660 --> 00:27:00,650
Давайце выкарыстоўваць колер
канал, як мы рабілі раней,

457
00:27:00,650 --> 00:27:04,540
для кадавання некаторых аб тым,
няма тоўстай ці не.

458
00:27:04,540 --> 00:27:07,220
Такім чынам, мы будзем выкарыстоўваць ўмоўнае зноў.

459
00:27:07,220 --> 00:27:09,350
Вы не павінны ведаць,
Дэталі гэтага,

460
00:27:09,350 --> 00:27:14,260
але гэта, як мы правяраем
Радок для канкрэтнага характару

461
00:27:14,260 --> 00:27:16,355
У JavaScript, зноў жа, не мае значэння.

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

463
00:27:18,910 --> 00:27:23,270
>> Але калі мы не знойдзем
тоўстай кішкі, мы вернемся зялёны.

464
00:27:23,270 --> 00:27:26,100
І калі мы гэта зробім, мы вернемся ў чырвоны колер.

465
00:27:26,100 --> 00:27:29,010
Такім чынам, яшчэ раз, загалоўкі, што
якія тоўстай кішкі будзе чырвоным.

466
00:27:29,010 --> 00:27:34,980
Гэта тое, што гэта азначае: добра.

467
00:27:34,980 --> 00:27:38,040
>> Так што, падобна, што мой
гіпотэза ўдары.

468
00:27:38,040 --> 00:27:39,360
Там толькі два.

469
00:27:39,360 --> 00:27:42,380
У нас ёсць толькі шэсць кропак дадзеных
і толькі двое двукроп'е.

470
00:27:42,380 --> 00:27:45,510
Але, здаецца, трохі больш
на ніжнім канцы, на самай справе.

471
00:27:45,510 --> 00:27:47,830
Апошнія навіны з двукроп'я, здаецца,
у агульным быць карацей,

472
00:27:47,830 --> 00:27:52,370
па меншай меры, у нашых дадзеных set-- цікава.

473
00:27:52,370 --> 00:27:55,830
>> Давайце вернемся, што
сталёвы сіні, а затым убачыць

474
00:27:55,830 --> 00:28:00,601
што мы можам зрабіць з яшчэ
больш цікавыя дадзеныя.

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

476
00:28:04,370 --> 00:28:09,070
Такім чынам, яшчэ раз, я згадаў, што
Дадзеныя ў D3 з'яўляецца спіс рэчаў.

477
00:28:09,070 --> 00:28:11,080
Мы бачылі колькасць многіх відаў.

478
00:28:11,080 --> 00:28:12,810
Мы бачылі радкоў.

479
00:28:12,810 --> 00:28:15,700
Але тое, што таксама могуць быць аб'ектамі.

480
00:28:15,700 --> 00:28:20,080
>> Яны могуць быць складаныя рэчы
якія ўключаюць у сябе шмат рэчаў.

481
00:28:20,080 --> 00:28:24,510
Сказаць, што больш выразна,
У большасці выпадкаў мы

482
00:28:24,510 --> 00:28:28,384
хочуць пабудаваць кожную кропку дадзеных у якасці
складаней, чым толькі адно значэнне.

483
00:28:28,384 --> 00:28:30,175
Калі вы хочаце прадставіць
базы дадзеных пра студэнтаў,

484
00:28:30,175 --> 00:28:32,470
там можа быць студэнт
імя, студэнцкі білет,

485
00:28:32,470 --> 00:28:36,370
і многае звязана
з канкрэтнай запісу,

486
00:28:36,370 --> 00:28:39,834
не толькі радок альбо лічбу.

487
00:28:39,834 --> 00:28:40,750
Такім чынам, давайце паглядзім на гэта.

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

489
00:28:55,180 --> 00:28:56,760
>> Гэта адна з такіх набору дадзеных.

490
00:28:56,760 --> 00:28:59,090
Гэта ўстаноўлена аб землятрусах дадзеных.

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

492
00:29:01,910 --> 00:29:08,430
Так што ўсё тут, на нашым спісе ці масіва
рэчаў змяшчае шмат рэчаў самастойна.

493
00:29:08,430 --> 00:29:11,380
Такім чынам, кожны кропка дадзеных мае
Велічыня і каардынатаў.

494
00:29:11,380 --> 00:29:13,425
І каардынуе сябе
ўтрымліваюць дзве рэчы.

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

496
00:29:15,960 --> 00:29:20,450
>> Такім чынам, кожны дзень цяпер нашмат больш
складанай і значна цікавей,

497
00:29:20,450 --> 00:29:22,700
і змяшчае значна больш
Цікавая інфармацыя.

498
00:29:22,700 --> 00:29:26,730
Давайце паглядзім, мы маглі б пабудаваць з гэтага.

499
00:29:26,730 --> 00:29:36,130
Вяртаючыся сюды, зноў жа, з дапамогай
наша візуалізацыя гістаграма круг

500
00:29:36,130 --> 00:29:42,110
мы пабудавалі, давайце паглядзім, калі мы можам пабудаваць
візуалізацыя размеркавання велічыні

501
00:29:42,110 --> 00:29:43,305
у нашым наборы дадзеных.

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

503
00:29:45,850 --> 00:29:48,660
>> Дык вось, гэта тое ж самае паняцце.

504
00:29:48,660 --> 00:29:51,920
Але цяпер, d ўтрымлівае больш рэчаў.

505
00:29:51,920 --> 00:29:54,780
d ўтрымлівае мноства элементаў дадзеных.

506
00:29:54,780 --> 00:29:57,946
Такім чынам, мы атрымліваем D таму.

507
00:29:57,946 --> 00:29:59,670
D3 дае нам D.

508
00:29:59,670 --> 00:30:06,080
І мы адказваем адшукання велічыні
Д а затым адначасна, што ў маштабе.

509
00:30:06,080 --> 00:30:08,490
>> І тады мы павінны змяніць
наш маштаб, вядома.

510
00:30:08,490 --> 00:30:12,980
Так велічыні проста не
пайсці значна больш, чым 10.

511
00:30:12,980 --> 00:30:15,485
На самай справе, там ніколі не было
10 Землятрус магнітудай.

512
00:30:15,485 --> 00:30:19,360
Але гэта свайго роду наша верхняя
канец, наша верхні спектр.

513
00:30:19,360 --> 00:30:20,240
>> Давайце асвяжыць.

514
00:30:20,240 --> 00:30:22,990
Nice, у нас ёсць візуалізацыі.

515
00:30:22,990 --> 00:30:25,490
Гэта цікава note-- так
Ёсць дзве кропкі дадзеных, якія

516
00:30:25,490 --> 00:30:29,010
амаль дакладна адно над
іншыя, з пункту гледжання велічыні.

517
00:30:29,010 --> 00:30:31,350
Вы бачыце гэта непразрыстасцю мы выкарыстоўваем.

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

519
00:30:40,810 --> 00:30:42,690
>> У нас ёсць геаграфічныя дадзеныя цяпер.

520
00:30:42,690 --> 00:30:44,710
У нас ёсць шыраты і даўгаты.

521
00:30:44,710 --> 00:30:47,549
Можа быць, мы маглі б зрабіць што-то
значна цікавей з гэтым.

522
00:30:47,549 --> 00:30:49,590
Давайце знайсці яшчэ некалькі
Цікавы спосаб візуалізаваць

523
00:30:49,590 --> 00:30:53,500
гэта складаней,
Дадзеныя, якія мы маем доступ.

524
00:30:53,500 --> 00:31:04,950
>> Акт V, Mapping-- прынцыпова,
мы хочам, каб пакласці іх на карце.

525
00:31:04,950 --> 00:31:07,690
Я маю на ўвазе, гэта, дзе гэта адбываецца.

526
00:31:07,690 --> 00:31:13,130
Мы хочам, каб кадзіраваць інфармацыю аб
Становішча гэтых паказанняў землятрусу,

527
00:31:13,130 --> 00:31:16,350
а таксама іх велічыня,
таму што ў нас гэта цяпер.

528
00:31:16,350 --> 00:31:21,310
Мы разумеем, як выкарыстоўваць
больш складаныя дадзеныя.

529
00:31:21,310 --> 00:31:26,200
>> Першае, што мы зробім, гэта
стварыць карту, фонавую карту.

530
00:31:26,200 --> 00:31:29,360
Я збіраюся прайсці праз
гэта вельмі хутка.

531
00:31:29,360 --> 00:31:30,560
Гэта складана код.

532
00:31:30,560 --> 00:31:33,110
Гэта яшчэ адзін з тых,
рэцэпты вы сапраўды не

533
00:31:33,110 --> 00:31:35,690
павінны цалкам зразумець, для вас выкарыстаць.

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

535
00:31:38,510 --> 00:31:39,740
Але гэта код.

536
00:31:39,740 --> 00:31:43,580
Гэты код прама тут стварае карту.

537
00:31:43,580 --> 00:31:45,730
>> Мы не збіраемся ісці ў дэталях.

538
00:31:45,730 --> 00:31:54,210
Але вонкава, што яна робіць, гэта,
ён запытвае гэты файл us.json, які

539
00:31:54,210 --> 00:31:57,150
гэта файл дадзеных, як
адзін, што было раней.

540
00:31:57,150 --> 00:31:59,150
Гэта больш складанае, вядома.

541
00:31:59,150 --> 00:32:02,920
Але ў гэтым выпадку, усё,
кожная кропка дадзеных гэты стан

542
00:32:02,920 --> 00:32:05,420
і мае спіс
шыраты і даўгаты

543
00:32:05,420 --> 00:32:10,500
якія вызначаюць шматкутнік,
што форма, што дзяржавай.

544
00:32:10,500 --> 00:32:13,280
>> Так што D3 будзе зрабіць, гэта падобна
да таго, што мы рабілі раней.

545
00:32:13,280 --> 00:32:18,140
Ён будзе прасіць, каб і
звязаць, што да элемента.

546
00:32:18,140 --> 00:32:20,890
І ёсць функцыя, якая
будзе адлюстроўваць гэты элемент з,

547
00:32:20,890 --> 00:32:23,410
на аснове шыраты і даўгаты.

548
00:32:23,410 --> 00:32:24,580
Вы можаце даведацца больш аб тым, што.

549
00:32:24,580 --> 00:32:27,385
І я рэкамендую яго.

550
00:32:27,385 --> 00:32:30,090
>> Ёсць спасылкі на
канец гэтага кода ў курсе.

551
00:32:30,090 --> 00:32:31,570
І код прокомментірован.

552
00:32:31,570 --> 00:32:34,050
У ёсць спасылкі для далейшага на гэта.

553
00:32:34,050 --> 00:32:36,590
Я рэкамендую вам паглядзець яго.

554
00:32:36,590 --> 00:32:39,460
Але тое, што мы клапоцімся пра тое,
Гэтая праекцыя функцыя.

555
00:32:39,460 --> 00:32:41,210
Я хачу, каб прайсці праз гэта.

556
00:32:41,210 --> 00:32:43,522
>> Перш за ўсё, дазвольце мне паказаць
ты што, так, у нас ёсць карта.

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

558
00:32:47,300 --> 00:32:49,970
Карты халаднавата.

559
00:32:49,970 --> 00:32:52,330
Такім чынам, давайце паглядзім на гэта
Вытворчая функцыя.

560
00:32:52,330 --> 00:32:56,481
>> Праекцыя вельмі
як у маштабе, шалі зноў.

561
00:32:56,481 --> 00:32:59,210
Так што вытворчасць для
Гэтая праекцыя функцыя

562
00:32:59,210 --> 00:33:06,610
робіць гэта, мы маглі б перадаць яму даўгаты
і latitudes-- ў гэтым выпадку,

563
00:33:06,610 --> 00:33:09,590
Гэтыя значэння тут
LAT-сумуе будынка

564
00:33:09,590 --> 00:33:13,990
мы сядзім у праве
now-- для праекцыі.

565
00:33:13,990 --> 00:33:20,560
І праекцыя пераўтворыць
што ў х і ў значэнняў пікселяў.

566
00:33:20,560 --> 00:33:23,300
>> Так што праекцыя робіць
вельмі падобны на нашай шкале.

567
00:33:23,300 --> 00:33:27,270
Гэта займае нашых шыротах і
даўгата, што ўяўляе сабой увесь зямны шар

568
00:33:27,270 --> 00:33:31,390
і скарачэнне і каліброўкі, што
да плошчы, якую мы хочам,

569
00:33:31,390 --> 00:33:33,510
што мы далі яго.

570
00:33:33,510 --> 00:33:35,220
У гэтым выпадку, мы
перадачы гэтых значэнняў.

571
00:33:35,220 --> 00:33:41,370
І гэта дае нам, добра, што
на экране азначае 640 пікселяў.

572
00:33:41,370 --> 00:33:46,250
Увесь гэты экран 700 пікселяў
шырокі, так што робіць нас пра тут,

573
00:33:46,250 --> 00:33:53,310
і 154 пікселяў ўніз, які я б
адзнака ў значнай ступені тут.

574
00:33:53,310 --> 00:33:57,250
>> Так што, тыя LAT-Лонга, якія
ўяўляюць нешта на ўсім зямным шары

575
00:33:57,250 --> 00:34:02,850
і цяжкі і перасоўванне, што каля
каб даць нам X і Y. пікселяў,

576
00:34:02,850 --> 00:34:05,450
гэта першае, што гэта
зроблена ў гэтым адлюстравання кода.

577
00:34:05,450 --> 00:34:07,920
І тады астатнія
Код спажывае дадзеныя

578
00:34:07,920 --> 00:34:14,310
а затым адлюстроўвае гэтыя LAT-лонг
на што-то на экране.

579
00:34:14,310 --> 00:34:18,380
>> Але мы збіраемся выкарыстоўваць гэтую праекцыю
функцыі, таму што аказваецца

580
00:34:18,380 --> 00:34:20,270
у нас ёсць LAT-Лонга Лонг, а таксама.

581
00:34:20,270 --> 00:34:24,509
Азіраючыся назад на нашы дадзеныя, мы маем
шыраты і даўгаты

582
00:34:24,509 --> 00:34:25,425
для кожнага назірання.

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

584
00:34:28,131 --> 00:34:29,130
Такім чынам, давайце выкарыстоўваць праекцыю.

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

586
00:34:33,250 --> 00:34:37,639
>> Так, гледзячы на ​​нашай экспазіцыі,
мы хочам, каб наш exposition--

587
00:34:37,639 --> 00:34:39,590
мы маем шырыню і даўгату.

588
00:34:39,590 --> 00:34:40,770
Але мы хочам, значэння пікселяў.

589
00:34:40,770 --> 00:34:43,510
І аказваецца, у нас ёсць дакладна
тое, што мы want-- праекцыі.

590
00:34:43,510 --> 00:34:46,239
Вельмі, як мы былі
па шкале прама тут,

591
00:34:46,239 --> 00:34:52,075
Цяпер мы збіраемся выкарыстоўваць праекцыю
і перадаць яго каардынаты.

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

593
00:34:55,241 --> 00:34:56,949
Таму першае, што
мы doing-- таму мы

594
00:34:56,949 --> 00:35:01,520
атрыманне д, якая з'яўляецца індывідуальнай дадзеныя
элемент асобнага землятрусу

595
00:35:01,520 --> 00:35:02,370
чытанне.

596
00:35:02,370 --> 00:35:04,640
Першае, што мы робім
гэта атрымаць каардынаты.

597
00:35:04,640 --> 00:35:06,150
Добра, у нас ёсць каардынаты.

598
00:35:06,150 --> 00:35:09,160
>> Другая рэч, якую мы робім,
перадаць гэта праекцыі.

599
00:35:09,160 --> 00:35:13,440
Праекцыя пераўтворыць гэтыя каардынаты
у значэнняў кропак, х і у.

600
00:35:13,440 --> 00:35:16,680
І тады апошняя рэч, якую мы
хачу зрабіць, гэта проста атрымаць х,

601
00:35:16,680 --> 00:35:19,342
які ў гэтым выпадку з'яўляецца першы.

602
00:35:19,342 --> 00:35:22,050
Гэта першы з двух рэчаў
што вяртаюцца праекцыі.

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

604
00:35:27,840 --> 00:35:29,630
>> Мы зробім тое ж самае для у.

605
00:35:29,630 --> 00:35:34,960
Але замест гэтага, мы вернемся
другі элемент, у.

606
00:35:34,960 --> 00:35:35,980
Будзьце гатовыя, каб абнавіць.

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

608
00:35:39,830 --> 00:35:46,450
Ох, лішні сімвал
here-- добра, у нас ёсць

609
00:35:46,450 --> 00:35:51,730
кіруецца дадзенымі дакумента, гэта
хаваючы гэты файл JSON аб'ектаў,

610
00:35:51,730 --> 00:35:57,560
зрабіць карту, а таксама змены
атрыбутаў ў дачыненні да дадзеных

611
00:35:57,560 --> 00:35:59,600
праецыраваць на мапе.

612
00:35:59,600 --> 00:36:00,840
Гэта сапраўды цікава.

613
00:36:00,840 --> 00:36:03,770
Гэта выдатна.

614
00:36:03,770 --> 00:36:05,640
>> Давайце яго на прыступку вышэй.

615
00:36:05,640 --> 00:36:08,795
Я маю на ўвазе, у нас ёсць дзве часткі
Інфармацыя з кожнай кропкай дадзеных.

616
00:36:08,795 --> 00:36:10,000
Я маю на ўвазе, тры.

617
00:36:10,000 --> 00:36:12,540
У нас ёсць каардынаты,
які х і у.

618
00:36:12,540 --> 00:36:15,700
І ў нас ёсць велічыню.

619
00:36:15,700 --> 00:36:17,420
>> Мы павінны кадзіраваць велічыню як-то.

620
00:36:17,420 --> 00:36:18,920
У нас ёсць шмат каналаў.

621
00:36:18,920 --> 00:36:20,370
Мы можам выкарыстоўваць колер.

622
00:36:20,370 --> 00:36:21,890
Мы можам выкарыстоўваць радыус.

623
00:36:21,890 --> 00:36:23,040
Мы маглі б выкарыстоўваць непразрыстасць.

624
00:36:23,040 --> 00:36:25,540
Мы маглі б выкарыстоўваць многія рэчы ў кодзе.

625
00:36:25,540 --> 00:36:29,180
Любы з гэтых атрыбутаў, і многія
іншыя, якія не ў спісе,

626
00:36:29,180 --> 00:36:33,065
таму што яны па жаданні, мы маглі б
выкарыстоўваць, каб кадзіраваць гэтыя дадзеныя, інсульту

627
00:36:33,065 --> 00:36:35,670
і ўсе гэтыя рэчы, якія я ўжо згадваў.

628
00:36:35,670 --> 00:36:36,690
>> Давайце радыус рабіць.

629
00:36:36,690 --> 00:36:38,830
Я думаю, што радыус найбольш інтуітыўна зразумелы.

630
00:36:38,830 --> 00:36:46,210
Такім чынам, яшчэ раз, мы заменім, што жорстка
40 і зрабіць некаторыя разлікі.

631
00:36:46,210 --> 00:36:48,810
Мы будзем выкарыстоўваць наш любімы маштаб зноў.

632
00:36:48,810 --> 00:36:50,290
І мы міма D.

633
00:36:50,290 --> 00:36:55,850
Але не D, таму што мы хочам велічыню
з D. d проста кропка дадзеных.

634
00:36:55,850 --> 00:36:57,430
Мы праедзем велічыня ў маштабе.

635
00:36:57,430 --> 00:36:58,470
>> Давайце паспрабуем гэта зноў.

636
00:36:58,470 --> 00:37:00,230
Ох, гэта не працуе.

637
00:37:00,230 --> 00:37:02,940
Чаму яна не працуе?

638
00:37:02,940 --> 00:37:04,387
>> Так што памятаеце, што маштаб робіць.

639
00:37:04,387 --> 00:37:05,470
Давайце паглядзім на шкале зноў.

640
00:37:05,470 --> 00:37:10,800
Маштаб карты ад 1 да 10 на
з 22 да 600, больш-менш.

641
00:37:10,800 --> 00:37:12,030
600 велізарны.

642
00:37:12,030 --> 00:37:14,730
Вось чаму мы атрымліваем гэта.

643
00:37:14,730 --> 00:37:18,420
>> Такім чынам, мы хочам змяніць нашу шкалу
што-то больш падыходнае.

644
00:37:18,420 --> 00:37:22,610
Скажам, мы хочам ад 0 да 60.

645
00:37:22,610 --> 00:37:25,340
60 вялікі, але 10 землятрусаў
неверагодна рэдка.

646
00:37:25,340 --> 00:37:27,880
На самай справе, яны ніколі не адбылося.

647
00:37:27,880 --> 00:37:31,830
>> Дык што ж гэта будзе зрабіць, гэта, гэта зойме
наша велічыня, якая ідзе ад 1 да 10

648
00:37:31,830 --> 00:37:34,490
і адлюстраваць яго на пашырэнне яго.

649
00:37:34,490 --> 00:37:37,370
І адлюстраваць яго на 0 да 60 гадоў.

650
00:37:37,370 --> 00:37:38,840
Давайце асвяжыць.

651
00:37:38,840 --> 00:37:41,850
>> Nice, у нас ёсць візуалізацыі.

652
00:37:41,850 --> 00:37:42,500
Гэта выдатна.

653
00:37:42,500 --> 00:37:43,736
Гэта фактычныя дадзеныя.

654
00:37:43,736 --> 00:37:46,360
Вы заўважыце, у маёй маленькай цацкі
Напрыклад, самы вялікі землятрус

655
00:37:46,360 --> 00:37:49,417
знаходзіцца прама на верхняй часткі нас.

656
00:37:49,417 --> 00:37:50,000
Але гэта так.

657
00:37:50,000 --> 00:37:54,422
У нас ёсць дата прывадам візуалізацыі
які спажывае дадзеныя

658
00:37:54,422 --> 00:37:56,255
і дае нам сапраўды
Цікавая інфармацыя.

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

660
00:38:02,600 --> 00:38:06,420
Так, давайце дадамо некаторыя
інтэрактыўнасць да яго.

661
00:38:06,420 --> 00:38:08,675
Я згадаў, што быў
моцны сіла D3.

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

663
00:38:11,490 --> 00:38:15,060
>> Дык вось, для кожнага элемента, мы
апісання кучу атрыбутаў.

664
00:38:15,060 --> 00:38:20,230
Але мы таксама можам апісаць тое, што мы хочам
каб гэта адбылося з інтэрактыўнасцю элементаў.

665
00:38:20,230 --> 00:38:26,190
Напрыклад, мы маглі б апісаць
што адбываецца, калі мы мышы над.

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

667
00:38:28,740 --> 00:38:33,640
І вельмі падобна, што,
што вазьму функцыю,

668
00:38:33,640 --> 00:38:36,700
вельмі падобны на
атрыбуты, што было раней,

669
00:38:36,700 --> 00:38:44,650
дзе мы робім нешта
элемент, калі курсор мышы над ім.

670
00:38:44,650 --> 00:38:47,100
>> Такім чынам, спачатку, што нам трэба
зрабіць, гэта выбраць гэты элемент,

671
00:38:47,100 --> 00:38:49,435
каб знайсці яго ў асноўным, у браўзэры.

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

673
00:38:57,090 --> 00:39:00,920
і тады мы маглі б ўсталяваць
Атрыбут з ім.

674
00:39:00,920 --> 00:39:06,870
Так, што я раблю тут, калі мы навядзенні
над чым-то, то мы атрымаем, што элемент

675
00:39:06,870 --> 00:39:11,197
і затым ўсталюйце яго непразрыстасць таму
1, каб цалкам непразрыстым.

676
00:39:11,197 --> 00:39:12,488
Давайце паглядзім, як гэта выглядае.

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

678
00:39:29,430 --> 00:39:39,080
>> Падобна на тое, у нас ёсць
дадатковая кропка з коскі тут.

679
00:39:39,080 --> 00:39:42,420
Так што, калі мы навядзенні тут, ён атрымлівае поўны.

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

681
00:39:46,530 --> 00:39:48,960
Але цяпер, вядома, гэта
застаецца поўным аб'ёме, таму што мы

682
00:39:48,960 --> 00:39:53,240
павінны апісаць, што адбываецца
калі прыбіраем курсор.

683
00:39:53,240 --> 00:39:59,990
Так што давайце рабіць тое, што
MouseOut, у адрозненне ад навядзенні курсора мышы.

684
00:39:59,990 --> 00:40:06,399
>> І мы скінем яго
што мы мелі before-- 0,5.

685
00:40:06,399 --> 00:40:10,260
І цяпер, кожны раз, калі мы
навядзіце, мы атрымліваем поўны круг.

686
00:40:10,260 --> 00:40:13,468
Гэта дапамагае нам убачыць, што мы
мы выбары сутнасці.

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

688
00:40:19,210 --> 00:40:22,860
>> А цяпер давайце зробім гэта сапраўды выдатна.

689
00:40:22,860 --> 00:40:26,210
Давайце злучым гэта з рэальнымі дадзенымі.

690
00:40:26,210 --> 00:40:30,890
Так давайце спытаем мог
Геалагічная служба ЗША аб сваіх дадзеных.

691
00:40:30,890 --> 00:40:35,630
Так Геалагічнай службы ЗША
ёсць дадзеныя аб землятрусах.

692
00:40:35,630 --> 00:40:41,460
Яны маюць грамадскае API, што здольны
для спажывання ў фармаце JSON.

693
00:40:41,460 --> 00:40:42,548
Так давайце зробім гэта.

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

695
00:40:49,730 --> 00:40:55,900
>> Так што гэта крыху кода, які
падключаецца да API USGS.

696
00:40:55,900 --> 00:40:57,990
І ёсць трохі апрацоўкі на ім.

697
00:40:57,990 --> 00:41:02,200
Гэта не мае значэння, але спрашчае яго
ў простым фармаце дадзеных, як адзін

698
00:41:02,200 --> 00:41:03,800
у нас было раней.

699
00:41:03,800 --> 00:41:08,140
Так што я пазбавіцца ад нашага выкліку
Нашы падробленыя data.json ў файле.

700
00:41:08,140 --> 00:41:13,110
І замест гэтага, я тэлефаную
USGS па сутнасці.

701
00:41:13,110 --> 00:41:16,700
>> Давайце асвяжыць, прыемна.

702
00:41:16,700 --> 00:41:21,260
Гэта актуальна, у рэальным жыцці дадзеныя
з гэтага тыдня землятрусаў.

703
00:41:21,260 --> 00:41:23,217
Гэта сапраўды цікава.

704
00:41:23,217 --> 00:41:25,050
Гэта не дзіўна,
для нас, але ёсць

705
00:41:25,050 --> 00:41:27,909
шмат землятрусаў на
Заходняе ўзбярэжжа ў Каліфорніі.

706
00:41:27,909 --> 00:41:30,950
Але я думаў, што гэта было вельмі цікава
што там было так шмат землятрусаў

707
00:41:30,950 --> 00:41:34,350
на Алясцы, і мяркуючы па ўсім,
тут на Сярэднім Захадзе.

708
00:41:34,350 --> 00:41:37,630
Я маю на ўвазе, цікава, і мы добра.

709
00:41:37,630 --> 00:41:40,410
Гэта зняволенне.

710
00:41:40,410 --> 00:41:43,760
>> Але галоўнае, што гэтая
гэта тое, што D3 дапамагае нам.

711
00:41:43,760 --> 00:41:48,030
Гэта дапамагае нам атрымліваць дадзеныя, прывязаць
гэта элементаў у DOM,

712
00:41:48,030 --> 00:41:51,620
і маюць змене гэтых элементаў
у залежнасці ад дадзеных,

713
00:41:51,620 --> 00:41:54,780
ёсць тыя атрыбуты, усе
многія атрыбуты элементаў,

714
00:41:54,780 --> 00:41:57,393
Усе быць карысна каналаў
для перадачы інфармацыі.

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

716
00:42:05,440 --> 00:42:09,290
>> D3 з'яўляецца неверагодна магутным
бібліятэка і дзіўна добра працаваць.

717
00:42:09,290 --> 00:42:12,260
Гэта некаторыя магутная штука.

718
00:42:12,260 --> 00:42:15,960
Візуалізацыя дадзеных з'яўляецца
неверагодна магутны інструмент

719
00:42:15,960 --> 00:42:21,530
для транспарціроўкі людзей глыбокіх
ідэі, якія атрымлівае іх аснове

720
00:42:21,530 --> 00:42:25,430
і дапамагае ім зразумець, у
Гэта глыбокае і інтуітыўна зразумелы спосаб,

721
00:42:25,430 --> 00:42:29,760
як дадзеныя працы, і як
Дадзеныя змяняе наша жыццё.

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