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
আজ 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
আমরা এটা তার এক্স অবস্থান বলা প্রয়োজন
তার 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, CY, এবং ব্যাসার্ধ মত.

70
00:03:41,610 --> 00:03:42,680
এবং অন্যদের ঐচ্ছিক.

71
00:03:42,680 --> 00:03:44,730
>> আরো অনেক বৈশিষ্ট্য আছে.

72
00:03:44,730 --> 00:03:46,760
তাদের অনেক আছে.

73
00:03:46,760 --> 00:03:53,070
উদাহরণস্বরূপ, আমরা একটি হতে পারে
স্ট্রোক হিসাবে ভাল, লাল একটি স্ট্রোক.

74
00:03:53,070 --> 00:03:55,630
কিন্তু এর যে সরিয়ে দেওয়া.

75
00:03:55,630 --> 00:04:00,450
আমরা ফিরে একটি বৃত্ত, একটি নীল বৃত্ত করছি.

76
00:04:00,450 --> 00:04:01,600
>> তাই এর আরো সার্কেল করা যাক.

77
00:04:01,600 --> 00:04:02,810
যে কেমন আছে?

78
00:04:02,810 --> 00:04:04,665
এর অন্য একটি বৃত্ত করা যাক.

79
00:04:04,665 --> 00:04:05,985
এই অধিকার, উত্তেজনাপূর্ণ?

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

81
00:04:09,630 --> 00:04:12,300
>> তাই আমি ঠিক কপি আটকানো বলে
কি ইতিমধ্যে আমরা ছিল.

82
00:04:12,300 --> 00:04:13,570
এটা circle2 কল দিন.

83
00:04:13,570 --> 00:04:15,840
এবং এর সঠিক না দেওয়া
একই জিনিস এবং এটা দিতে

84
00:04:15,840 --> 00:04:20,450
300 একটি এক্স স্থান দেওয়া, গুণাবলী.

85
00:04:20,450 --> 00:04:24,140
ইয়ে, আমরা এখন দুটি বৃত্ত আছে.

86
00:04:24,140 --> 00:04:27,240
>> এবং অবশ্যই, আমরা পারা
এই মান আপডেট করুন.

87
00:04:27,240 --> 00:04:31,640
আমি 400 এ এটা করা যেতে পারে, এবং এখন এটা চলে আসে.

88
00:04:31,640 --> 00:04:35,470
এটা বিরক্তিকর এবং যেহেতু, আসুন
তাই circle2.remove, এটা মুছে ফেলুন.

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

90
00:04:39,000 --> 00:04:40,730
এখন সর্বস্বান্ত করে.

91
00:04:40,730 --> 00:04:43,170
>> তাই আমরা কি করছেন এবং
এই very-- মাত্র, খুব হয়

92
00:04:43,170 --> 00:04:46,030
আপনি কি অনুরূপ
উদাহরণস্বরূপ, jQuery মধ্যে কাজ করতে পারে.

93
00:04:46,030 --> 00:04:48,240
আমরা শুধু সাধিত করছি
DOM, এটা বলা হচ্ছে.

94
00:04:48,240 --> 00:04:50,040
আপনি আগে যে শব্দ শোনা হতে পারে.

95
00:04:50,040 --> 00:04:53,255
আমরা সেটিং, স্টাফ তৈরি করছেন
স্টাফ অপসারণ, স্টাফ গুণাবলী.

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

97
00:04:58,950 --> 00:05:02,360
>> যেখানে সেটা আকর্ষণীয় এখন, এখানে.

98
00:05:02,360 --> 00:05:07,250
তাই পরে কোড, আমরা এখনও করতে পারে
এখানে মূল বৃত্ত পড়ুন.

99
00:05:07,250 --> 00:05:14,100
সুতরাং এর 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
এক, এর কথা বলা যাক মুহূর্ত
আমরা এই ফর্ম তথ্য ছিল.

142
00:07:40,020 --> 00:07:41,800
আমরা শুধু একটি অ্যারের ছিল
সংখ্যার একটি গুচ্ছ.

143
00:07:41,800 --> 00:07:45,750
আমরা এখানে সাত নম্বর আছে
যাই হোক না কেন এই উপস্থাপন পরিমাণ

144
00:07:45,750 --> 00:07:48,810
মানুষের ব্যাংক অ্যাকাউন্ট, কিভাবে
অনেক তারা দেবতা কি জানেন, তৌল করা.

