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
نحن بحاجة لمعرفة ما موقف العاشر لها،
موقف ذ لها، نصف قطرها.

31
00:01:40,045 --> 00:01:43,310
نحن لم يقولوا ذلك أي من ذلك،
لذلك نحن لا نرى ذلك الآن.

32
00:01:43,310 --> 00:01:46,210
ولكن دعونا نقول أنه الاشياء.

33
00:01:46,210 --> 00:01:49,510
>> حتى في المقام الأول، كنت قد حصلت على
لإعطاء دائرتنا اسما.

34
00:01:49,510 --> 00:01:53,070
لذلك دعونا نسميها دائرة.

35
00:01:53,070 --> 00:01:54,406
لدينا دائرة لديها اسم الآن.

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

37
00:01:57,230 --> 00:01:59,490
ودعونا إعطائها سمات قليلة.

38
00:01:59,490 --> 00:02:03,690
ماذا عن CX سوف تركز X، لذلك
وسط موقف العاشر.

39
00:02:03,690 --> 00:02:06,730
دعنا نقول، 200 ل 200 بكسل.

40
00:02:06,730 --> 00:02:10,220
>> دعونا إعطائها ص 200 بكسل كذلك.

41
00:02:10,220 --> 00:02:16,032
وص، دائرة نصف قطرها، من حوالي 40 بكسل.

42
00:02:16,032 --> 00:02:16,950
الآن دعونا نرى.

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

44
00:02:21,740 --> 00:02:23,440
لا أستطيع أن الإملائي.

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

46
00:02:30,430 --> 00:02:31,520
>> هناك تذهب.

47
00:02:31,520 --> 00:02:37,330
لدينا دائرة في موقف 200
بكسل، 200 بكسل، دائرة نصف قطرها 40 بكسل.

48
00:02:37,330 --> 00:02:38,280
نوع من باردة، أليس كذلك؟

49
00:02:38,280 --> 00:02:38,988
لدينا دائرة.

50
00:02:38,988 --> 00:02:40,880
نعم.

51
00:02:40,880 --> 00:02:42,670
>> لذلك لا حاجة لمتابعة على طول.

52
00:02:42,670 --> 00:02:45,790
كل هذه الأمثلة، كل من
رمز أفعله اليوم

53
00:02:45,790 --> 00:02:51,300
وسيتم توفير الانترنت في نهاية
في شكل من الأمثلة التفاعلية

54
00:02:51,300 --> 00:02:54,010
مع نقاط التفتيش في
كل عمل، وهلم جرا.

55
00:02:54,010 --> 00:02:55,160
>> دعونا نفعل المزيد من الأشياء.

56
00:02:55,160 --> 00:02:58,901
هذه دائرة سوداء قبيحة حقا.

57
00:02:58,901 --> 00:03:01,541
أنا آسف لهذا الخطأ
الرسائل الحق هناك.

58
00:03:01,541 --> 00:03:05,340
هناك نذهب.

59
00:03:05,340 --> 00:03:06,350
>> دعونا إعطائها اللون.

60
00:03:06,350 --> 00:03:07,170
كيف هذا؟

61
00:03:07,170 --> 00:03:08,340
أود أن الأزرق الصلب.

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

63
00:03:13,280 --> 00:03:16,030
حسنا، دائرتنا غيرت اللون.

64
00:03:16,030 --> 00:03:17,320
هذا عظيم.

65
00:03:17,320 --> 00:03:31,330
دعونا جعله شبه شفافة
too-- شبه شفافة.

66
00:03:31,330 --> 00:03:33,670
>> لذلك هذه هي الصفات
نحن على تحديد الدائرة.

67
00:03:33,670 --> 00:03:36,774
أول شيء فعلناه هو
نضع دائرة على الصفحة.

68
00:03:36,774 --> 00:03:38,690
ومن ثم نقوم بتعريف
مجموعة من الصفات.

69
00:03:38,690 --> 00:03:41,610
ويلزم بعض هذه،
مثل CX، CY، ونصف قطرها.

