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
>> डेविड Chouinard: मैं दाऊद हूँ
Chouinard, और इस D3 है।

4
00:00:16,480 --> 00:00:17,700
वेलकम।

5
00:00:17,700 --> 00:00:21,270
हम आज डी 3 के बारे में जानने के लिए जा रहे हैं।

6
00:00:21,270 --> 00:00:25,020
डी 3 एक जावास्क्रिप्ट रूपरेखा है
एक उच्च गुणवत्ता के निर्माण के लिए

7
00:00:25,020 --> 00:00:28,110
वेब के लिए इंटरैक्टिव visualizations के।

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
>> मैं अधिनियम, डोम 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
>> तो हम यहीं क्या किया,
एसवीजी स्केलेबल वेक्टर ग्राफिक्स है।

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
हम इसे अपनी एक्स स्थिति बताने की जरूरत
इसके 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 के बारे में तो, एक्स केंद्र होगा
एक्स स्थिति के केंद्र।

39
00:02:03,690 --> 00:02:06,730
200 पिक्सल के लिए, 200 कहते हैं।

40
00:02:06,730 --> 00:02:10,220
>> के रूप में अच्छी तरह से यह 200 पिक्सल के एक y दे दो।

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, सीवाई, और त्रिज्या की तरह।

70
00:03:41,610 --> 00:03:42,680
और दूसरों को वैकल्पिक हैं।

71
00:03:42,680 --> 00:03:44,730
>> एक बहुत अधिक विशेषताओं के होते हैं।

72
00:03:44,730 --> 00:03:46,760
उनमें से एक बहुत कुछ है।

73
00:03:46,760 --> 00:03:53,070
उदाहरण के लिए, हम एक हो सकता था
स्ट्रोक के रूप में अच्छी तरह से लाल रंग का एक ही झटके।

74
00:03:53,070 --> 00:03:55,630
लेकिन हम उस को दूर करते हैं।

75
00:03:55,630 --> 00:04:00,450
हम वापस एक चक्र, एक नीले वृत्त के लिए कर रहे हैं।

76
00:04:00,450 --> 00:04:01,600
>> तो चलो अधिक हलकों बनाते हैं।

77
00:04:01,600 --> 00:04:02,810
कैसे है?

78
00:04:02,810 --> 00:04:04,665
चलो एक और वृत्त बनाते हैं।

79
00:04:04,665 --> 00:04:05,985
यह सही है, रोमांचक है?

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

81
00:04:09,630 --> 00:04:12,300
>> तो मैं बस कॉपी चिपकाया कहना
क्या हम पहले से ही था।

82
00:04:12,300 --> 00:04:13,570
चलो यह circle2 कहते हैं।

83
00:04:13,570 --> 00:04:15,840
और सटीक करते हैं
एक ही बात है और यह दे

84
00:04:15,840 --> 00:04:20,450
300 की एक एक्स स्थिति को देखते हुए जिम्मेदार बताते हैं।

85
00:04:20,450 --> 00:04:24,140
याय, अब हम दो हलकों है।

86
00:04:24,140 --> 00:04:27,240
>> और हां, हम कर सकते थे
इन मूल्यों को अद्यतन करें।

87
00:04:27,240 --> 00:04:31,640
मैं 400 में डाल सकता है, और अब यह बढ़ता रहता है।

88
00:04:31,640 --> 00:04:35,470
यह कष्टप्रद है और के बाद से, चलो
इसलिए circle2.remove, इसे हटा दें।

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

90
00:04:39,000 --> 00:04:40,730
यह अब चला गया है।

91
00:04:40,730 --> 00:04:43,170
>> तो हम क्या कर रहे हैं और
इस very--, अभी बहुत है

92
00:04:43,170 --> 00:04:46,030
आप क्या करने के लिए बहुत समान है
उदाहरण के लिए, jQuery में कर सकता है।

93
00:04:46,030 --> 00:04:48,240
हम सिर्फ जोड़ तोड़ कर रहे हैं
डोम, यह कहा जाता है।

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
कैसे हम सिर्फ देने के बारे में
यह एक यादृच्छिक एक्स स्थिति?

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--
तो चलो यहाँ करने के लिए वापसी करते हैं।

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-- करने के लिए और
आप डी 3 कोड में बहुत बार है देखेंगे।

161
00:08:31,370 --> 00:08:36,840
पाठ मूल के इस ब्लॉक
के रूप में कई हलकों बनाता है

162
00:08:36,840 --> 00:08:41,360
डेटा तत्व के रूप में वहाँ
यहीं इस सरणी में।

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

164
00:08:53,420 --> 00:08:55,780
तो इस रूप में कई बनाता है
वहाँ के रूप में हलकों तत्व हैं।

165
00:08:55,780 --> 00:08:58,520
यह हमें सात हलकों बनाने के लिए जा रहा है।

166
00:08:58,520 --> 00:09:01,710
और यह एक सच में, सच कुंजी बात करता है।

167
00:09:01,710 --> 00:09:02,460
तो चलो कि चलाते हैं।

168
00:09:02,460 --> 00:09:05,460
चलो हमारे अन्य चक्र को दूर करते हैं।

169
00:09:05,460 --> 00:09:09,565
चलो बस इस टिप्पणी दें
बाहर भाग और फिर इस चलाते हैं।

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