145
00:07:48,810 --> 00:07:51,310
>> এই নম্বর আছে, এবং আমরা
আমাদের চেনাশোনা ব্যবহার করতে চান

146
00:07:51,310 --> 00:07:53,240
যারা একরকম সংখ্যা প্রতিনিধিত্ব.

147
00:07:53,240 --> 00:07:55,515
আমরা আমাদের গিঁট করতে চান
ঐ সংখ্যার বৃত্ত.

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

149
00:07:58,750 --> 00:07:59,626
তাই আমরা কি করব তা.

150
00:07:59,626 --> 00:08:01,500
চলুন শুরু করা যাক, আমরা চাই একটি
প্রতি সংখ্যা জন্য বৃত্ত.

151
00:08:01,500 --> 00:08:03,590
আমরা পুরানো করতে পারে
আমরা অনুরুপ ছিল জিনিস

152
00:08:03,590 --> 00:08:06,020
বৃত্ত লিখবেন এবং circle2 এবং circle3.

153
00:08:06,020 --> 00:08:10,020
কিন্তু এই হাতে পায় আউট, এবং
যুক্তি পুনরায় একটি অনেক আছে.

154
00:08:10,020 --> 00:08:12,760
>> তাই এর সঙ্গে যে আরো চালাক পেতে.

155
00:08:12,760 --> 00:08:17,810
পরিবর্তে var বৃত্ত ব্যবহার করে
, আমরা শুধু ব্যবহার করা হয়েছে যে svg.append

156
00:08:17,810 --> 00:08:21,580
আমরা ব্যবহার করতে যাচ্ছেন
এখানে এই সামান্য ব্লক.

157
00:08:21,580 --> 00:08:24,510
আমি গভীরতা যেতে চান না
কি করে এই সব অংশ না.

158
00:08:24,510 --> 00:08:26,020
এবং এটি একটি উন্নত বিষয় ধরনের.

159
00:08:26,020 --> 00:08:27,830
এবং আমি ইচ্ছা আমি পারা.

160
00:08:27,830 --> 00:08:31,370
>> কিন্তু কী জিনিস recognize-- এবং
আপনি D3 কোড খুব প্রায়ই দেখতে পাবেন.

161
00:08:31,370 --> 00:08:36,840
টেক্সট মৌলিক এই ব্লক
অনেক চেনাশোনা হিসাবে সৃষ্টি

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
আমি সেই সব বৃত্তের যে খুঁজে
ধরনের আপ squished হয়.

236
00:12:35,510 --> 00:12:38,965
>> তাই 3 দ্বারা গুন করা তথ্য, 3 দ্বারা গুন করা.

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

238
00:12:41,870 --> 00:12:43,840
আমাদের চেনাশোনা শুধু প্রসারিত হবে.

239
00:12:43,840 --> 00:12:46,730
আমাদের মান তিনগুণ হয়েছে.

240
00:12:46,730 --> 00:12:51,010
>> বৃত্ত, সত্যিই উত্তেজিত হয়
তাই এর হয়তো ধরনের এটি অফসেট যাক.

241
00:12:51,010 --> 00:12:53,632
এর 20 দ্বারা, বলা যাক.

242
00:12:53,632 --> 00:12:56,070
এখানে আপনি যান.

243
00:12:56,070 --> 00:12:57,590
>> এটি একটি তথ্য ঠাহর হয়.

244
00:12:57,590 --> 00:13:01,767
এটি একটি খুব মৌলিক এক, কিন্তু এই
আমাদের তথ্য মধ্যে কিছু অন্তর্দৃষ্টি দেয়.

245
00:13:01,767 --> 00:13:04,600
এটা আমাদের বলে, যে যেমন, আমরা
উপাদানের একটি সামান্য ক্লাস্টার আছে.

246
00:13:04,600 --> 00:13:06,340
এবং আমরা এখানে একটি বড় আউটলাইয়ার আছে.

247
00:13:06,340 --> 00:13:10,830
এই আমাদের কিছু তথ্য দেয়
বন্টন সম্পর্কে.

248
00:13:10,830 --> 00:13:20,830
>> আমরা যদি, উদাহরণস্বরূপ, পরিবর্তন
এখানে 150 এবং রিফ্রেশ তথ্য,

249
00:13:20,830 --> 00:13:22,630
আমাদের কল্পনা পরিবর্তিত হয়.

