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