70
00:03:41,610 --> 00:03:42,680
والبعض الآخر اختياري.

71
00:03:42,680 --> 00:03:44,730
>> هناك الكثير من الصفات.

72
00:03:44,730 --> 00:03:46,760
هناك الكثير منهم.

73
00:03:46,760 --> 00:03:53,070
على سبيل المثال، يمكن أن لدينا
السكتة الدماغية كذلك، ضربة الأحمر.

74
00:03:53,070 --> 00:03:55,630
ولكن دعونا إزالة هذا.

75
00:03:55,630 --> 00:04:00,450
نعود إلى دائرة، دائرة زرقاء.

76
00:04:00,450 --> 00:04:01,600
>> لذلك دعونا بذل المزيد من الدوائر.

77
00:04:01,600 --> 00:04:02,810
كيف هذا؟

78
00:04:02,810 --> 00:04:04,665
دعونا نجعل دائرة أخرى.

79
00:04:04,665 --> 00:04:05,985
هذا هو مثير، أليس كذلك؟

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

81
00:04:09,630 --> 00:04:12,300
>> لذلك أقول إنني مجرد نسخ لصق-
ما كان لدينا بالفعل.

82
00:04:12,300 --> 00:04:13,570
دعنا نسميها circle2.

83
00:04:13,570 --> 00:04:15,840
ودعونا نفعل بالضبط
نفس الشيء واعطائها

84
00:04:15,840 --> 00:04:20,450
الصفات، نظرا لموقف العاشر من 300.

85
00:04:20,450 --> 00:04:24,140
ياي، لدينا دائرتين الآن.

86
00:04:24,140 --> 00:04:27,240
>> وبطبيعة الحال، نحن يمكن
تحديث هذه القيم.

87
00:04:27,240 --> 00:04:31,640
I يتمكن من تسديدها في 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
هي مشابهة جدا لماذا أنت
قد تفعل في مسج، على سبيل المثال.

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
دعنا نقول، موقف العاشر ل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
>> فما أن يقول هو، ل
كل س، تشغيل هذه الوظيفة.

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-- قانون II، بيانات مدفوعة
لذلك دعونا العودة إلى هنا.

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
اللحظات، واحد دعنا نقول،
كان لدينا بيانات من هذا النموذج.

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
>> لذلك هذا خ postition-- بدلا
من مجرد القول، جميع الدوائر،

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
سوف D3 إنشاء هذه الدوائر السبعة.

216
00:11:37,750 --> 00:11:38,500
ثم لكل

217
00:11:38,500 --> 00:11:41,920
>> دائرة، انها سوف تذهب، مهلا،
circle1 ما هو موقف العاشر الخاص بك.

218
00:11:41,920 --> 00:11:45,210
في السابق، كنا
الإجابة دائما 200.

219
00:11:45,210 --> 00:11:48,630
ولكن الآن، يسأل في كل مرة D3
لنا ما هو موقف العاشر الخاص بك،

220
00:11:48,630 --> 00:11:51,790
انها سوف تعطي us-- لدينا
هذه الدائرة، لذلك لدينا البيانات.

221
00:11:51,790 --> 00:11:55,290
انها سوف تعطينا بيانات ويقول:
ماذا تريد المعرض أن يكون،

222
00:11:55,290 --> 00:11:57,120
بناء على تلك البيانات.

223
00:11:57,120 --> 00:11:59,590
>> دعونا فقط إرجاع البيانات الفعلية.

224
00:11:59,590 --> 00:12:04,910
لذلك إذا أردنا تشغيل هذا، وهذا يعطي
البيانات الأمريكية مدفوعة الوثائق.

225
00:12:04,910 --> 00:12:08,040
وتستند هذه الدوائر
فيما position--

226
00:12:08,040 --> 00:12:11,120
انهم قواعد بوصفها وظيفة من البيانات.