171
00:09:13,840 --> 00:09:15,260
>> हम वहाँ जाओ।

172
00:09:15,260 --> 00:09:18,030
तो यहाँ हमारे चक्र है एक
बहुत गहरा है, क्योंकि हम

173
00:09:18,030 --> 00:09:20,720
सात हलकों है, एक
दूसरे के शीर्ष पर।

174
00:09:20,720 --> 00:09:25,425
हम सिर्फ सात हलकों, एक बनाया
इन आंकड़ों तत्वों में से प्रत्येक के लिए प्रत्येक।

175
00:09:25,425 --> 00:09:28,860
लेकिन क्या हुआ कि एक महत्वपूर्ण बात नहीं है
यहीं इस स्निपेट के साथ।

176
00:09:28,860 --> 00:09:31,030
>> यह डेटा के लिए बाध्य किया गया था कि है।

177
00:09:31,030 --> 00:09:33,440
तो हर एक की
उन डेटा तत्वों,

178
00:09:33,440 --> 00:09:38,830
10, 45, 105, बाध्य किया गया था
एक विशेष सर्कल के लिए।

179
00:09:38,830 --> 00:09:40,960
तो ये ही नहीं बनाया
हलकों का एक गुच्छा

180
00:09:40,960 --> 00:09:43,420
लेकिन एक साथ उन दो बातें संबंधों।

181
00:09:43,420 --> 00:09:48,740
>> और भविष्य में, हम बनाया है क्योंकि
इस डी 3 समारोह के साथ उन हलकों,

182
00:09:48,740 --> 00:09:52,430
मैं तुम्हें एक वृत्त दे, तो आप कर सकते हैं
मुझे इसके साथ जुड़े आंकड़े दे।

183
00:09:52,430 --> 00:09:53,280
इसलिए हम डी 3 पूछ सकते हैं।

184
00:09:53,280 --> 00:09:54,840
अरे, डी 3, मैं इस चक्र है।

185
00:09:54,840 --> 00:09:57,350
वृत्त है कि डेटा क्या है?

186
00:09:57,350 --> 00:10:01,290
और डी 3 हमें 10 या 45 या 105 बताना होगा।

187
00:10:01,290 --> 00:10:02,380
>> इन बातों को बाध्य कर रहे हैं।

188
00:10:02,380 --> 00:10:04,490
यह एक बहुत, बहुत मौलिक अवधारणा है।

189
00:10:04,490 --> 00:10:06,070
चलो उस पर नजर डालते हैं।

190
00:10:06,070 --> 00:10:12,210
>> तो जिस तरह से हम इतने D3-- पूछना चाहते हैं
यही नहीं, इस बात के लिए अप्रासंगिक है

191
00:10:12,210 --> 00:10:16,620
लेकिन अभी इस पर मुझे भरोसा है।

192
00:10:16,620 --> 00:10:17,620
यह हम डी 3 पूछना कैसे है।

193
00:10:17,620 --> 00:10:21,312
अरे, डी 3, पहले मुझे दे
आप पा सकते हैं कि वृत्त।

194
00:10:21,312 --> 00:10:23,580
मुझे आप पा सकते हैं पहले चक्र दीजिए।

195
00:10:23,580 --> 00:10:29,660
और फिर हम डी 3 पूछ सकते हैं, क्या हो रहा है
इस तरह से उस पर डेटा, 10।

196
00:10:29,660 --> 00:10:33,380
>> तो हम बस डी 3 से पूछते हैं, मुझे लगता है
आप पा सकते हैं पहले चक्र।

197
00:10:33,380 --> 00:10:34,400
अपने डेटा क्या है?

198
00:10:34,400 --> 00:10:36,650
10, कि वास्तव में हमारी है
पहली डेटा तत्व।

199
00:10:36,650 --> 00:10:42,150
हम, हे, डी 3 यह पूछ सकता है
हमें हमारे तीसरे चक्र पाते हैं।

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

201
00:10:44,450 --> 00:10:45,740
क्यों यह वास्तव में महत्वपूर्ण है?

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

203
00:10:49,790 --> 00:10:52,250
>> तो यहीं, मैंने उल्लेख किया
कि हम कार्यों का उपयोग कर सकता है।

204
00:10:52,250 --> 00:10:54,910
और मुझे लगता है कि उल्लेख किया गया
एक बहुत शक्तिशाली बात।

205
00:10:54,910 --> 00:11:03,070
इतना ही हमारे कार्यों बातें कर सकते हैं नहीं
जैसे उदाहरण के लिए, कुछ गणना करते हैं,

206
00:11:03,070 --> 00:11:09,170
एक यादृच्छिक संख्या में यह कर सकते हैं वापस जाने
यह भी डेटा के आधार पर काम करते हैं।

207
00:11:09,170 --> 00:11:11,550
इस डेटा संचालित दस्तावेजों क्या मतलब है।

208
00:11:11,550 --> 00:11:13,750
यही कारण है कि डी 3 के लिए खड़ा है।

209
00:11:13,750 --> 00:11:17,800
>> तो यह एक्स 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
डी 3 इन सात हलकों पैदा करेगा।

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
लेकिन अब, हर बार डी 3 पूछता
हमें अपने एक्स स्थिति क्या है,

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
>> पहले चक्र के लिए तो,
डी 3 एक चक्र डालता है।

