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
>> ДАВИД Цхоуинард: Ја сам Давид
Цхоуинард, а ово је Д3.

4
00:00:16,480 --> 00:00:17,700
Велцоме.

5
00:00:17,700 --> 00:00:21,270
Идемо да се упознају Д3 данас.

6
00:00:21,270 --> 00:00:25,020
Д3 је Јава-скрипта оквир
за изградњу висок квалитет

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
>> Акт И, ДОМ манипулатион-- идемо
да почне одмах прављење цоол ствари.

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
свг.аппенд цирцле--
управо смо направили круг.

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
>> Па шта смо урадили овде је,
СВГ је Сцалабле Вецтор Грапхицс.

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
Морамо да га испричати своју позицију к,
њен лет положај, њен полупречник.

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
Како би било Цк би Центар Кс, тако
центар к положаја.

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
Волим да челика плаве.

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
Нека буде полу-транспарентан
најбоље урадио-- полу-транспарентан.

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
Неки од њих су обавезна,
као ЦКС, ЦИ, и Радиус.

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
Назовимо то цирцле2.

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
А пошто је то нервира, хајде
уклоните га, тако цирцле2.ремове.

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
>> Па шта радимо и
је само веома, вери-- ово

92
00:04:43,170 --> 00:04:46,030
је веома слична ономе што
могли да ураде у јКуери, на пример.

93
00:04:46,030 --> 00:04:48,240
Ми само манипулишу
ДОМ, то се зове.

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
>> Акт ИИ, подаци Дривен Доцументс--
Па хајде да се врати у ту.

135
00:07:12,140 --> 00:07:15,340
И хајде да се отарасим цирцле2,
јер ми смо се само додавање и уклањање

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
Један тренутак-- рецимо,
имали смо податке о овом облику.

142
00:07:40,020 --> 00:07:41,800
Имали смо низ, само
гомила бројева.

143
00:07:41,800 --> 00:07:45,750
Имамо седам бројева овде,
шта год они репресент-- износ

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
Можемо ми стари
ствар коју су доинг--

152
00:08:03,590 --> 00:08:06,020
круг Аппенд и цирцле2 и цирцле3.

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
Уместо коришћења вар круг
свг.аппенд да смо управо су користили,

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
>> Али кључна ствар да рецогнизе-- и
видећете је веома често у Д3 код.

161
00:08:31,370 --> 00:08:36,840
Овај блок текста Басиц
ствара што више кругове

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
>> И у будућности, јер смо створили
ти кругови са овом функцијом Д3,

182
00:09:48,740 --> 00:09:52,430
ако ти дам круг, можете
дај ми податке у вези са тим.

183
00:09:52,430 --> 00:09:53,280
Тако можемо питати Д3.

184
00:09:53,280 --> 00:09:54,840
Хеј, Д3, имам тај круг.

185
00:09:54,840 --> 00:09:57,350
Шта је податак да круг има?

186
00:09:57,350 --> 00:10:01,290
И Д3 би нам 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
>> Тако начин бисмо питати Д3-- тако
ово је ирелевантно за ову,

191
00:10:12,210 --> 00:10:16,620
али веруј ми на томе.

192
00:10:16,620 --> 00:10:17,620
Овако питамо Д3.

193
00:10:17,620 --> 00:10:21,312
Хеј, Д3, дај ми први
круг који можете наћи.

194
00:10:21,312 --> 00:10:23,580
Дај ми прву круг мозете видјети.

195
00:10:23,580 --> 00:10:29,660
И онда бисмо могли питати Д3, шта је
подаци о томе, овако, 10.

196
00:10:29,660 --> 00:10:33,380
>> Тако смо само питам Д3, финд ме
Први круг можете наћи.

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
Могли би га питати, хеј, Д3,
Пронађите нас наш трећи круг.

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
То је оно што Д3 залаже.

209
00:11:13,750 --> 00:11:17,800
>> Дакле, ово к поститион-- уместо
од само кажем, све кругове,

210
00:11:17,800 --> 00:11:21,735
гет к 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
и д овде стоји у месту за подацима.

214
00:11:33,710 --> 00:11:36,120
Тако да сваки пут имамо
круг, у основи,

215
00:11:36,120 --> 00:11:37,750
Д3 ће створити ових седам кругова.

216
00:11:37,750 --> 00:11:38,500
А онда за сваки

217
00:11:38,500 --> 00:11:41,920
>> круг, то ће ићи, хеј,
цирцле1 која је твоја позиција к.

218
00:11:41,920 --> 00:11:45,210
Раније смо били
Увек одговарања 200.

219
00:11:45,210 --> 00:11:48,630
Али сада, сваки пут Д3 пита
нам шта је твоја позиција к,

220
00:11:48,630 --> 00:11:51,790
то ће дати нас-- имамо
да круг, тако да имамо податке.

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
Ови кругови су засновани
у релацији поситион--

226
00:12:08,040 --> 00:12:11,120
они су базе као функцији података.

227
00:12:11,120 --> 00:12:13,100
>> Тако се првог круга,
Д3 ставља круг.