227
00:12:11,120 --> 00:12:13,100
>> حتى بالنسبة للدائرة الأولى،
D3 يضع دائرة.

228
00:12:13,100 --> 00:12:16,770
ثم D3 يطلب منا، ماذا تفعل
تريد المعرض أن يكون.

229
00:12:16,770 --> 00:12:19,620
ونحن نقول فقط، مهما كانت البيانات.

230
00:12:19,620 --> 00:12:21,185
جعل المعرض 10.

231
00:12:21,185 --> 00:12:26,320
>> ثم يسأل، ماذا تريد
معرض ليكون للدائرة الثانية.

232
00:12:26,320 --> 00:12:27,270
ونحن نجيب (45 عاما).

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

234
00:12:30,000 --> 00:12:32,230
ونحن، بالطبع، يمكن لل
إجراء بعض الحسابات هنا.

235
00:12:32,230 --> 00:12:35,510
أجد أن تلك الدوائر
هي نوع من مسحوق يصل.

236
00:12:35,510 --> 00:12:38,965
>> حتى اضربها 3، وتتضاعف البيانات بواسطة 3.

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

238
00:12:41,870 --> 00:12:43,840
لدينا دائرة فقط حصلت على توسيع بها.

239
00:12:43,840 --> 00:12:46,730
وكان ثلاثة أضعاف قيمة لدينا.

240
00:12:46,730 --> 00:12:51,010
>> الدائرة هي حقا على الحافة،
لذلك دعونا ربما نوع من تعويض ذلك.

241
00:12:51,010 --> 00:12:53,632
دعنا نقول، بنسبة 20.

242
00:12:53,632 --> 00:12:56,070
ها أنت ذا.

243
00:12:56,070 --> 00:12:57,590
>> هذا هو التصور البيانات.

244
00:12:57,590 --> 00:13:01,767
انها واحدة أساسية جدا، ولكن هذا
يعطينا فكرة عن البيانات لدينا.

245
00:13:01,767 --> 00:13:04,600
وهو يخبرنا بأن، على سبيل المثال، فإننا
لدينا مجموعة صغيرة من العناصر.

246
00:13:04,600 --> 00:13:06,340
ولدينا ناشز كبيرة هنا.

247
00:13:06,340 --> 00:13:10,830
وهذا يعطينا بعض المعلومات
حول التوزيع.

248
00:13:10,830 --> 00:13:20,830
>> إذا كنا، على سبيل المثال، لتغيير
البيانات إلى 150 هنا والتحديث،

249
00:13:20,830 --> 00:13:22,630
يتم تغيير التصور لدينا.

250
00:13:22,630 --> 00:13:24,285
هذه الوثيقة هي البيانات مدفوعة.

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

252
00:13:32,640 --> 00:13:36,180
>> وذلك بطبيعة الحال، كل هذه العناصر،
كل هذه الصفات هنا،

253
00:13:36,180 --> 00:13:38,430
يمكننا استخدام وظيفة، وليس
مجرد أرقام، وليس فقط

254
00:13:38,430 --> 00:13:39,900
x و مواقف ذ.

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
>> يصل المقبل، الفصل الثالث، Scales--
حتى مشكلة واحدة الحق

286
00:15:35,300 --> 00:15:38,920
هنا هو، إذا كان لنا أن نغير
البيانات الواردة في هذا 200 value--

287
00:15:38,920 --> 00:15:41,685
إذا كان لنا تغييره إلى 400
أو شيء من هذا والتحديث،

288
00:15:41,685 --> 00:15:44,540
ثم هذه القيمة فقط ذهبت خارج الشاشة.

289
00:15:44,540 --> 00:15:49,040
لذلك المنطق حقنا هنا
كيف يمكننا القيام به 3 مرات

290
00:15:49,040 --> 00:15:52,570
و 20، لنشر بها وثم
تعويض عليه قليلا هو عالي الكعب حقا.

291
00:15:52,570 --> 00:15:54,150
>> ماذا تعني هذه الأرقام؟