228
00:12:13,100 --> 00:12:16,770
और फिर डी 3 कि क्या करना है, हमें पूछता
आप प्रदर्शनी होना चाहते हैं।

229
00:12:16,770 --> 00:12:19,620
और हम सिर्फ डेटा है, जो कुछ भी कहते हैं।

230
00:12:19,620 --> 00:12:21,185
प्रदर्शनी 10 बनाओ।

231
00:12:21,185 --> 00:12:26,320
>> तो फिर यह तुम क्या चाहते हो, पूछता
प्रदर्शनी के दूसरे चक्र के लिए किया जाना है।

232
00:12:26,320 --> 00:12:27,270
और हम 45, जवाब।

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

234
00:12:30,000 --> 00:12:32,230
और हम, ज़ाहिर है, कर सकते हैं
यहाँ कुछ गणना करते हैं।

235
00:12:32,230 --> 00:12:35,510
मैं उन हलकों को लगता है कि
एक तरह से ऊपर squished रहे हैं।

236
00:12:35,510 --> 00:12:38,965
>> तो 3 से डेटा गुणा, तीन से गुणा करें।

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

238
00:12:41,870 --> 00:12:43,840
हमारे चक्र बस से बाहर का विस्तार किया गया।

239
00:12:43,840 --> 00:12:46,730
हमारे मूल्य तीन गुना हो गया था।

240
00:12:46,730 --> 00:12:51,010
>> वृत्त, वास्तव में बढ़त पर है
तो चलो शायद एक तरह से यह ऑफसेट करते हैं।

241
00:12:51,010 --> 00:12:53,632
20 से, हम कहते हैं।

242
00:12:53,632 --> 00:12:56,070
हेयर यू गो।

243
00:12:56,070 --> 00:12:57,590
>> यह एक डेटा दृश्य है।

244
00:12:57,590 --> 00:13:01,767
यह एक बहुत ही बुनियादी है, लेकिन इस
हमें हमारे डेटा में कुछ अंतर्दृष्टि देता है।

245
00:13:01,767 --> 00:13:04,600
यह हमें बताता है कि, उदाहरण के लिए, हम
तत्वों का एक छोटा समूह है।

246
00:13:04,600 --> 00:13:06,340
और हम यहाँ एक बड़ा ग़ैर है।

247
00:13:06,340 --> 00:13:10,830
यह हमें कुछ जानकारी देता है
वितरण के बारे में।

248
00:13:10,830 --> 00:13:20,830
>> हम थे, उदाहरण के लिए, परिवर्तित करने के लिए
यहां 150 और ताज़ा करने के लिए डेटा,

249
00:13:20,830 --> 00:13:22,630
हमारे दृश्य बदल जाता है।

250
00:13:22,630 --> 00:13:24,285
इस दस्तावेज़ को डेटा संचालित है।

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

252
00:13:32,640 --> 00:13:36,180
>> तो ज़ाहिर है, इन सभी तत्वों,
यहां इन सभी विशेषताओं,

253
00:13:36,180 --> 00:13:38,430
हम एक समारोह में नहीं उपयोग कर सकते हैं
बस संख्या में ही नहीं,

254
00:13:38,430 --> 00:13:39,900
एक्स और वाई पदों।

255
00:13:39,900 --> 00:13:42,120
इसलिए हम रंग के लिए एक समारोह का उपयोग कर सकते हैं।

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

257
00:13:45,260 --> 00:13:46,360
तो हम भी ऐसा ही करेंगे।

258
00:13:46,360 --> 00:13:49,360
हम इसे एक समारोह में दे दूँगा।

259
00:13:49,360 --> 00:13:52,320
>> और हम कर सकते थे, हम कहते हैं
हमारे समारोह में सशर्त।

260
00:13:52,320 --> 00:13:54,770
इस समारोह में किया जा सकता है
लंबी लाइनों के सौ।

261
00:13:54,770 --> 00:13:57,150
यह बहुत, बहुत जटिल बातें कर सकते हैं।

262
00:13:57,150 --> 00:13:59,080
>> तो चलो यहाँ एक अगर बयान डाल दिया।

263
00:13:59,080 --> 00:14:03,420
हमारे डेटा भी कम है, तो हम कहते हैं
50 से, कि कुछ सीमा है

264
00:14:03,420 --> 00:14:05,817
हम रुचि रखते हैं कि
किसी कारण के लिए है।

265
00:14:05,817 --> 00:14:06,650
चलो यह हरे रंग बनाते हैं।

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

267
00:14:09,830 --> 00:14:15,320
अन्यथा, चलो यह लाल बनाते हैं।

268
00:14:15,320 --> 00:14:16,110
कैसे है?

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

270
00:14:19,630 --> 00:14:21,220
अच्छा लगा।

271
00:14:21,220 --> 00:14:24,860
>> इसलिए हमारे डेटा दृश्य शुरू कर रहा है
और अधिक रोचक जानकारी देने के लिए

272
00:14:24,860 --> 00:14:26,727
कई चैनलों पर।

273
00:14:26,727 --> 00:14:28,560
तो अब हम एक सा पता
वितरण के बारे में।