250
00:13:22,630 --> 00:13:24,285
এই নথির তথ্য চালিত হয়.

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

252
00:13:32,640 --> 00:13:36,180
>> অবশ্যই তাই, এই সব উপাদান,
এখানে এই সব গুণাবলী,

253
00:13:36,180 --> 00:13:38,430
আমরা একটি ফাংশন না ব্যবহার করতে পারেন
শুধু সংখ্যা, ঠিক না

254
00:13:38,430 --> 00:13:39,900
x এবং y অবস্থানের.

255
00:13:39,900 --> 00:13:42,120
সুতরাং আমরা রঙ জন্য একটি ফাংশন ব্যবহার করতে পারেন.

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

257
00:13:45,260 --> 00:13:46,360
তাই আমরা একই কাজ করতে হবে.

258
00:13:46,360 --> 00:13:49,360
আমরা এটি একটি ফাংশন দেব.

259
00:13:49,360 --> 00:13:52,320
>> এবং আমরা আছে, এর কথা বলা যাক
আমাদের ফাংশন কন্ডিশন.

260
00:13:52,320 --> 00:13:54,770
এই ফাংশন হতে পারে
দীর্ঘ লাইন শত.

261
00:13:54,770 --> 00:13:57,150
এটা খুব খুব, জটিল জিনিস করতে পারেন.

262
00:13:57,150 --> 00:13:59,080
>> তাই এর একটি বিবৃতি যদি এখানে করা যাক.

263
00:13:59,080 --> 00:14:03,420
আমাদের তথ্য কম হয়, এর কথা বলা যাক
50, যে কিছু প্রান্তিক মানের এর

264
00:14:03,420 --> 00:14:05,817
আমরা আগ্রহী যে
কিছু কারণে এ.

265
00:14:05,817 --> 00:14:06,650
এটা সবুজ করা যাক.

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

267
00:14:09,830 --> 00:14:15,320
অন্যথা, এটা লাল করা যাক.

268
00:14:15,320 --> 00:14:16,110
যে কেমন আছে?

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

270
00:14:19,630 --> 00:14:21,220
খুশী হলাম.

271
00:14:21,220 --> 00:14:24,860
>> সুতরাং আমাদের তথ্য কল্পনা শুরু হয়
আরো আকর্ষণীয় তথ্য বহন করা

272
00:14:24,860 --> 00:14:26,727
অনেক চ্যানেল.

273
00:14:26,727 --> 00:14:28,560
তাই এখন আমরা একটু জানতে
বন্টন সম্পর্কে.

274
00:14:28,560 --> 00:14:31,768
এবং আমরা কিছু বাছাই করা আছে জানি যে
আমরা আগ্রহী হন যে 50 এ কাটা বন্ধ.

275
00:14:31,768 --> 00:14:35,630
আমরা দুই তথ্য পয়েন্ট আছে জানি
তাদের অধিকাংশই যে প্রান্তিক মানের নিচে এবং

276
00:14:35,630 --> 00:14:36,130
উপরে.

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

278
00:14:41,510 --> 00:14:46,160
>> সুতরাং একটি চূড়ান্ত পদক্ষেপ হিসেবে, এখানে এই তথ্য,
এটি যে ভালো এই দেখতে খুব বিরল.

279
00:14:46,160 --> 00:14:52,610
তাই আসুন শুধু একটি পরিবর্তনশীল এটি সরাতে
যে ভালো, ক্লিনার, কারণ.

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

281
00:15:02,980 --> 00:15:05,197
এবং তারপর আমরা এখানে যে ভেরিয়েবল ব্যবহার.

282
00:15:05,197 --> 00:15:06,280
এটা সঠিক একই জিনিস.

283
00:15:06,280 --> 00:15:07,280
এটি শুধু একটি বিট ক্লিনার এর.

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

285
00:15:25,300 --> 00:15:35,300
>> পরবর্তী আপ, আইনের তৃতীয়, Scales--
তাই এক সমস্যা ডান

286
00:15:35,300 --> 00:15:38,920
আমরা পরিবর্তন যদি এখানে, আমাদের
এই 200 মান তথ্য

287
00:15:38,920 --> 00:15:41,685
আমরা 400 থেকে এটি পরিবর্তন করে
বা কিছু এবং রিফ্রেশ করুন,

288
00:15:41,685 --> 00:15:44,540
তারপর এই মান ঠিক offscreen গিয়েছিলাম.