292
00:15:54,150 --> 00:15:55,400
انهم مجرد الصعب مشفرة هناك.

293
00:15:55,400 --> 00:15:58,830
وانهم مرتبطة بكثير جدا من البيانات.

294
00:15:58,830 --> 00:16:00,550
نريد وثيقة بيانات مدفوعة.

295
00:16:00,550 --> 00:16:05,460
نريد وثيقة مرنة جدا،
أن البيانات الواردة، تكيف لها

296
00:16:05,460 --> 00:16:07,900
ويمثل ذلك.

297
00:16:07,900 --> 00:16:11,330
>> ما نحتاج إليه في الأساس هو، ونحن
لديك هذه مجموعة من الأرقام 10.

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

299
00:16:12,640 --> 00:16:17,630
ونحن نريد أن الخريطة التي خارجا على
عرض، والعرض الكامل هنا.

300
00:16:17,630 --> 00:16:20,620
لذلك لدينا مجموعة من
أرقام الذهاب من 0 إلى 100.

301
00:16:20,620 --> 00:16:24,980
ولدينا هذا الحرم الجامعي أنا وغني
20-700، في هذه الحالة.

302
00:16:24,980 --> 00:16:26,515
>> نحن نوع من تريد تعيين ذلك على.

303
00:16:26,515 --> 00:16:30,002
نحن نريد لتوسيع نطاق ما يصل و
ثم يقابل ذلك قليلا.

304
00:16:30,002 --> 00:16:33,165
وتبين أن D3 ديه هذه.

305
00:16:33,165 --> 00:16:34,220
انه دعا نطاق.

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

307
00:16:37,410 --> 00:16:38,250
لذلك دعونا استخدامها.

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

309
00:16:46,300 --> 00:16:49,670
>> الطريقة التي works-- أنا ذاهب ل
اكتب هذا الأمر ومن ثم شرح ذلك.

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

311
00:17:01,530 --> 00:17:02,450
هذا هو المقياس.

312
00:17:02,450 --> 00:17:08,670
ما سوف تفعله هو، فإنه سيتم رسم
القيم 1-200 إلى 20-600.

313
00:17:08,670 --> 00:17:10,990
يمكننا التحقق من ذلك.

314
00:17:10,990 --> 00:17:13,329
يمكننا أن نرى ذلك هنا.

315
00:17:13,329 --> 00:17:21,704
>> حتى لو كنت إطعام عليه 1-- لحظة واحدة.

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

317
00:17:47,764 --> 00:17:48,555
أعطني ثانية واحدة.

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

319
00:17:53,680 --> 00:17:55,080
أنا يجب أن يكون أخطأت عليه.

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

321
00:18:15,320 --> 00:18:15,990
هناك تذهب.

322
00:18:15,990 --> 00:18:17,930
أنا آسف لذلك.

323
00:18:17,930 --> 00:18:22,050
>> لذلك ماذا سيفعل نطاق
و، وسوف يستغرق قيمة

324
00:18:22,050 --> 00:18:24,930
ومن ثم تحويل ذلك،
توسيع أنه من أصل، لذلك

325
00:18:24,930 --> 00:18:27,320
يملأ مجموعة كاملة كنت طالبا.

326
00:18:27,320 --> 00:18:32,910
حتى في هذه الحالة، إذا كان لنا أن تعطيه واحد،
انها سوف الخريطة أن خروج الى 20.

327
00:18:32,910 --> 00:18:37,750
وإذا كان لنا أن تعطيه 200، انها
الذهاب إلى الخريطة التي على 600.

328
00:18:37,750 --> 00:18:40,460
وفي مكان ما بين،
اذا حصلنا على 100، انها

329
00:18:40,460 --> 00:18:44,610
سيكون في مكان ما
في ما بين 20 و 600.

330
00:18:44,610 --> 00:18:51,480
>> وبطبيعة الحال، والآن هذا هو ما
نحن بحاجة إلى إزالة تلك الثابت ترميز