274
00:14:28,560 --> 00:14:31,768
और हम किसी प्रकार का पता है कि वहाँ
हम में रुचि रखते हैं कि 50 में काट दिया।

275
00:14:31,768 --> 00:14:35,630
हम दो डेटा बिंदुओं जानते हैं कि वहाँ
उनमें से ज्यादातर कि सीमा से नीचे और

276
00:14:35,630 --> 00:14:36,130
ऊपर दिए गए।

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

278
00:14:41,510 --> 00:14:46,160
>> तो एक अंतिम कदम के रूप में, यहाँ इस डेटा,
यह उस तरह यह देखने के लिए बहुत दुर्लभ है।

279
00:14:46,160 --> 00:14:52,610
तो चलो बस एक चर करने के लिए इसे बाहर चलते हैं
कि इस तरह से, क्लीनर है क्योंकि।

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

281
00:15:02,980 --> 00:15:05,197
और फिर हम यहाँ कि चर का उपयोग करें।

282
00:15:05,197 --> 00:15:06,280
यह सटीक एक ही बात है।

283
00:15:06,280 --> 00:15:07,280
यह सिर्फ एक बिट क्लीनर है।

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

285
00:15:25,300 --> 00:15:35,300
>> आगे, अधिनियम III, Scales--
तो एक समस्या सही

286
00:15:35,300 --> 00:15:38,920
हम बदलते हैं, तो यहाँ है, हमारे
इस 200 value-- में डेटा

287
00:15:38,920 --> 00:15:41,685
हम 400 के लिए इसे बदल अगर
या कुछ और ताज़ा,

288
00:15:41,685 --> 00:15:44,540
तो इस मान बस छिपा चला गया।

289
00:15:44,540 --> 00:15:49,040
यहीं हमारे तर्क तो
कैसे की हम क्या टाइम्स 3

290
00:15:49,040 --> 00:15:52,570
और 20 है, तो यह बाहर फैल गया है और करने के लिए
यह ऑफसेट एक सा वास्तव में 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
हम एक बहुत ही लचीला दस्तावेज़ चाहते हैं,
दिए गए डेटा कि, यह करने के लिए adapts

296
00:16:05,460 --> 00:16:07,900
और यह प्रतिनिधित्व करता है।

297
00:16:07,900 --> 00:16:11,330
>> क्या हम मूल रूप से जरूरत है हम, है
संख्या 10 में इस श्रृंखला है।

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

299
00:16:12,640 --> 00:16:17,630
और हम पर है कि नक्शे से बाहर करना चाहते हैं
चौड़ाई, यहाँ पूरी चौड़ाई।

300
00:16:17,630 --> 00:16:20,620
इसलिए हम की श्रृंखला है
0-100 जा रहा संख्या।

301
00:16:20,620 --> 00:16:24,980
और हम इस परिसर मैं चला जाता है
इस मामले में, 20-700।

302
00:16:24,980 --> 00:16:26,515
>> हम एक तरह से उस पर मैप करने के लिए चाहते हैं।

303
00:16:26,515 --> 00:16:30,002
हम चाहते हैं कि ऊपर पैमाने पर करना चाहते हैं और
तो यह एक छोटा सा ऑफसेट।

304
00:16:30,002 --> 00:16:33,165
यह डी 3 इन किया है कि पता चला है।

305
00:16:33,165 --> 00:16:34,220
यह एक पैमाने कहा जाता है।

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

307
00:16:37,410 --> 00:16:38,250
तो चलो इसका इस्तेमाल करते हैं।

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

309
00:16:46,300 --> 00:16:49,670
>> मैं जा रहा हूँ 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
क्या यह करना होगा, इसे बाहर नक्शा होगा
करने के लिए 20-600 पर 1-200 मूल्यों।

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
हम सिर्फ चौड़ाई का उपयोग करने के लिए चाहते हो सकता है,
इतनी चौड़ाई शून्य से 40 करने के लिए 20 से,

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
और अब, हम इसे एक गुजारें,
हम हरी पाने के लिए जा रहे हैं।

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
हम एक दिलचस्प है
यहाँ visualizations के।

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
visualizations के कैसे काम करते हैं।

417
00:24:38,656 --> 00:24:41,400
>> लेकिन मुझे लगता है कि डेटा के लिए वापस जाना चाहता हूँ।

418
00:24:41,400 --> 00:24:48,030
D3-- डी 3 में मौलिक रूप से तो डेटा
चीजों की एक सूची है कि डेटा की खपत।

419
00:24:48,030 --> 00:24:53,000
डी 3 डेटा बस एक सूची होने की उम्मीद
बातों के बारे में चीजों की एक सरणी।

420
00:24:53,000 --> 00:24:58,780
यह क्या उन चीजों को कोई फर्क नहीं पड़ता
इसलिए जब तक यह उनमें से एक सरणी है, के रूप में कर रहे हैं।

421
00:24:58,780 --> 00:25:02,460
>> तो यहाँ, उदाहरण के लिए, हम सकता है
बेशक बिंदु मूल्यों तैर कर दिया है।

422
00:25:02,460 --> 00:25:04,830
हम नकारात्मक हो सकता था।

423
00:25:04,830 --> 00:25:09,400
डी 3 इतने लंबे समय, कोई परवाह नहीं है
यह चीजों की एक सूची है के रूप में।