289
00:15:44,540 --> 00:15:49,040
অধিকার এখানে আমাদের যুক্তি তাই
কিভাবে আমরা কি বার 3

290
00:15:49,040 --> 00:15:52,570
এবং 20, তারপর, এটা ছড়িয়ে আউট এবং
এটি অফসেট একটি বিট সত্যিই clunky হয়.

291
00:15:52,570 --> 00:15:54,150
>> যারা সংখ্যার মানে কি?

292
00:15:54,150 --> 00:15:55,400
তারা শুধু হার্ড কোডেড করছি.

293
00:15:55,400 --> 00:15:58,830
এবং তারা অনেক তথ্য বাঁধা করছি.

294
00:15:58,830 --> 00:16:00,550
আমরা একটি তথ্য চালিত ডকুমেন্ট চাই.

295
00:16:00,550 --> 00:16:05,460
আমরা একটি খুব নমনীয় ডকুমেন্ট চাই,
প্রদত্ত তথ্য যে, এটি আত্তীকরণ করে

296
00:16:05,460 --> 00:16:07,900
এবং এটা প্রতিনিধিত্ব করে.

297
00:16:07,900 --> 00:16:11,330
>> আমরা কি মূলত প্রয়োজন আমরা, হয়
সংখ্যা 10 এর এই পরিসীমা আছে.

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

299
00:16:12,640 --> 00:16:17,630
এবং আমরা সম্মুখের দিকে যে ম্যাপ আউট করতে চান
প্রস্থ, এখানে পূর্ণ প্রস্থ.

300
00:16:17,630 --> 00:16:20,620
সুতরাং আমরা পরিসীমা আছে
0 থেকে 100 যাচ্ছে নম্বর.

301
00:16:20,620 --> 00:16:24,980
এবং আমরা এই ক্যাম্পাস আমি যায়
এই ক্ষেত্রে, 700 20 থেকে.

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
>> আমি যাচ্ছি আদৌ যে ভাবে
এই টাইপ করুন এবং তারপর তা ব্যাখ্যা.

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
আপনার জন্য বলছি পূর্ণ পরিসীমা fills.

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-- পারে
আমাদের ডোমেইন 200 1.

366
00:21:26,120 --> 00:21:28,220
যে ইনপুট জিনিস.

367
00:21:28,220 --> 00:21:33,793
কিন্তু আমরা থেকে মানচিত্র করতে পারেন
উদাহরণস্বরূপ, লাল সবুজ.

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

369
00:21:39,710 --> 00:21:42,910
এবং এখন, আমরা এটি 1 পাস হলে,
আমরা সবুজ পেতে যাচ্ছেন.

370
00:21:42,910 --> 00:21:45,110
আমরা এটি 200 দিতে, তাহলে আমরা লাল পাবেন.

371
00:21:45,110 --> 00:21:49,480
এবং আমরা মধ্যে এটা কিছু পাস হলে,
এটা যে কিছু মিশ্রণ হতে যাচ্ছে,

372
00:21:49,480 --> 00:21:52,520
কোথাও গ্রেডিয়েন্ট উপর
সবুজ ও লাল মধ্যে.

373
00:21:52,520 --> 00:21:55,210
>> এবং পরিবর্তে হচ্ছে
clunky যুক্তি এই ধরনের

374
00:21:55,210 --> 00:21:58,550
আমরা এখানে আছে
ঠিক আছে শর্তাধীন,

375
00:21:58,550 --> 00:22:03,250
আমরা কিছু একটি হতে পারে
তাদের মধ্যে রৈখিক স্কেল.

376
00:22:03,250 --> 00:22:07,100
সুতরাং আমরা স্কেল ব্যবহার করতে চাই আমরা শুধু
তৈরি আমরা রঙ বলা হয় যা.

377
00:22:07,100 --> 00:22:09,060
এবং আমরা এটি ঘ দিতে চাই যা
আমাদের তথ্য উপাদান.

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

379
00:22:14,250 --> 00:22:15,060
এবং সেখানে আমরা যেতে.

380
00:22:15,060 --> 00:22:18,070
আমরা একটি রঙ স্কেল আছে.

381
00:22:18,070 --> 00:22:18,940
>> তাই এই ম্যাপিং হয়.

382
00:22:18,940 --> 00:22:20,960
এ পর্যন্ত বাম সম্পূর্ণভাবে সবুজ.