331
00:18:51,480 --> 00:18:53,402
الأشياء لدينا الحق هناك.

332
00:18:53,402 --> 00:18:55,950
ذلك ما نريد القيام به هو
تأخذ البيانات التي نحن

333
00:18:55,950 --> 00:19:00,950
معين، أن البيانات الفردية
العنصر، ويسلمها لتوسيع نطاق أولا.

334
00:19:00,950 --> 00:19:02,635
حتى على نطاق وتحجيم عنه.

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

336
00:19:27,020 --> 00:19:48,880
>> Well-- أوه، لدينا خطأ صغير هنا.

337
00:19:48,880 --> 00:19:50,120
نفتقده البيانات.

338
00:19:50,120 --> 00:19:51,290
هناك تذهب.

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

340
00:19:58,550 --> 00:19:59,550
والذي يوسع من ذلك.

341
00:19:59,550 --> 00:20:01,383
>> هذا يعطينا نفس
نتيجة كان لدينا من قبل،

342
00:20:01,383 --> 00:20:04,030
ولكن بدلا من وجود تلك
الثابت ترميز القيود.

343
00:20:04,030 --> 00:20:07,790
وإذا كان حجم لدينا
التغييرات قماش، على سبيل المثال،

344
00:20:07,790 --> 00:20:11,790
إذا كنا نريد أن يكون هذا على
400 بكسل ويسحق بها،

345
00:20:11,790 --> 00:20:15,440
نحن يمكن أن يكون ذلك over--
يمكننا توسيعه، أو أننا

346
00:20:15,440 --> 00:20:21,890
يمكن أن تقلل من هذا الهامش الأيسر ل
شيء أقل أو أكثر من 20.

347
00:20:21,890 --> 00:20:25,470
هذه الأرقام، هذه الثابت ترميز
أرقام تجعل الآن معنى بالنسبة لنا.

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

349
00:20:28,110 --> 00:20:30,520
>> ويمكننا أن نفعل أكثر بكثير
أشياء مثيرة للاهتمام كذلك.

350
00:20:30,520 --> 00:20:35,990
وذلك بدلا من وجود الخطية
الحجم، ونحن قد ترغب في تسجيل نطاق.

351
00:20:35,990 --> 00:20:37,840
وهذا سيتيح لنا نطاق السجل.

352
00:20:37,840 --> 00:20:41,269
>> حتى الآن لدينا الحجم، بدلا من
مجرد توسيع إلى أن المدى،

353
00:20:41,269 --> 00:20:42,810
انها تفعل أشياء أكثر تطورا.

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

355
00:20:48,790 --> 00:20:53,790
بدلا من الاضطرار هذا النطاق الصعب
مشفرة، وبدلا من الاضطرار أن 600،

356
00:20:53,790 --> 00:20:58,465
نحن قد ترغب في استخدام مجرد العرض،
لذلك من 20 إلى العرض ناقص 40،

357
00:20:58,465 --> 00:21:02,392
2 مرات الهامش على الجانب الآخر.

358
00:21:02,392 --> 00:21:05,350
وهذا ما يجعل الكثير من معنى ل
شخص قد ننظر في التعليمات البرمجية.

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

360
00:21:08,080 --> 00:21:11,850
>> ومن المثير للاهتمام، وجداول الحصول على
جدا ومتطورة جدا كذلك.

361
00:21:11,850 --> 00:21:13,350
يفعلون الكثير من الأشياء المثيرة للاهتمام.

362
00:21:13,350 --> 00:21:17,620
لذا المقاييس ليس بالضرورة
للعمل فقط مع الأرقام.

363
00:21:17,620 --> 00:21:18,955
دعونا نجعل نطاق اللون.

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

365
00:21:23,120 --> 00:21:26,120
>> لذلك لدينا مجموعة يمكن be--
لنا المجال من 1 إلى 200 شخص.

366
00:21:26,120 --> 00:21:28,220
هذا هو الشيء الإدخال.

