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 شوینار: من دیوید هستم
شوینار، و این 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 یک چارچوب جاوا اسکریپت است
برای ساخت یک با کیفیت بالا

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
>> قانون من، 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 خود را بگویید،
موقعیت Y آن، شعاع آن است.

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 مرکز، به طوری
مرکز موقعیت X.

39
00:02:03,690 --> 00:02:06,730
بیایید می گویند، 200 200 پیکسل می باشد.

40
00:02:06,730 --> 00:02:10,220
>> بیایید آن Y از 200 پیکسل و همچنین به شما بدهد.

41
00:02:10,220 --> 00:02:16,032
و R، شعاع، در حدود 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
اجازه دهید آن را نیمه شفاف را
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
ویژگی های، با توجه به موقعیت X 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
بنابراین اجازه دهید ویژگی آن CX را بازنشانی کنید.

100
00:05:14,100 --> 00:05:18,260
بیایید می گویند، موقعیت X آن به 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
چگونه در مورد ما فقط به من بدهید
آن موقعیت X تصادفی؟

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
>> پس چه که می گوید، برای
هر x، اجرای این تابع.

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
>> 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
به جای استفاده از دایره ور
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
این بلوک از پایه متن
به عنوان بسیاری از محافل ایجاد

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
>> پس این X 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
و د در اینجا در محل برای اطلاعات است.

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 می پرسد
ما چه موقعیت X خود را،

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
من که کسانی که محافل پیدا
هستند نوع squished تا.

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
X و Y موقعیت.

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
>> تا بعد، قانون 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
سپس این مقدار فقط offscreen رفت.

289
00:15:44,540 --> 00:15:49,040
بنابراین منطق ما حق در اینجا
چگونه کار می کنیم بار 3

290
00:15:49,040 --> 00:15:52,570
و 20، به آن گسترش و پس از آن
جبران آن را کمی واقعا clunky است.

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 پیکسل و آن را squishes از،

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
>> و به جای داشتن
این نوع از منطق clunky

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
این بسیار clunky به
داده های سخت در اینجا کد.

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
در جاوا اسکریپت، دوباره، مربوط نیست.

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
این چیزی است که این means-- خوب.

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
د شامل بسیاری از عناصر داده.

506
00:29:54,780 --> 00:29:57,946
بنابراین ما به طور د.

507
00:29:57,946 --> 00:29:59,670
D3 به ما می دهد د.

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
جالب است به 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
و طرح ریزی تبدیل خواهد شد
که به x و y مقدار پیکسل.

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
ما باید عرض-پوزیشن های خرید پوزیشن های خرید نیز هست.

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
پروجکشن تبدیل آن مختصات
به مقدار پیکسل، x و y.

600
00:35:13,440 --> 00:35:16,680
و سپس آخرین چیزی که ما
می خواهید انجام دهید فقط می توانید از X،

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
>> ما برای Y همان را انجام دهید.

605
00:35:29,630 --> 00:35:34,960
اما در عوض، ما بازگشت
عنصر دوم، Y.

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
ما مختصات،
که x و y است.

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 فقط نقطه داده است.

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
من به ذکر است که بود
نیروی قوی از 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
بنابراین اجازه دهید بپرسم می تواند
USGS در مورد داده های خود را.

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