383
00:22:20,960 --> 00:22:22,560
দূরে ডান সম্পূর্ণ লাল হয়.

384
00:22:22,560 --> 00:22:24,828
এবং তাদের মধ্যে সবকিছু
ঘ একটি ফাংশন.

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

386
00:22:33,369 --> 00:22:35,160
আমরা একটি আকর্ষণীয় আছে
এখানে দৃশ্য.

387
00:22:35,160 --> 00:22:36,952
কিন্তু আমাদের তথ্য বিরক্তিকর ধরনের ছিল.

388
00:22:36,952 --> 00:22:39,410
আসুন আমরা যদি কাজ করতে পারে কি দেখতে দিন
আমরা আরও বেশি আকর্ষণীয় তথ্য ছিল.

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

390
00:22:44,420 --> 00:22:50,500
>> আইনের চতুর্থ, সাথে কাজ করা
প্রথম জিনিস ডাটা

391
00:22:50,500 --> 00:22:53,560
আমরা করতে করতে চাইবেন আমাদের
আরো আকর্ষণীয় কল্পনা

392
00:22:53,560 --> 00:22:56,140
অন্য কোথাও তথ্য সরানো হয়.

393
00:22:56,140 --> 00:22:58,310
এটা আছে খুব clunky এর
তথ্য হার্ড এখানে কোডেড.

394
00:22:58,310 --> 00:23:01,220
এবং সাধারণত, আমরা জিজ্ঞাসা করা হবে
তথ্য অন্য কেউ.

395
00:23:01,220 --> 00:23:05,400
আমরা হয়তো সরকার জিজ্ঞাসা করা হবে
আদমশুমারি ব্যুরো, আপনার তথ্য কি

396
00:23:05,400 --> 00:23:10,170
এবং তারপর যে অঙ্কন বা জিজ্ঞাসা
কিছু তথ্য কিছু তৃতীয় পক্ষের সত্তা

397
00:23:10,170 --> 00:23:13,330
এবং তারপর একটি বিল্ডিং
যে কল্পনা.

398
00:23:13,330 --> 00:23:17,170
>> প্রথম জিনিস তাই আমরা যা করতে চাই
অন্য কোথাও যে সরানো হয়.

399
00:23:17,170 --> 00:23:24,130
তাই আমি একটি তৈরি করা যাচ্ছে না
এখানে বলা data.json ফাইল.

400
00:23:24,130 --> 00:23:25,600
JSON তথ্য ফরম্যাট.

401
00:23:25,600 --> 00:23:29,210
আপনি যে সম্পর্কে অনেক কিছু জানতে হবে না.

402
00:23:29,210 --> 00:23:33,210
এবং আমরা কপি করতে যাচ্ছেন
আমরা সেখানে আছে সামান্য তথ্য,

403
00:23:33,210 --> 00:23:40,330
সেখানে আক্ষরিকভাবে মধ্যে পেস্ট করুন, যেতে
ফিরে আমাদের কল্পনা কোড

404
00:23:40,330 --> 00:23:45,362
এখানে, এবং ঠিক এই ফাংশন ব্যবহার করুন.

405
00:23:45,362 --> 00:23:46,820
আপনি বিস্তারিত জানতে হবে না.

406
00:23:46,820 --> 00:23:49,800
কিন্তু কি এই কাজ করতে হবে, হয়
এটি যে ফাইল খুঁজে পেতে হবে,

407
00:23:49,800 --> 00:23:51,780
এটা আনা, এবং আমাদের তা ফেরত.

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

409
00:24:11,660 --> 00:24:15,220
তাই এই কি এটা যায়, হয়
এবং data.json ফাইল পেতে.

410
00:24:15,220 --> 00:24:18,570
এবং তারপর সব কোড যে
মূলত inside-- সংভৃত,

411
00:24:18,570 --> 00:24:21,800
সব কোড আমরা সেখানে ইচ্ছা আছে
আমরা তথ্য ফিরে পেতে যখন শুধুমাত্র রান.

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
>> তাই আমরা প্রত্যেক সময় হচ্ছে ÑÑ করব আমাদের
ফাংশন একটি স্ট্রিং সঙ্গে বলা হয়,

439
00:26:03,600 --> 00:26:09,095
আমরা এটা দৈর্ঘ্য খুঁজে পাবেন এবং
তারপর স্কেল যে পাস.

440
00:26:09,095 --> 00:26:11,550
রঙ, আমি ফিরে পাবেন
ইস্পাত নীল যে.

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