367
00:21:28,220 --> 00:21:33,793
ولكننا قد ترغب في تعيين من
الأخضر إلى الأحمر، على سبيل المثال.

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

369
00:21:39,710 --> 00:21:42,910
والآن، إذا كنا تمريرها 1،
ونحن في طريقنا للحصول على اللون الأخضر.

370
00:21:42,910 --> 00:21:45,110
إذا كان لنا أن تعطيه 200، وسوف نحصل الأحمر.

371
00:21:45,110 --> 00:21:49,480
وإذا كان لنا أن تمر عليه شيء في بين،
انها سوف تكون بعض مزيج من ذلك،

372
00:21:49,480 --> 00:21:52,520
في مكان ما على التدرج
بين الأخضر والأحمر.

373
00:21:52,520 --> 00:21:55,210
>> وبدلا من وجود
هذا النوع من المنطق عالي الكعب

374
00:21:55,210 --> 00:21:58,550
لدينا هنا مع
مشروطة هناك حق،

375
00:21:58,550 --> 00:22:03,250
أننا يمكن أن يكون something-- ل
مقياس خطي بين هؤلاء.

376
00:22:03,250 --> 00:22:07,100
لذلك كنا استخدام على نطاق ونحن فقط
خلق، وهو ما يسمى اللون.

377
00:22:07,100 --> 00:22:09,060
وكنا تعطيه د، والذي
هو عنصر من عناصر البيانات لدينا.

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
>> القانون الرابع، مع العمل
Data-- أول شيء

391
00:22:50,500 --> 00:22:53,560
سنقوم تريد القيام به لجعل لدينا
التصور أكثر إثارة للاهتمام

392
00:22:53,560 --> 00:22:56,140
هو لنقل البيانات في مكان آخر.

393
00:22:56,140 --> 00:22:58,310
انها عالي الكعب جدا أن يكون
البيانات الثابت ترميز هنا.

394
00:22:58,310 --> 00:23:01,220
وعموما، سنكون يسأل
شخص آخر للبيانات.

395
00:23:01,220 --> 00:23:05,400
سنكون ربما نطلب من الحكومة،
مكتب الإحصاء، ما هو البيانات الخاصة بك

396
00:23:05,400 --> 00:23:10,170
ثم بالتآمر أن يسأل أو
بعض كيان طرف ثالث لبعض البيانات

397
00:23:10,170 --> 00:23:13,330
ومن ثم بناء
التصور على ذلك.

398
00:23:13,330 --> 00:23:17,170
>> لذا فإن أول شيء نريد أن نفعله
غير أن الانتقال إلى مكان آخر.

399
00:23:17,170 --> 00:23:24,130
لذلك أنا ذاهب لخلق
ملف يسمى هنا data.json.

400
00:23:24,130 --> 00:23:25,600
JSON هو تنسيق البيانات.

401
00:23:25,600 --> 00:23:29,210
لم يكن لديك لمعرفة الكثير عن ذلك.

402
00:23:29,210 --> 00:23:33,210
ونحن في طريقنا للنسخ
البيانات القليل لدينا هناك،

403
00:23:33,210 --> 00:23:40,330
صقه في حرفيا هناك، انتقل
العودة إلى رمز التصور لدينا

404
00:23:40,330 --> 00:23:45,362
هنا، واستخدام هذه الوظيفة هنا.

405
00:23:45,362 --> 00:23:46,820
لم يكن لديك لمعرفة التفاصيل.

406
00:23:46,820 --> 00:23:49,800
ولكن ما هذا سوف تفعله هو،
سوف تجد هذا الملف،

407
00:23:49,800 --> 00:23:51,780
جلب عليه، وإعادته إلينا.

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

409
00:24:11,660 --> 00:24:15,220
فماذا يعني هذا هو، فإنه يذهب
والحصول على ملف data.json.

410
00:24:15,220 --> 00:24:18,570
وبعد ذلك كل رمز هذا
بادئة inside-- أساسا،