424
00:25:09,400 --> 00:25:13,270
>> हम के रूप में दिलचस्प बातें
हो सकता है, हम भी कर सकते थे

425
00:25:13,270 --> 00:25:19,410
लगता है कि जैसे तारों की एक सूची है।

426
00:25:19,410 --> 00:25:25,440
इसलिए इन क्रिमसन सुर्खियों में रहे हैं
मैं कुछ दिन पहले उठाया।

427
00:25:25,440 --> 00:25:29,220
और हो सकता है कि आप कुछ दिलचस्प मिल सकता है
इनमें से एक में सुर्खियों के बारे में बातें।

428
00:25:29,220 --> 00:25:30,970
>> तो फिर, यह चीजों की एक सूची है।

429
00:25:30,970 --> 00:25:32,360
डी 3 की परवाह नहीं करता।

430
00:25:32,360 --> 00:25:35,572
ये एक स्ट्रिंग होना होता है।

431
00:25:35,572 --> 00:25:36,530
हम अपने डेटा बदल दिया है।

432
00:25:36,530 --> 00:25:38,210
>> चलो हमारे दृश्य के लिए वापसी करते हैं।

433
00:25:38,210 --> 00:25:42,495
अब, हमारे दृश्य की उम्मीद
इनपुट संख्या होने के लिए।

434
00:25:42,495 --> 00:25:44,370
इसलिए हमारे पास करने के लिए जा रहे हैं
कुछ परिवर्तन करने के लिए।

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

436
00:25:47,180 --> 00:25:52,180
तो उदाहरण के लिए, सब से पहले, हो सकता है
हम साथ इन हलकों डाल करना चाहते हैं

437
00:25:52,180 --> 00:25:56,870
शीर्षक की लंबाई से,
शीर्षक में पात्रों की संख्या।

438
00:25:56,870 --> 00:26:03,600
>> तो क्या हम हर समय 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
तो फिर, मैं उल्लेख किया है कि
डी 3 में डेटा चीजों की एक सूची है।

477
00:28:09,070 --> 00:28:11,080
हम कई प्रकार की संख्या को देखा है।

478
00:28:11,080 --> 00:28:12,810
हम तार देखा है।

479
00:28:12,810 --> 00:28:15,700
लेकिन चीजें भी वस्तुओं हो सकता है।

480
00:28:15,700 --> 00:28:20,080
>> वे जटिल बातें हो सकती है
कि बहुत सारी बातें शामिल हैं।

481
00:28:20,080 --> 00:28:24,510
अधिक स्पष्ट रूप से यह कहना है कि,
ज्यादातर मामलों में, हम

482
00:28:24,510 --> 00:28:28,384
के रूप में हर डेटा बिंदु का निर्माण करना चाहते हैं
अधिक से अधिक सिर्फ एक मूल्य की तुलना में जटिल।

483
00:28:28,384 --> 00:28:30,175
यदि आप एक कल्पना चाहते हैं
छात्रों के बारे में डेटाबेस,

484
00:28:30,175 --> 00:28:32,470
एक छात्र वहाँ हो सकता है
नाम, एक छात्र पहचान पत्र,

485
00:28:32,470 --> 00:28:36,370
और बहुत सारी बातें जुड़े
एक खास रिकॉर्ड के साथ,

486
00:28:36,370 --> 00:28:39,834
न सिर्फ एक स्ट्रिंग या एक नंबर।

487
00:28:39,834 --> 00:28:40,750
तो चलो कि देखो।

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

489
00:28:55,180 --> 00:28:56,760
>> इस सेट से एक इस तरह के डेटा है।

490
00:28:56,760 --> 00:28:59,090
इस भूकंप के बारे में सेट एक डेटा है।

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

492
00:29:01,910 --> 00:29:08,430
हमारी सूची या सरणी पर यहाँ सब कुछ इतना
बातों के बारे में बहुत सी बातें अपने आप में शामिल हैं।

493
00:29:08,430 --> 00:29:11,380
इसलिए हर डेटा बिंदु है एक
परिमाण और एक समन्वय।

494
00:29:11,380 --> 00:29:13,425
और खुद को निर्देशांक
दो बातें होते हैं।

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

496
00:29:15,960 --> 00:29:20,450
>> इसलिए हर दिन अब एक बहुत अधिक है
जटिल है और एक बहुत अधिक दिलचस्प

497
00:29:20,450 --> 00:29:22,700
और भी बहुत कुछ होता है
रोचक जानकारी।

498
00:29:22,700 --> 00:29:26,730
हम उस से बाहर का निर्माण कर सकता है देखते हैं।

499
00:29:26,730 --> 00:29:36,130
, फिर से, यहाँ वापस करने के लिए रिटर्निंग का उपयोग कर
हमारे हिस्टोग्राम वृत्त दृश्य

500
00:29:36,130 --> 00:29:42,110
हम का निर्माण किया है, हम एक निर्माण कर सकते हैं चलो देखते हैं अगर
परिमाण वितरण के दृश्य

501
00:29:42,110 --> 00:29:43,305
हमारे डेटा सेट में।

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

503
00:29:45,850 --> 00:29:48,660
>> यहाँ तो, यह एक ही अवधारणा है।

504
00:29:48,660 --> 00:29:51,920
लेकिन अब, घ अधिक बातें शामिल हैं।