442
00:26:19,060 --> 00:26:20,420
এবং সেখানে আমরা যেতে.

443
00:26:20,420 --> 00:26:23,190
আমরা একটি কল্পনা আছে
এর অরূণ শিরোনাম.

444
00:26:23,190 --> 00:26:25,500
>> আমাদের স্কেল একটি বিট বন্ধ.

445
00:26:25,500 --> 00:26:29,680
দীর্ঘতম অনুমান করা যাক
শিরোনাম, 100 অক্ষর দীর্ঘ

446
00:26:29,680 --> 00:26:32,244
তাই একটু যে লাগে.

447
00:26:32,244 --> 00:26:33,410
এবং আমরা একটি কল্পনা আছে.

448
00:26:33,410 --> 00:26:36,710
সুতরাং এটা যে সবচেয়ে শিরোনাম মনে হয়
একসঙ্গে বেশ ঘনিষ্ঠ হয়,

449
00:26:36,710 --> 00:26:38,750
চরিত্র লাইন পদ.

450
00:26:38,750 --> 00:26:41,200
কিন্তু এক সত্যিই দাঁড়িয়েছে আউট.

451
00:26:41,200 --> 00:26:46,660
>> আমরা কিছু সরঞ্জাম নির্মাণ করতে পারে
আরো যে অন্বেষণ.

452
00:26:46,660 --> 00:26:50,710
আমি এই কাজ ছিল, যখন আমি ছিল
অদ্ভুত কিনা, এই তথ্য সেট,

453
00:26:50,710 --> 00:26:53,880
একটি কোলন সঙ্গে শিরোনাম
তাদের মধ্যে আর হবে.

454
00:26:53,880 --> 00:26:55,770
আমি তারা হবে অনুমান.

455
00:26:55,770 --> 00:26:56,660
>> সুতরাং এর খুঁজে বের করা যাক.

456
00:26:56,660 --> 00:27:00,650
এর রঙ ব্যবহার করা যাক
চ্যানেল আমরা, আগে কি ভালো

457
00:27:00,650 --> 00:27:04,540
কিনা তা সম্পর্কে কিছু সঙ্কেতাক্ষরে লিখা
একটি কোলন বা কোন আছে.

458
00:27:04,540 --> 00:27:07,220
তাই আমরা আবার একটি শর্তাধীন ব্যবহার করব.

459
00:27:07,220 --> 00:27:09,350
আপনি জানেন করতে হবে না
এই বিবরণ,

460
00:27:09,350 --> 00:27:14,260
কিন্তু এই আমরা একটি পরীক্ষা কিভাবে
একটি বিশেষ অক্ষর জন্য স্ট্রিং

461
00:27:14,260 --> 00:27:16,355
জাভাস্ক্রিপ্ট, আবার, প্রাসঙ্গিক না.

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

463
00:27:18,910 --> 00:27:23,270
>> কিন্তু আমরা একটি খুঁজে না
কোলন, আমরা সবুজ ফিরে আসবেন.

464
00:27:23,270 --> 00:27:26,100
যদি আমরা না, আমরা লাল ফিরে আসবেন.

465
00:27:26,100 --> 00:27:29,010
তাই আবার, যে শিরোনাম
একটি কোলন লাল হতে হবে আছে.

466
00:27:29,010 --> 00:27:34,980
এই এই সুন্দর যথাযথভাবে হয়.

467
00:27:34,980 --> 00:27:38,040
>> সুতরাং এটা মনে হচ্ছে যে আমার
অনুমান bumped করা হয়.

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
>> আইন ভী, 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
এখানে এই মান
ভবনের পুস্তিকার-জন্য longs

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
>> সুতরাং যারা পুস্তিকার-জন্য longs, গ্রহণ, যা
সমগ্র পৃথিবী কিছু প্রতিনিধিত্ব

575
00:33:57,250 --> 00:34:02,850
এবং squishing এবং যে চলন্ত কাছাকাছি
আমাদের x এবং y পিক্সেল মান দিতে,

576
00:34:02,850 --> 00:34:05,450
এই যে প্রথম জিনিস
এই ম্যাপিং কোড করা.

577
00:34:05,450 --> 00:34:07,920
এবং তারপর বাকি
কোড তথ্য হ্রাস