411
00:24:18,570 --> 00:24:21,800
كافة التعليمات البرمجية لدينا there-- سوف
تشغيل فقط عندما نحصل على البيانات مرة أخرى.

412
00:24:21,800 --> 00:24:25,760
وبعد ذلك يجري لتشغيل هذا
الرمز مع البيانات التي لدينا.

413
00:24:25,760 --> 00:24:28,870
العظمى، لدينا
تصور أن يستعلم

414
00:24:28,870 --> 00:24:31,390
لبعض التعليمات البرمجية في مكان ما
آخر، والتي عادة ما

415
00:24:31,390 --> 00:24:36,110
حيث يستعلم بعض البيانات من
في مكان آخر، والتي عادة ما

416
00:24:36,110 --> 00:24:38,656
كيفية عمل تصورات.

417
00:24:38,656 --> 00:24:41,400
>> ولكن أريد أن أعود إلى البيانات.

418
00:24:41,400 --> 00:24:48,030
ولذلك فإن البيانات بشكل أساسي في D3-- D3
تستهلك البيانات التي من قائمة من الأشياء.

419
00:24:48,030 --> 00:24:53,000
وتتوقع D3 البيانات أن يكون مجرد قائمة
من الأشياء، ومجموعة من الأشياء.

420
00:24:53,000 --> 00:24:58,780
لا يهم ما هي تلك الأشياء
هي، طالما انها مجموعة منهم.

421
00:24:58,780 --> 00:25:02,460
>> حتى هنا، على سبيل المثال، يمكننا من
بالطبع لم يتحرك القيم نقطة.

422
00:25:02,460 --> 00:25:04,830
أننا يمكن أن يكون السلبيات.

423
00:25:04,830 --> 00:25:09,400
D3 لا يهتم، وقتا طويلا
كما انها قائمة من الأشياء.

424
00:25:09,400 --> 00:25:13,270
>> أشياء مثيرة للاهتمام كما نحن
يمكن أن يكون، نستطيع أيضا

425
00:25:13,270 --> 00:25:19,410
لديك قائمة من سلاسل من هذا القبيل.

426
00:25:19,410 --> 00:25:25,440
لذلك فان هذه هي العناوين الرئيسية قرمزي
التقطت قبل بضعة أيام.

427
00:25:25,440 --> 00:25:29,220
وربما يمكنك أن تجد بعض مثيرة للاهتمام
الأشياء عن هذه على عناوين الصحف.

428
00:25:29,220 --> 00:25:30,970
>> ذلك مرة أخرى، وهذا هو قائمة من الأشياء.

429
00:25:30,970 --> 00:25:32,360
D3 لا يهمه.

430
00:25:32,360 --> 00:25:35,572
هذه يحدث ليكون سلسلة.

431
00:25:35,572 --> 00:25:36,530
قمنا بتغيير البيانات لدينا.

432
00:25:36,530 --> 00:25:38,210
>> دعونا العودة إلى التصور لدينا.

433
00:25:38,210 --> 00:25:42,495
الآن، يتوقع التصور لدينا
مدخلات أن تكون الأرقام.

434
00:25:42,495 --> 00:25:44,370
لذلك نحن ذاهبون لدينا
لجعل بعض التغييرات.

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

436
00:25:47,180 --> 00:25:52,180
هكذا على سبيل المثال، أولا وقبل كل شيء، ربما
نحن نريد ان نضع هذه الدوائر على طول

437
00:25:52,180 --> 00:25:56,870
من طول العنوان، و
عدد الأحرف في العنوان.

438
00:25:56,870 --> 00:26:03,600
>> ذلك ما سنقوم به is-- في كل مرة لدينا
يتم استدعاء الدالة مع سلسلة،

439
00:26:03,600 --> 00:26:09,095
سنجد انها طول و
ثم تمرير ذلك إلى مقياس.

440
00:26:09,095 --> 00:26:11,550
لون، وأنا سوف نعود
أن إلى اللون الأزرق الصلب.

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