505
00:29:51,920 --> 00:29:54,780
डी कई डेटा तत्व शामिल हैं।

506
00:29:54,780 --> 00:29:57,946
इसलिए हम वापस डी मिलता है।

507
00:29:57,946 --> 00:29:59,670
डी 3 हमें डी देता है।

508
00:29:59,670 --> 00:30:06,080
और हम परिमाण खोजने के द्वारा जवाब
डी और फिर पैमाने पर करने कि पारित की।

509
00:30:06,080 --> 00:30:08,490
>> और फिर हम बदलने की जरूरत है
हमारे पैमाने, बिल्कुल।

510
00:30:08,490 --> 00:30:12,980
परिमाण बस नहीं है
ज्यादा 10 से अधिक चलते हैं।

511
00:30:12,980 --> 00:30:15,485
दरअसल, वहां कभी नहीं गया है
एक 10 परिमाण के भूकंप।

512
00:30:15,485 --> 00:30:19,360
लेकिन यह है कि हमारे ऊपरी की तरह है
अंत में, हमारे ऊपरी स्पेक्ट्रम।

513
00:30:19,360 --> 00:30:20,240
>> की ताज़ा करने दें।

514
00:30:20,240 --> 00:30:22,990
अच्छा है, हम एक दृश्य है।

515
00:30:22,990 --> 00:30:25,490
यह तो 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
>> अधिनियम वी, 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
>> तो डी 3 क्या करेंगे समान है
हम पहले किया था क्या।

545
00:32:13,280 --> 00:32:18,140
ऐसा लगता है कि अनुरोध करेंगे और
एक तत्व है कि बाँध।

546
00:32:18,140 --> 00:32:20,890
और एक समारोह है कि वहाँ
उस तत्व बाहर नक्शा होगा,

547
00:32:20,890 --> 00:32:23,410
अक्षांश और देशांतर पर आधारित है।

548
00:32:23,410 --> 00:32:24,580
आप उस पर और अधिक पढ़ सकते हैं।

549
00:32:24,580 --> 00:32:27,385
और मैं यह सलाह देते हैं।

550
00:32:27,385 --> 00:32:30,090
>> पर लिंक कर रहे हैं
इस कोड के अंत में तैनात हैं।

551
00:32:30,090 --> 00:32:31,570
और कोड टिप्पणी की है।

552
00:32:31,570 --> 00:32:34,050
में इस पर आगे के लिए लिंक कर रहे हैं।

553
00:32:34,050 --> 00:32:36,590
मैं आपको यह देखने की सलाह देते हैं।

554
00:32:36,590 --> 00:32:39,460
लेकिन हम क्या है के बारे में परवाह
इस प्रक्षेपण समारोह।

555
00:32:39,460 --> 00:32:41,210
मुझे लगता है कि के माध्यम से जाने के लिए चाहते हैं।

556
00:32:41,210 --> 00:32:43,522
>> सबसे पहले, मुझे दिखाओ
आपको लगता है कि, हाँ, हम एक नक्शा है।

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

558
00:32:47,300 --> 00:32:49,970
मैप्स शांत कर रहे हैं।

559
00:32:49,970 --> 00:32:52,330
तो चलो इस पर नजर डालते हैं
उत्पादन कार्य करते हैं।

560
00:32:52,330 --> 00:32:56,481
>> प्रोजेक्शन बहुत ज्यादा है
एक पैमाने की तरह, फिर से तराजू।

561
00:32:56,481 --> 00:32:59,210
तो क्या उत्पादन के लिए
इस प्रक्षेपण समारोह

562
00:32:59,210 --> 00:33:06,610
, हम इसे देशांतर पारित कर सकता है करता है
और इस मामले में 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
और प्रक्षेपण में परिवर्तित कर देंगे
एक्स और वाई पिक्सेल मूल्यों में है।

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
और squishing और उस के आसपास घूम रहा
हमें एक्स और वाई पिक्सेल मूल्यों देने के लिए,

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
प्रोजेक्शन उन निर्देशांक धर्मान्तरित
पिक्सेल मूल्यों, एक्स और वाई में।

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
>> हम y के लिए भी ऐसा ही करेंगे।

605
00:35:29,630 --> 00:35:34,960
लेकिन इसके बजाय, हम वापस कर देंगे
दूसरे तत्व, वाई।

606
00:35:34,960 --> 00:35:35,980
ताज़ा करने के लिए तैयार हो जाओ।

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

608
00:35:39,830 --> 00:35:46,450
ओह, अतिरिक्त चरित्र
here-- अच्छा, हम हैं

609
00:35:46,450 --> 00:35:51,730
है कि एक डेटा संचालित दस्तावेज़
वस्तुओं के इस JSON फ़ाइल छुपा,

610
00:35:51,730 --> 00:35:57,560
एक नक्शा बना रही है, और बदलते
डेटा के संबंध में विशेषता

611
00:35:57,560 --> 00:35:59,600
एक मानचित्र पर यह परियोजना के लिए।

612
00:35:59,600 --> 00:36:00,840
यह वाकई दिलचस्प है।

613
00:36:00,840 --> 00:36:03,770
यह अच्छी बात है।

614
00:36:03,770 --> 00:36:05,640
>> चलो एक निशान इसे ले लो।