578
00:34:07,920 --> 00:34:14,310
এবং তারপর যারা পুস্তিকার-জন্য longs মানচিত্র
আপনার পর্দায় কিছু সম্মুখের দিকে.

579
00:34:14,310 --> 00:34:18,380
>> কিন্তু আমরা এই অভিক্ষেপ ব্যবহার করতে যাচ্ছেন
কর্ম, কারণ এটি সক্রিয়

580
00:34:18,380 --> 00:34:20,270
আমরা পাশাপাশি পুস্তিকার-জন্য longs জন্য longs আছে.

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
প্রথম জিনিস তাই
আমরা তাই করছি অনুরুপ

594
00:34:56,949 --> 00:35:01,520
একটি পৃথক তথ্য, যা পেয়ে ডি,
একটি পৃথক ভূমিকম্প উপাদান

595
00:35:01,520 --> 00:35:02,370
পড়া.

596
00:35:02,370 --> 00:35:04,640
আমরা কি প্রথম জিনিস
স্থানাঙ্ক পেতে হয়.

597
00:35:04,640 --> 00:35:06,150
ঠিক আছে, আমরা স্থানাঙ্ক আছে.

598
00:35:06,150 --> 00:35:09,160
>> আমরা কি দ্বিতীয় জিনিস
অভিক্ষেপ থেকে যে পাস.

599
00:35:09,160 --> 00:35:13,440
অভিক্ষেপণ যারা স্থানাঙ্ক পরিবর্তন
পিক্সেল মান x এবং y মধ্যে.

600
00:35:13,440 --> 00:35:16,680
এবং তারপর শেষ জিনিস আমরা
শুধু x পেতে হয় কাজ করতে চান,

601
00:35:16,680 --> 00:35:19,342
যা এই ক্ষেত্রে প্রথম এক.

602
00:35:19,342 --> 00:35:22,050
এটা দুই জিনিস প্রথম
যে অভিক্ষেপ দ্বারা ফেরত দেওয়া হয়.

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

604
00:35:27,840 --> 00:35:29,630
>> আমরা y জন্য একই কাজ করব.

605
00:35:29,630 --> 00:35:34,960
কিন্তু পরিবর্তে, আমরা ফিরে পাবেন
দ্বিতীয় উপাদান, Y.

606
00:35:34,960 --> 00:35:35,980
রিফ্রেশ করার জন্য প্রস্তুত করুন.

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

608
00:35:39,830 --> 00:35:46,450
উত্তেজনা, অতিরিক্ত অক্ষর
এখানে সুন্দর, আমরা

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 স্কেলে মানচিত্রে
600 22, বা আরো কম.

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
আমরা 60 0 চান, এর কথা বলা যাক.

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
এবং 60 0 মানচিত্র.

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, mouseover বিরোধিতা.

684
00:39:59,990 --> 00:40:06,399
>> এবং আমরা এটি পুনরায় সেট করব
আমরা কি 0.5 আগে ছিল.

685
00:40:06,399 --> 00:40:10,260
এবং এখন, প্রত্যেক সময় আমরা
উপর কার্সার রেখে দেখুন, আমরা একটি পূর্ণ বৃত্ত পেতে.

686
00:40:10,260 --> 00:40:13,468
এটা আমাদের তা দেখতে সাহায্য করে আমরা
আমরা মূলত নির্বাচন করছেন.

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

688
00:40:19,210 --> 00:40:22,860
>> এবং এখন এর এই সত্যিই মহান করা যাক.

689
00:40:22,860 --> 00:40:26,210
এর প্রকৃত তথ্য এই সংযোগ দিন.

690
00:40:26,210 --> 00:40:30,890
সুতরাং এর জিজ্ঞাসা করা যাক করতে পারে
ইউএসজিএস তাদের তথ্য সম্পর্কে.

691
00:40:30,890 --> 00:40:35,630
মার্কিন ভূতাত্ত্বিক জরিপ তাই
ভূমিকম্প সম্পর্কে তথ্য আছে.

692
00:40:35,630 --> 00:40:41,460
তারা সক্ষম যে একটি পাবলিক 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
>> তাই এই কোড একটি বিট যে
ইউএসজিএস এপিআই সাথে সংযোগ করে.

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 তে একটি অবিশ্বাস্যভাবে শক্তিশালী হয়
লাইব্রেরি এবং amazingly ভাল চলা.

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
গভীর মানুষের conveying জন্য
তাদের মূল পায় যে অর্ন্তদৃষ্টি

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