228
00:12:13,100 --> 00:12:16,770
А онда Д3 нас пита, шта уради
желите изложба буде.

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
Лепо.

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
>> Следеће, Ацт ИИИ, Сцалес--
Дакле у праву један проблем

286
00:15:35,300 --> 00:15:38,920
Овде је, ако не промијенимо
Подаци у овом 200 валуе--

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
Испоставило се да има Д3 ово.

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
>> Начин на који воркс-- ћу
укуцајте овако и онда то објаснити.

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
>> -Па О, имамо овде мало грешку.

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
можемо га имати овер--
можемо га проширити, или смо

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
>> Дакле наш асортиман могла бити--
наша домен је 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
могли би да имамо нешто--
линеарна скала између оних.

376
00:22:03,250 --> 00:22:07,100
Тако бисмо користили скалу смо управо
створено, коју смо назвали боју.

377
00:22:07,100 --> 00:22:09,060
А ми би дао то д, која
је наша елемент података.

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
И све између
је функција д.

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
>> Закон ИВ, Рад са
Дата-- прва ствар

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
Зато ћу да створи
филе овде називом дата.јсон.

400
00:23:24,130 --> 00:23:25,600
ЈСОН је формат података.

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
Па шта ово ради је, иде
и добити дата.јсон датотеку.

410
00:24:15,220 --> 00:24:18,570
А онда све то је код
увучен инсиде-- суштини,

411
00:24:18,570 --> 00:24:21,800
све код имамо тамо-- ће
раде само када смо добили податке натраг.

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
Тако су подаци суштински у Д3-- Д3
троши податке да је списак ствари.

419
00:24:48,030 --> 00:24:53,000
Д3 очекује подаци бити само списак
ствари, низ ствари.

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
Д3 не мари, тако дуго
као да је то списак ствари.

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
Д3 не мари.

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
>> Па шта ћемо урадити је-- сваки пут наше
Функција се назива низом,

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
у ЈаваСцрипт, опет, није битно.

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
барем у нашим подацима договорен-- занимљиво.

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
Дакле опет, ја поменуо да
Подаци у Д3 је списак ствари.

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
Али сада, г садржи више ствари.

505
00:29:51,920 --> 00:29:54,780
Д садржи многе елементе података.

506
00:29:54,780 --> 00:29:57,946
Тако смо се вратили д.

507
00:29:57,946 --> 00:29:59,670
Д3 нам даје д.

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
Лепо, имамо визуелизацију.

515
00:30:22,990 --> 00:30:25,490
Занимљиво је тако ноте--
постоје две тачке података које

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
>> Закон В, Маппинг-- основи,
желимо да стави ово на карти.

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
Али површно, оно што ради је,
она упита ову ус.јсон фајл који

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
>> Па шта ће учинити Д3 је слична
да оно што смо раније радили.

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
нема се, могли бисмо га проћи дужину
и латитудес-- у овом случају,

563
00:33:06,610 --> 00:33:09,590
Ове вредности су овде
ЛАТ-чезне објекта

564
00:33:09,590 --> 00:33:13,990
ми седимо у праву
сада-- да пројекције.

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
>> Тако узимајући оне ЛАТ-жуди, што
представљају нешто на целој планети

575
00:33:57,250 --> 00:34:02,850
и скуисхинг и креће да око
да нам Кс и И вредности пикел дају,

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
а затим мапс те ЛАТ-жуди
на нешто на екрану.

579
00:34:14,310 --> 00:34:18,380
>> Али ми ћемо користити ову пројекцију
функције, јер да се испоставља

580
00:34:18,380 --> 00:34:20,270
имамо ЛАТ-чезне жуди као добро.

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
>> Тако гледајући наше излагање,
желимо нашу екпоситион--

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
И испоставило се, ми имамо тачно
оно што глупане-- пројекцију.

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
Дакле, прва ствар
смо тако доинг-- смо

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
Оох, екстра лик
овдје-- лепо, имамо

609
00:35:46,450 --> 00:35:51,730
Подаци дривен документ који је
прикривање ове ЈСОН фајл објеката,

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
И ми смо прошли д.

633
00:36:50,290 --> 00:36:55,850
Али не зато што желимо д величину
оф д. д је само тачка података.

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
>> Лепо, имамо визуелизацију.

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
Споменуо сам да је
јака сила Д3.

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
Па хајде да управо то на
МоусеОут, за разлику од миша на.

684
00:39:59,990 --> 00:40:06,399
>> И ми ћемо их вратили на
оно што смо имали пре-- 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
Они имају јавну АПИ који је у стању
да се конзумира у ЈСОН формату.

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
>> Дакле, ово је део кода који
повезује са УСГС АПИ.

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
Тако сам се ослободимо наше позива на
наш лажни дата.јсон у досијеу.

700
00:41:08,140 --> 00:41:13,110
И уместо, зовем
УСГС суштини.

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
>> Али у основи, ово
је оно Д3 помаже нам уради.

711
00:41:43,760 --> 00:41:48,030
Она нам помаже да узме податке, везују
она се елементима у ДОМ,

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
>> Д3 је невероватно моћан
библиотека и невероватно добро покренути.

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