615
00:36:05,640 --> 00:36:08,795
मुझे लगता है हम के दो टुकड़े है, मतलब
हर डेटा बिंदु के साथ जानकारी।

616
00:36:08,795 --> 00:36:10,000
मैं तीन मतलब है।

617
00:36:10,000 --> 00:36:12,540
हम निर्देशांक है,
जो एक एक्स और वाई है।

618
00:36:12,540 --> 00:36:15,700
और हम परिमाण है।

619
00:36:15,700 --> 00:36:17,420
>> हम किसी भी तरह परिमाण सांकेतिक शब्दों में बदलना करने की आवश्यकता है।

620
00:36:17,420 --> 00:36:18,920
हम चैनल की एक बहुत कुछ है।

621
00:36:18,920 --> 00:36:20,370
हम रंग का उपयोग कर सकते हैं।

622
00:36:20,370 --> 00:36:21,890
हम त्रिज्या का उपयोग कर सकते हैं।

623
00:36:21,890 --> 00:36:23,040
हम अस्पष्टता इस्तेमाल कर सकते हैं।

624
00:36:23,040 --> 00:36:25,540
हम कोड में कई चीजें इस्तेमाल कर सकते हैं।

625
00:36:25,540 --> 00:36:29,180
इन विशेषताओं और कई का कोई भी
, वहाँ सूचीबद्ध नहीं हैं कि अधिक

626
00:36:29,180 --> 00:36:33,065
वे वैकल्पिक कर रहे हैं, क्योंकि हम कर सकते थे
इस डेटा सांकेतिक शब्दों में बदलना करने के लिए उपयोग करते हैं, स्ट्रोक

627
00:36:33,065 --> 00:36:35,670
और इन सब बातों को मैंने उल्लेख किया है।

628
00:36:35,670 --> 00:36:36,690
>> की त्रिज्या करते हैं।

629
00:36:36,690 --> 00:36:38,830
मैं त्रिज्या सबसे सहज लगता है।

630
00:36:38,830 --> 00:36:46,210
तो फिर, हम चाहते हैं कि कड़ी मेहनत से कोडित की जगह लेंगे
40 और कुछ गणना करते हैं।

631
00:36:46,210 --> 00:36:48,810
हम फिर से हमारे पसंदीदा पैमाने का उपयोग करेंगे।

632
00:36:48,810 --> 00:36:50,290
और हम डी अतीत हो।

633
00:36:50,290 --> 00:36:55,850
हम परिमाण चाहते हैं क्योंकि लेकिन डी नहीं
डी के। डी सिर्फ डेटा बिंदु है।

634
00:36:55,850 --> 00:36:57,430
हम परिमाण पैमाने पर करने के पारित करेंगे।

635
00:36:57,430 --> 00:36:58,470
>> का है कि फिर से कोशिश करते हैं।

636
00:36:58,470 --> 00:37:00,230
ओह, यह काम नहीं करता।

637
00:37:00,230 --> 00:37:02,940
क्यों यह काम नहीं करता है?

638
00:37:02,940 --> 00:37:04,387
>> तो क्या करता पैमाने याद है।

639
00:37:04,387 --> 00:37:05,470
चलो फिर पैमाने पर देखें।

640
00:37:05,470 --> 00:37:10,800
1 से 10 स्केल नक्शे पर
22-600 करने के लिए, कम या ज्यादा।

641
00:37:10,800 --> 00:37:12,030
600 बहुत बड़ा है।

642
00:37:12,030 --> 00:37:14,730
हम इस हो रही है यही कारण है।

643
00:37:14,730 --> 00:37:18,420
>> इसलिए हम अपने स्तर को बदलना चाहते हैं
अधिक उचित कुछ करने के लिए।

644
00:37:18,420 --> 00:37:22,610
हम 0-60 चाहते हैं, हम कहते हैं।

645
00:37:22,610 --> 00:37:25,340
60 बड़ी है, लेकिन 10 भूकंप
अविश्वसनीय रूप से दुर्लभ हैं।

646
00:37:25,340 --> 00:37:27,880
वास्तव में, वे कभी नहीं हुआ हूँ।

647
00:37:27,880 --> 00:37:31,830
>> तो क्या करेंगे यह क्या है, इसे ले जाऊँगा
1-10 जाता है कि हमारे परिमाण

648
00:37:31,830 --> 00:37:34,490
और इसे बाहर का विस्तार करने के लिए यह नक्शा।

649
00:37:34,490 --> 00:37:37,370
और 0-60 के लिए यह नक्शा।

650
00:37:37,370 --> 00:37:38,840
की ताज़ा करने दें।

651
00:37:38,840 --> 00:37:41,850
>> अच्छा है, हम एक दृश्य है।

652
00:37:41,850 --> 00:37:42,500
यह बहुत अच्छा है।

653
00:37:42,500 --> 00:37:43,736
यह वास्तविक डेटा है।

654
00:37:43,736 --> 00:37:46,360
तुम मेरे छोटे खिलौने में, नोटिस हूँ
उदाहरण के लिए, सबसे बड़ा भूकंप

655
00:37:46,360 --> 00:37:49,417
सही हम में से शीर्ष पर है।

656
00:37:49,417 --> 00:37:50,000
लेकिन यह बात है।