442
00:26:19,060 --> 00:26:20,420
وهناك نذهب.

443
00:26:20,420 --> 00:26:23,190
لدينا التصور
عناوين قرمزي.

444
00:26:23,190 --> 00:26:25,500
>> حجم أعمالنا هو خارج قليلا.

445
00:26:25,500 --> 00:26:29,680
دعونا نفترض أن أطول
العنوان هو 100 حرفا،

446
00:26:29,680 --> 00:26:32,244
بحيث تمتد التي بها قليلا.

447
00:26:32,244 --> 00:26:33,410
ونحن لدينا التصور.

448
00:26:33,410 --> 00:26:36,710
لذلك يبدو أن معظم عناوين الصحف
هي قريبة جدا معا،

449
00:26:36,710 --> 00:26:38,750
من حيث خط الحرف.

450
00:26:38,750 --> 00:26:41,200
ولكن واحدة هناك تقف حقا.

451
00:26:41,200 --> 00:26:46,660
>> نتمكن من بناء بعض الأدوات
لاستكشاف أن أكثر.

452
00:26:46,660 --> 00:26:50,710
ولكن عندما كنت أعمل على هذا، كنت
غريبة سواء، في هذه المجموعة البيانات،

453
00:26:50,710 --> 00:26:53,880
عناوين الصحف مع القولون
في منهم سيكون لفترة أطول.

454
00:26:53,880 --> 00:26:55,770
I يفترض أنهم سوف.

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
ولكن الآن، د يحتوي على المزيد من الأشياء.

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
هذه القيم هنا هي
يتوق-خطوط الطول للمبنى

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
>> وهكذا أخذ تلك يتوق-خطوط الطول، والتي
تمثل شيئا على العالم كله

575
00:33:57,250 --> 00:34:02,850
والسحق ونقل أن حوالي
لتعطينا x و القيم ص بكسل،

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
>> لذلك تبحث في معرض لدينا،
نريد 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
ثم آخر شيء نحن
تريد القيام به هو مجرد الحصول على خ،

601
00:35:16,680 --> 00:35:19,342
هذه الحالة التي هي أول واحد.

602
00:35:19,342 --> 00:35:22,050
انها أول من الأمرين
التي يتم إرجاعها من قبل الإسقاط.

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

604
00:35:27,840 --> 00:35:29,630
>> ونحن سوف نفعل نفس الشيء بالنسبة ذ.

605
00:35:29,630 --> 00:35:34,960
ولكن بدلا من ذلك، سوف نعود
العنصر الثاني، ذ.

606
00:35:34,960 --> 00:35:35,980
احصل على استعداد لتحديث.

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

608
00:35:39,830 --> 00:35:46,450
أوه، والطابع اضافية
لطيفة here--، لدينا

609
00:35:46,450 --> 00:35:51,730
وثيقة تعتمد على البيانات هذا
إخفاء هذا الملف JSON من الكائنات،

610
00:35:51,730 --> 00:35:57,560
جعل الخريطة، وتغيير
السمة فيما يتعلق البيانات

611
00:35:57,560 --> 00:35:59,600
لذلك المشروع على الخريطة.

612
00:35:59,600 --> 00:36:00,840
هذا مثير للاهتمام حقا.

613
00:36:00,840 --> 00:36:03,770
هذا هو بارد.

614
00:36:03,770 --> 00:36:05,640
>> دعونا نلقي عنه قليلا.

615
00:36:05,640 --> 00:36:08,795
أعني، لدينا قطعتين من
المعلومات مع كل نقطة البيانات.

616
00:36:08,795 --> 00:36:10,000
أعني، ثلاثة.

617
00:36:10,000 --> 00:36:12,540
لدينا إحداثيات،
وهو 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
ونحن الماضي د.

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
أشرت إلى أن كان
قوة قوية من 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
وبدلا من ذلك، ادعو
هيئة المسح الجيولوجي الامريكية أساسا.

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