657
00:37:50,000 --> 00:37:54,422
हम एक तारीख संचालित दृश्य है
उस डेटा की खपत

658
00:37:54,422 --> 00:37:56,255
और वास्तव में हमें देता है
रोचक जानकारी।

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

660
00:38:02,600 --> 00:38:06,420
हाँ, चलो कुछ जोड़ दें
यह करने के लिए अन्तरक्रियाशीलता।

661
00:38:06,420 --> 00:38:08,675
मुझे लगता है कि उल्लेख किया गया
डी 3 की मजबूत ताकत।

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

663
00:38:11,490 --> 00:38:15,060
>> यहाँ तो हर तत्व के लिए, हम कर रहे हैं
विशेषताओं का एक गुच्छा का वर्णन।

664
00:38:15,060 --> 00:38:20,230
लेकिन हम यह भी कि हम क्या चाहते वर्णन कर सकते हैं
अन्तरक्रियाशीलता तत्वों के साथ हो लिए।

665
00:38:20,230 --> 00:38:26,190
उदाहरण के लिए, हम वर्णन कर सकता
क्या हम जब माउस से अधिक होता है।

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

667
00:38:28,740 --> 00:38:33,640
और कहा कि बहुत ही इसी तरह,
एक समारोह है कि ले जाऊँगा,

668
00:38:33,640 --> 00:38:36,700
बहुत समान
, हम पहले था विशेषताएँ

669
00:38:36,700 --> 00:38:44,650
जहां हम करने के लिए कुछ करना है
हम इसे खत्म तत्व मंडराना जब।

670
00:38:44,650 --> 00:38:47,100
>> तो पहली बात हम करने की जरूरत है
उस तत्व का चयन करना है,

671
00:38:47,100 --> 00:38:49,435
ब्राउज़र में, मूल रूप से यह लगता है।

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

673
00:38:57,090 --> 00:39:00,920
और फिर हम तैयार कर सकती है
यह करने के लिए एक विशेषता।

674
00:39:00,920 --> 00:39:06,870
हम जाएँ तो जब मैं यहाँ क्या कर रहा हूँ, है
कुछ खत्म हो गया है, हम उस तत्व मिल जाएगा

675
00:39:06,870 --> 00:39:11,197
और फिर वापस अपने अस्पष्टता सेट
एक करने के लिए पूरी तरह से अपारदर्शी करने के लिए।

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, mouseover करने का विरोध किया।

684
00:39:59,990 --> 00:40:06,399
>> और हम इसे रीसेट करता हूँ
क्या हम 0.5 before-- था।

685
00:40:06,399 --> 00:40:10,260
और अब, हर बार हम
मंडराना, हम एक चक्र पूरा मिलता है।

686
00:40:10,260 --> 00:40:13,468
यह हमें देखना क्या मदद करता है हम
हम अनिवार्य रूप से चयन कर रहे हैं।

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

688
00:40:19,210 --> 00:40:22,860
>> और अब हम इस सच में महान बनाते हैं।

689
00:40:22,860 --> 00:40:26,210
के वास्तविक आंकड़ों के इस कनेक्ट करते हैं।

690
00:40:26,210 --> 00:40:30,890
तो चलो पूछना दे सकता है
यूएसजीएस अपने डेटा के बारे में।

691
00:40:30,890 --> 00:40:35,630
अमेरिकी भूवैज्ञानिक सर्वेक्षण तो
भूकंप के बारे में डेटा है।

692
00:40:35,630 --> 00:40:41,460
वे सक्षम है कि एक सार्वजनिक एपीआई
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
>> इसलिए इस कोड का एक सा है कि
यूएसजीएस एपीआई को जोड़ता है।

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
>> लेकिन मौलिक, इस
डी 3 हमें करना क्या मदद करता है।

711
00:41:43,760 --> 00:41:48,030
यह हमारे डेटा लेने में मदद करता है, बाँध
डोम में तत्वों के लिए यह,

712
00:41:48,030 --> 00:41:51,620
और उन तत्वों को बदलना होगा
डेटा के एक समारोह के रूप में,

713
00:41:51,620 --> 00:41:54,780
उन विशेषताओं, सब किया है
तत्वों के कई गुण है,

714
00:41:54,780 --> 00:41:57,393
सभी चैनलों के लिए उपयोगी हो सकता है
जानकारी देने के लिए।

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

716
00:42:05,440 --> 00:42:09,290
>> डी 3 एक अविश्वसनीय रूप से शक्तिशाली है
पुस्तकालय और आश्चर्यजनक अच्छी तरह से चला रहे हैं।

717
00:42:09,290 --> 00:42:12,260
यह कुछ शक्तिशाली सामान है।

718
00:42:12,260 --> 00:42:15,960
डेटा दृश्य है एक
अविश्वसनीय रूप से शक्तिशाली उपकरण

719
00:42:15,960 --> 00:42:21,530
गहरी लोगों के लिए संदेश के लिए
उनके कोर करने के लिए हो जाता है कि अंतर्दृष्टि

720
00:42:21,530 --> 00:42:25,430
और उन में, समझने में मदद करता
इस गहन और सहज तरीके से,

721
00:42:25,430 --> 00:42:29,760
कैसे डेटा काम करता है और कैसे
डेटा हमारे जीवन बदल जाता है।

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