1 00:00:00,000 --> 00:00:00,780 2 00:00:00,780 --> 00:00:11,880 >> [MUSIC PLAYING] 3 00:00:11,880 --> 00:00:16,480 >> DAVID Chouinard: Mən David Ben Chouinard və bu D3 edir. 4 00:00:16,480 --> 00:00:17,700 Xoş gəlmisiniz. 5 00:00:17,700 --> 00:00:21,270 Biz bu gün D3 haqqında məlumat olacaq. 6 00:00:21,270 --> 00:00:25,020 D3 JavaScript çərçivəsində yüksək keyfiyyətli tikinti üçün 7 00:00:25,020 --> 00:00:28,110 web üçün interaktiv visualizations. 8 00:00:28,110 --> 00:00:30,870 Biz etdiyiniz nə kimi şeylər Mənə geri görən, 9 00:00:30,870 --> 00:00:34,230 biz o etmək öyrənmək olacaq hər şeyi, bu əsasları cür. 10 00:00:34,230 --> 00:00:36,452 Amma bu sərin olacaq. 11 00:00:36,452 --> 00:00:38,160 Nin başlamaq edək olduqca şəkillər edir. 12 00:00:38,160 --> 00:00:41,108 13 00:00:41,108 --> 00:00:44,350 Biz daha çox demoları var Mövcud perspektivləri. 14 00:00:44,350 --> 00:00:48,040 15 00:00:48,040 --> 00:00:50,760 Bunu edək. 16 00:00:50,760 --> 00:00:58,700 >> Act I, DOM manipulation-- gedirik sərin şeyi edilməsi hemen başlamaq üçün. 17 00:00:58,700 --> 00:01:01,240 İlk növbədə, sol, biz kodu var. 18 00:01:01,240 --> 00:01:03,470 Sağ, biz bizim kodu nəticəsidir. 19 00:01:03,470 --> 00:01:04,900 Üzrə keçmək edək. 20 00:01:04,900 --> 00:01:05,780 >> Bir daire etmək edək. 21 00:01:05,780 --> 00:01:08,570 Necə ki, səs edir? 22 00:01:08,570 --> 00:01:14,934 svg.append circle-- biz yalnız bir dairə etdi. 23 00:01:14,934 --> 00:01:16,100 Siz sağ, mənə iman yoxdur? 24 00:01:16,100 --> 00:01:18,190 Orada deyil. 25 00:01:18,190 --> 00:01:21,830 >> Beləliklə, biz edir burada nə, SVG ölçeklenebilir vektor qrafik edir. 26 00:01:21,830 --> 00:01:27,530 Bu üçün brauzer demək yoldur brauzerinizin vektor qrafik etmək. 27 00:01:27,530 --> 00:01:30,740 Biz yalnız indi etdi göz bir dairə əlavə edilir. 28 00:01:30,740 --> 00:01:34,790 >> söz dairə ki, Əsas atributlarından bir az tələb edir 29 00:01:34,790 --> 00:01:36,850 faktiki olaraq onu görmək bilər. 30 00:01:36,850 --> 00:01:40,045 Biz, bu onun x mövqeyini demək lazımdır Onun y mövqeyi, onun radius. 31 00:01:40,045 --> 00:01:43,310 Biz ki, hər hansı demək deyil, belə ki, biz indi bunu görən deyilik. 32 00:01:43,310 --> 00:01:46,210 Amma stuff demək imkan verir. 33 00:01:46,210 --> 00:01:49,510 >> Belə ki, ilk növbədə, siz var Bizim dairə bir ad vermək. 34 00:01:49,510 --> 00:01:53,070 Belə ki, dairə zəng edək. 35 00:01:53,070 --> 00:01:54,406 Bizim dairə indi bir adı var. 36 00:01:54,406 --> 00:01:57,230 37 00:01:57,230 --> 00:01:59,490 Və bir neçə atributları verək. 38 00:01:59,490 --> 00:02:03,690 Necə CX haqqında, x mərkəzi olacaq x mövqeyi mərkəzi. 39 00:02:03,690 --> 00:02:06,730 200 piksel üçün 200 deyirlər. 40 00:02:06,730 --> 00:02:10,220 >> Kimi də bu 200 piksel y verim. 41 00:02:10,220 --> 00:02:16,032 Və təxminən 40 piksel r, bir radius. 42 00:02:16,032 --> 00:02:16,950 İndi görək. 43 00:02:16,950 --> 00:02:21,740 44 00:02:21,740 --> 00:02:23,440 Mən yazım bilməz. 45 00:02:23,440 --> 00:02:30,430 46 00:02:30,430 --> 00:02:31,520 >> Burada getmək. 47 00:02:31,520 --> 00:02:37,330 Biz vəziyyəti 200 bir dairə var piksel, 200 piksel, 40 piksel radius. 48 00:02:37,330 --> 00:02:38,280 Kind sərin, sağ? 49 00:02:38,280 --> 00:02:38,988 Biz bir dairə var. 50 00:02:38,988 --> 00:02:40,880 Bəli. 51 00:02:40,880 --> 00:02:42,670 >> Belə ki, heç bir ehtiyac boyunca riayət edin. 52 00:02:42,670 --> 00:02:45,790 Bütün bu nümunələr, bütün Mən bu gün edirəm kodu 53 00:02:45,790 --> 00:02:51,300 sonunda online təmin ediləcək interaktiv nümunələri şəklində 54 00:02:51,300 --> 00:02:54,010 da məntəqələrində hər bir akt, və s. 55 00:02:54,010 --> 00:02:55,160 >> Daha stuff bunu edək. 56 00:02:55,160 --> 00:02:58,901 Bu qara dairə həqiqətən çirkin deyil. 57 00:02:58,901 --> 00:03:01,541 Hesab edirəm ki, səhv təəssüf edirəm orada messages. 58 00:03:01,541 --> 00:03:05,340 Biz də gedin. 59 00:03:05,340 --> 00:03:06,350 >> Nin bir rəng verək. 60 00:03:06,350 --> 00:03:07,170 Necə var? 61 00:03:07,170 --> 00:03:08,340 Mən polad mavi istəyirəm. 62 00:03:08,340 --> 00:03:13,280 63 00:03:13,280 --> 00:03:16,030 Bəli, bizim dairəsi rəngi dəyişdi. 64 00:03:16,030 --> 00:03:17,320 Bu harika. 65 00:03:17,320 --> 00:03:31,330 Nin yarı-şəffaf edək too-- yarı-şəffaf. 66 00:03:31,330 --> 00:03:33,670 >> Belə ki, bu atributları var Biz dairə müəyyən edirik. 67 00:03:33,670 --> 00:03:36,774 Biz ilk şey biz page bir dairə qoydu. 68 00:03:36,774 --> 00:03:38,690 Və sonra biz müəyyən edirik atributları bir dəstə. 69 00:03:38,690 --> 00:03:41,610 Bunlardan bəziləri tələb olunur, CX, CY, və Radius kimi. 70 00:03:41,610 --> 00:03:42,680 Və başqaları isteğe bağlıdır. 71 00:03:42,680 --> 00:03:44,730 >> Bir çox atributları var. 72 00:03:44,730 --> 00:03:46,760 Onların bir çox var. 73 00:03:46,760 --> 00:03:53,070 Məsələn, biz ola bilər stroke, eləcə də qırmızı bir vuruş. 74 00:03:53,070 --> 00:03:55,630 Amma aradan qaldırılması edək. 75 00:03:55,630 --> 00:04:00,450 Biz geri bir daire, mavi dairə istəyirik. 76 00:04:00,450 --> 00:04:01,600 >> Belə ki, daha çox dairələri edək. 77 00:04:01,600 --> 00:04:02,810 Necə var? 78 00:04:02,810 --> 00:04:04,665 Başqa bir dairə edək. 79 00:04:04,665 --> 00:04:05,985 Bu hüquq, maraqlı? 80 00:04:05,985 --> 00:04:09,630 81 00:04:09,630 --> 00:04:12,300 >> Mən yalnız Copy-yapışdırılır demək biz artıq. 82 00:04:12,300 --> 00:04:13,570 Nin circle2 zəng edək. 83 00:04:13,570 --> 00:04:15,840 Və dəqiq nə edək Eyni şey və vermək 84 00:04:15,840 --> 00:04:20,450 300 x mövqeyi nəzərə alaraq, atributları. 85 00:04:20,450 --> 00:04:24,140 Yay, indi iki dairələri var. 86 00:04:24,140 --> 00:04:27,240 >> Əlbəttə, biz bilər bu dəyərləri yeniləmə. 87 00:04:27,240 --> 00:04:31,640 Mən 400 qoymaq bilər, və indi hərəkət edir. 88 00:04:31,640 --> 00:04:35,470 Bu annoying var-ci ildən, edək belə circle2.remove, aradan qaldırılması. 89 00:04:35,470 --> 00:04:39,000 90 00:04:39,000 --> 00:04:40,730 İndi getdi. 91 00:04:40,730 --> 00:04:43,170 >> Beləliklə, biz işle və Bu very--, yalnız çox deyil 92 00:04:43,170 --> 00:04:46,030 sizə nə çox oxşardır Məsələn, jQuery edə bilər. 93 00:04:46,030 --> 00:04:48,240 Biz yalnız manipulyasiya edirik DOM, deyirlər. 94 00:04:48,240 --> 00:04:50,040 Siz əvvəl söz eşitmişəm bilər. 95 00:04:50,040 --> 00:04:53,255 Biz qəbulu məhsulları yaratmaq edirik məhsulları aradan qaldırılması, məhsulları haqqında atributları. 96 00:04:53,255 --> 00:04:58,950 97 00:04:58,950 --> 00:05:02,360 >> Maraqlı olur yerləşir İndi burada. 98 00:05:02,360 --> 00:05:07,250 Belə ki, sonra kodu, biz hələ də bilər Burada orijinal dairə baxın. 99 00:05:07,250 --> 00:05:14,100 Belə ki, CX öz atributu yenidən imkan verir. 100 00:05:14,100 --> 00:05:18,260 400 onun x mövqeyi deyək. 101 00:05:18,260 --> 00:05:22,406 Mən keçid gedirəm ki, aydın deyil, belə ki,. 102 00:05:22,406 --> 00:05:23,360 Biz də gedin. 103 00:05:23,360 --> 00:05:24,780 >> Beləliklə, biz bir dairə əlavə edib. 104 00:05:24,780 --> 00:05:26,440 Biz bəzi atributları seçin. 105 00:05:26,440 --> 00:05:28,210 Biz başqa dairə əlavə qaldırıldı. 106 00:05:28,210 --> 00:05:31,650 Və sonra biz değiştirmeyle edirik Orijinal dairə. 107 00:05:31,650 --> 00:05:35,400 >> Bu olur yerləşir Amma burada bir çox maraqlı. 108 00:05:35,400 --> 00:05:39,070 Yalnız biz atributları bilərsiniz yalnız dəyər kimi, biz, demək olar 109 00:05:39,070 --> 00:05:41,610 hey, dairə, 200 yerləşdirilməlidir gedin. 110 00:05:41,610 --> 00:05:44,540 Biz də funksiyaları kimi qura bilərsiniz. 111 00:05:44,540 --> 00:05:48,850 >> Belə ki, əvəzinə, burada 400 verilməsi bəzi hesablanması edə bilərsiniz 112 00:05:48,850 --> 00:05:53,950 nə üçün Tez biz ki, atribut olmaq istəyirəm. 113 00:05:53,950 --> 00:05:56,580 Belə ki, bu ifadə istədiyiniz necə. 114 00:05:56,580 --> 00:06:00,660 Biz yerinə 400, mənə imkan, demək əvəzinə bir funksiyası verir. 115 00:06:00,660 --> 00:06:04,180 Və burada, bu funksiya daxilində, Biz hər hansı bir crazy hesablanması edə bilərsiniz. 116 00:06:04,180 --> 00:06:06,820 >> Biz vaxt bilər və Bəzi digər şey baxmaq 117 00:06:06,820 --> 00:06:11,230 və dinamik qərar biz istədiyiniz nə dəyəri dairə. 118 00:06:11,230 --> 00:06:15,266 Necə biz yalnız vermək haqqında Bu təsadüfi x mövqeyi? 119 00:06:15,266 --> 00:06:20,360 120 00:06:20,360 --> 00:06:21,120 Belə ki, var. 121 00:06:21,120 --> 00:06:25,490 >> Belə ki, nə deyir ki, üçün, Hər x, bu funksiyanı çalıştırın. 122 00:06:25,490 --> 00:06:29,340 Və nə edirik hesablanması edir bəzi şeylər, təsadüfi dəfə eni 123 00:06:29,340 --> 00:06:30,410 və qaytarılması. 124 00:06:30,410 --> 00:06:34,765 Beləliklə, biz run hər zaman, biz almaq təsadüfi yerə gedir dairə. 125 00:06:34,765 --> 00:06:36,394 Bu sərin növü var. 126 00:06:36,394 --> 00:06:38,310 Mən baxmaq bilər kimi hiss edirəm bir az bu. 127 00:06:38,310 --> 00:06:44,274 128 00:06:44,274 --> 00:06:46,440 Biz almaq üçün başlanğıc edirik Burada maraqlı bir şey. 129 00:06:46,440 --> 00:06:49,120 130 00:06:49,120 --> 00:06:51,390 Indi idarə bu məlumatları edək. 131 00:06:51,390 --> 00:06:53,420 Burada heç bir məlumat yoxdur. 132 00:06:53,420 --> 00:06:54,482 Ki, dəyişdirmək edək. 133 00:06:54,482 --> 00:06:57,440 134 00:06:57,440 --> 00:07:12,140 >> Aktı II, Data idarə sənədlərdə Belə ki, burada qayıdaq. 135 00:07:12,140 --> 00:07:15,340 Və yalnız circle2 xilas edək biz yalnız əlavə və aradan qaldırılması, çünki 136 00:07:15,340 --> 00:07:15,840 Bu. 137 00:07:15,840 --> 00:07:17,382 Belə ki, biz, həqiqətən, ehtiyac yoxdur. 138 00:07:17,382 --> 00:07:21,421 Biz burada bir çox ağıllı olmaq lazımdır. 139 00:07:21,421 --> 00:07:23,170 Biz, Deyək bir növ bəzi məlumatlar. 140 00:07:23,170 --> 00:07:31,540 141 00:07:31,540 --> 00:07:40,020 Bir, deyək anda Biz bu formada məlumatları var idi. 142 00:07:40,020 --> 00:07:41,800 Biz yalnız, bir sıra var idi ədəd bir dəstə. 143 00:07:41,800 --> 00:07:45,750 Biz burada yeddi nömrələri nə bu represent-- məbləği 144 00:07:45,750 --> 00:07:48,810 xalq bank hesabı, necə qədər Allah nə bilir çəkin. 145 00:07:48,810 --> 00:07:51,310 >> Bu nömrələr və biz Bizim dairələri istifadə etmək istədiyiniz 146 00:07:51,310 --> 00:07:53,240 elə həmin nömrələr təmsil edəcək. 147 00:07:53,240 --> 00:07:55,515 Biz əlimizdən bağlamaq istəyirəm bu nömrələrə dairələr. 148 00:07:55,515 --> 00:07:58,750 149 00:07:58,750 --> 00:07:59,626 Beləliklə, biz nə. 150 00:07:59,626 --> 00:08:01,500 Deyək, istəyirik Hər sıra dairə. 151 00:08:01,500 --> 00:08:03,590 Biz köhnə edə bilər Biz doing-- edildi şey 152 00:08:03,590 --> 00:08:06,020 dairə əlavə və circle2 və circle3. 153 00:08:06,020 --> 00:08:10,020 Amma bu əl həyata olur, və məntiq təkrar bir çox var. 154 00:08:10,020 --> 00:08:12,760 >> Belə ki, daha ağıllı almaq imkan verir. 155 00:08:12,760 --> 00:08:17,810 Əvəzində var dairə istifadə , biz yalnız istifadə edilmişdir ki, svg.append 156 00:08:17,810 --> 00:08:21,580 Biz istifadə etmək olacaq burada bu kiçik blok. 157 00:08:21,580 --> 00:08:24,510 Mən dərin getmək istəmirəm nə bütün bu hissələr yoxdur. 158 00:08:24,510 --> 00:08:26,020 Və inkişaf etmiş bir mövzu növü var. 159 00:08:26,020 --> 00:08:27,830 Mən isterdim. 160 00:08:27,830 --> 00:08:31,370 >> Amma əsas odur ki, recognize-- və Siz D3 kodu çox tez-tez görəcəksiniz. 161 00:08:31,370 --> 00:08:36,840 Mətn əsaslandırılmış Bu blok kimi bir çox dairələr yaradır 162 00:08:36,840 --> 00:08:41,360 məlumat elementləri var burada bu array. 163 00:08:41,360 --> 00:08:53,420 164 00:08:53,420 --> 00:08:55,780 Belə ki, bu kimi bir çox yaradır orada dairələr elementləridir. 165 00:08:55,780 --> 00:08:58,520 Bu, bizim yeddi dairələri yaratmaq olacaq. 166 00:08:58,520 --> 00:09:01,710 Və bu, həqiqətən, həqiqətən, əsas şey yoxdur. 167 00:09:01,710 --> 00:09:02,460 Belə ki, run imkan verir. 168 00:09:02,460 --> 00:09:05,460 Bizim digər dairə aradan qaldırılması edək. 169 00:09:05,460 --> 00:09:09,565 Yalnız bu şərh edək həyata hissəsi və yenidən bu axır. 170 00:09:09,565 --> 00:09:13,840 171 00:09:13,840 --> 00:09:15,260 >> Biz də gedin. 172 00:09:15,260 --> 00:09:18,030 Belə ki, burada bizim dairə bir çox qaranlıq, çünki biz 173 00:09:18,030 --> 00:09:20,720 Yeddi dairələri var, bir digər üst. 174 00:09:20,720 --> 00:09:25,425 Biz yalnız yeddi dairələri, bir yaratmışdır Bu data elementlərin hər biri üçün hər. 175 00:09:25,425 --> 00:09:28,860 Amma baş verən əsas şey var burada bu parçası ilə. 176 00:09:28,860 --> 00:09:31,030 >> Bu data bağlı idi ki, var. 177 00:09:31,030 --> 00:09:33,440 Belə ki, hər bir bir bu data elementləri, 178 00:09:33,440 --> 00:09:38,830 10, 45, 105, bağlı idi xüsusi dairə. 179 00:09:38,830 --> 00:09:40,960 Belə ki, bu yalnız yaradılmış deyil dairələrinin bir dəstə 180 00:09:40,960 --> 00:09:43,420 lakin birlikdə bu iki şeyi əlaqələri. 181 00:09:43,420 --> 00:09:48,740 >> Və gələcəkdə biz yaratdıq, çünki Bu D3 funksiyası ilə həmin dairələr, 182 00:09:48,740 --> 00:09:52,430 Mən sizə bir dairə vermək əgər, siz Mənə onunla bağlı məlumat verir. 183 00:09:52,430 --> 00:09:53,280 Belə ki, biz D3 xahiş edə bilər. 184 00:09:53,280 --> 00:09:54,840 Hey, D3, bu dairə var. 185 00:09:54,840 --> 00:09:57,350 Dairə var data nədir? 186 00:09:57,350 --> 00:10:01,290 Və D3 bizə 10 və ya 45 və ya 105 demək istəyirəm. 187 00:10:01,290 --> 00:10:02,380 >> Bunlar bağlıdırlar. 188 00:10:02,380 --> 00:10:04,490 Ki, bir çox, çox fundamental anlayış var. 189 00:10:04,490 --> 00:10:06,070 Ki baxaq. 190 00:10:06,070 --> 00:10:12,210 >> Belə ki, yol biz belə D3-- xahiş ediyorum Bu, bu yersiz 191 00:10:12,210 --> 00:10:16,620 ancaq bu barədə mənə etibar. 192 00:10:16,620 --> 00:10:17,620 Bu D3 xahiş necə. 193 00:10:17,620 --> 00:10:21,312 Hey, D3, mənə ilk vermək Siz tapa bilərsiniz dairəsi. 194 00:10:21,312 --> 00:10:23,580 Mənə tapa bilərsiniz ilk dairə verin. 195 00:10:23,580 --> 00:10:29,660 Və sonra biz D3 xahiş edə bilər, nə bu kimi ki, data, 10. 196 00:10:29,660 --> 00:10:33,380 >> Belə ki, biz yalnız D3 xahiş mənə tapmaq Siz tapa bilərsiniz ilk dairə. 197 00:10:33,380 --> 00:10:34,400 Onun data nədir? 198 00:10:34,400 --> 00:10:36,650 10 həqiqətən əlimizdən deyil İlk data element. 199 00:10:36,650 --> 00:10:42,150 Biz, hey, D3 onu xahiş edə bilər bizim üçüncü dairə tapa bilərsiniz. 200 00:10:42,150 --> 00:10:44,450 105. 201 00:10:44,450 --> 00:10:45,740 Niyə bu, həqiqətən vacibdir? 202 00:10:45,740 --> 00:10:49,790 203 00:10:49,790 --> 00:10:52,250 >> Belə ki, burada, mən qeyd ki, funksiyaları istifadə edə bilər. 204 00:10:52,250 --> 00:10:54,910 Mən ki, qeyd çox güclü bir şey. 205 00:10:54,910 --> 00:11:03,070 Belə ki, yalnız funksiyaları şeyi edə bilər deyil Məsələn kimi, bəzi hesablanması etmək, 206 00:11:03,070 --> 00:11:09,170 , bir təsadüfi sayı bu edə bilərsiniz qayıtmaq da məlumatlar əsasında şeylər. 207 00:11:09,170 --> 00:11:11,550 Bu data idarə sənədlər demək nə. 208 00:11:11,550 --> 00:11:13,750 Bu D3 dayanır budur. 209 00:11:13,750 --> 00:11:17,800 >> Belə ki, bu x postition-- yerinə yalnız, bütün dairələr söyləyərək, 210 00:11:17,800 --> 00:11:21,735 x mövqeyi 200 olsun, biz bu bir funksiyası verə bilər. 211 00:11:21,735 --> 00:11:26,140 212 00:11:26,140 --> 00:11:30,140 Və burada, bəzi hesablanması edə bilərsiniz. 213 00:11:30,140 --> 00:11:33,710 və d burada məlumat üçün yerdə dayanır. 214 00:11:33,710 --> 00:11:36,120 Belə ki, hər zaman var bir dairə, əsasən, 215 00:11:36,120 --> 00:11:37,750 D3 Bu yeddi dairələri yaradacaq. 216 00:11:37,750 --> 00:11:38,500 Və sonra hər 217 00:11:38,500 --> 00:11:41,920 >> dairə, bu, hey, getmək olacaq circle1 Sizin x mövqeyi budur. 218 00:11:41,920 --> 00:11:45,210 Əvvəllər biz həmişə 200 cavab. 219 00:11:45,210 --> 00:11:48,630 Amma indi hər zaman D3 soruşur Bizə x mövqeyi nə, 220 00:11:48,630 --> 00:11:51,790 Bu biz, bizə oynatılırken vermək olacaq ki, dairə, biz məlumatlar var. 221 00:11:51,790 --> 00:11:55,290 Bu, bizə məlumat vermək və demək olacaq nə ekspozisiyası olmaq istəyirəm ki, 222 00:11:55,290 --> 00:11:57,120 data əsaslanır. 223 00:11:57,120 --> 00:11:59,590 >> Yalnız faktiki məlumatları qayıdaq. 224 00:11:59,590 --> 00:12:04,910 Biz bu run Belə ki, bu verir Bizə data sənədləri idarə. 225 00:12:04,910 --> 00:12:08,040 Bu dairələr əsaslanır əlaqə position-- da 226 00:12:08,040 --> 00:12:11,120 Qeyd: onlar məlumatın funksiyası kimi əsasları istəyirik. 227 00:12:11,120 --> 00:12:13,100 >> İlk dairəsi Belə ki, D3 bir dairə qoyur. 228 00:12:13,100 --> 00:12:16,770 Və sonra D3 nə, bizə xahiş edir Siz ekspozisiyası olmaq istəyirəm. 229 00:12:16,770 --> 00:12:19,620 Və biz yalnız məlumat nə demək. 230 00:12:19,620 --> 00:12:21,185 Ekspozisiyası 10 olun. 231 00:12:21,185 --> 00:12:26,320 >> Sonra istədiyiniz nə, xahiş ekspozisiyası ikinci dairəsi üçün olmalıdır. 232 00:12:26,320 --> 00:12:27,270 Və biz 45 cavab. 233 00:12:27,270 --> 00:12:30,000 234 00:12:30,000 --> 00:12:32,230 Və biz, əlbəttə bilər burada hesablanmasını edir. 235 00:12:32,230 --> 00:12:35,510 Mən o dairələr ki, tapmaq cür qədər squished olunur. 236 00:12:35,510 --> 00:12:38,965 >> Belə ki, 3 məlumatları çoxaltmaq 3 ilə çoxaltmaq. 237 00:12:38,965 --> 00:12:41,870 238 00:12:41,870 --> 00:12:43,840 Bizim dairə yalnız genişlənmişdir oldu. 239 00:12:43,840 --> 00:12:46,730 Bizim dəyəri üç dəfə artmışdır. 240 00:12:46,730 --> 00:12:51,010 >> dairə, həqiqətən kənarında belə ki, bəlkə cür onu ofset imkan verir. 241 00:12:51,010 --> 00:12:53,632 Üzrə 20, deyirlər. 242 00:12:53,632 --> 00:12:56,070 Burada getmək. 243 00:12:56,070 --> 00:12:57,590 >> Bu data vizual edir. 244 00:12:57,590 --> 00:13:01,767 Bu, çox əsas biri, lakin bu Bizim data bir fikir verir. 245 00:13:01,767 --> 00:13:04,600 Bu bizə deyir ki, məsələn, biz elementlərin bir az çoxluq var. 246 00:13:04,600 --> 00:13:06,340 Və biz burada böyük bir outlier var. 247 00:13:06,340 --> 00:13:10,830 Bu bizə məlumat verir səhifələrdən getdikləri barədə. 248 00:13:10,830 --> 00:13:20,830 >> Biz olsaydı, məsələn, dəyişdirmək Burada 150 Yenile data, 249 00:13:20,830 --> 00:13:22,630 Bizim vizual dəyişdirilir. 250 00:13:22,630 --> 00:13:24,285 Bu sənəd data idarə edir. 251 00:13:24,285 --> 00:13:32,640 252 00:13:32,640 --> 00:13:36,180 >> Əlbəttə ki, bütün bu elementlər, Burada bütün bu atributları, 253 00:13:36,180 --> 00:13:38,430 Biz bir funksiyası istifadə edə Yalnız nömrələri, yalnız 254 00:13:38,430 --> 00:13:39,900 x və y vəzifələri. 255 00:13:39,900 --> 00:13:42,120 Beləliklə, biz rəng üçün bir funksiyası istifadə edə bilərsiniz. 256 00:13:42,120 --> 00:13:45,260 257 00:13:45,260 --> 00:13:46,360 Belə ki, biz eyni edəcəyik. 258 00:13:46,360 --> 00:13:49,360 Biz bir funksiyası vermək lazımdır. 259 00:13:49,360 --> 00:13:52,320 >> Və biz ola bilər, deyək Bizim funksiyası conditionals. 260 00:13:52,320 --> 00:13:54,770 Bu funksiya ola bilər uzun xətləri yüz. 261 00:13:54,770 --> 00:13:57,150 Bu, çox, çox mürəkkəb şeyi edə bilər. 262 00:13:57,150 --> 00:13:59,080 >> Belə ki, burada əgər bəyanat qoymaq bildirin. 263 00:13:59,080 --> 00:14:03,420 Bizim data az olduqda, deyək 50-dən, bəzi ərəfəsində var 264 00:14:03,420 --> 00:14:05,817 biz maraqlı olduğunu nədənsə üçün. 265 00:14:05,817 --> 00:14:06,650 Üzrə yaşıl edək. 266 00:14:06,650 --> 00:14:09,830 267 00:14:09,830 --> 00:14:15,320 Əks halda, bu qırmızı edək. 268 00:14:15,320 --> 00:14:16,110 Necə var? 269 00:14:16,110 --> 00:14:19,630 270 00:14:19,630 --> 00:14:21,220 Nice. 271 00:14:21,220 --> 00:14:24,860 >> Belə ki, bizim data vizual başlayır daha maraqlı məlumat çatdırmaq 272 00:14:24,860 --> 00:14:26,727 çox kanalları. 273 00:14:26,727 --> 00:14:28,560 Belə ki, indi biz bir az bilirik səhifələrdən getdikləri barədə. 274 00:14:28,560 --> 00:14:31,768 Və biz bir növ var ki, bilirik biz ilgilendiğiniz 50 kəsdi. 275 00:14:31,768 --> 00:14:35,630 Biz iki data xal var bilirik ki, Onların ən çox həddindən aşağı və 276 00:14:35,630 --> 00:14:36,130 yuxarıda. 277 00:14:36,130 --> 00:14:41,510 278 00:14:41,510 --> 00:14:46,160 >> Belə ki, son addım kimi, burada bu məlumatlar, bu kimi görmək çox nadir deyil. 279 00:14:46,160 --> 00:14:52,610 Belə ki, yalnız bir dəyişən onu hərəkət edək bu kimi təmiz, çünki. 280 00:14:52,610 --> 00:15:02,980 281 00:15:02,980 --> 00:15:05,197 Və sonra biz burada dəyişən istifadə edin. 282 00:15:05,197 --> 00:15:06,280 Bu eyni şey. 283 00:15:06,280 --> 00:15:07,280 Bu, sadəcə bir az təmiz. 284 00:15:07,280 --> 00:15:25,300 285 00:15:25,300 --> 00:15:35,300 >> Sonrakı qədər Aktı III, Scales-- Belə ki, bir problem 286 00:15:35,300 --> 00:15:38,920 biz dəyişdirmək əgər burada bizim Bu 200 value-- məlumat 287 00:15:38,920 --> 00:15:41,685 Biz 400 dəyişdirmək əgər və ya bir şey və yenileme, 288 00:15:41,685 --> 00:15:44,540 onda bu dəyər yalnız offscreen getdi. 289 00:15:44,540 --> 00:15:49,040 Burada bizim məntiq Belə ki, necə biz dəfə 3 290 00:15:49,040 --> 00:15:52,570 20, sonra onu yaymaq və bu ofset bir az həqiqətən clunky edir. 291 00:15:52,570 --> 00:15:54,150 >> Bu nömrələr nə deməkdir? 292 00:15:54,150 --> 00:15:55,400 Onlar yalnız ağır orada kodlu edirik. 293 00:15:55,400 --> 00:15:58,830 Onlar çox məlumat bağladı edirik. 294 00:15:58,830 --> 00:16:00,550 Biz data idarə sənəd istəyirəm. 295 00:16:00,550 --> 00:16:05,460 Çox çevik sənəd istəyirəm, verilən məlumatların ki, bu uyğunlaşır 296 00:16:05,460 --> 00:16:07,900 və təmsil edir. 297 00:16:07,900 --> 00:16:11,330 >> Biz əsasən lazımdır ki, edir ədəd 10 bu sıra var. 298 00:16:11,330 --> 00:16:12,640 45, 105. 299 00:16:12,640 --> 00:16:17,630 Və biz üzərində ki, xəritəyə istəyirəm eni, burada tam eni. 300 00:16:17,630 --> 00:16:20,620 Beləliklə, biz bir sıra var 0-dan 100 gedən nömrələri. 301 00:16:20,620 --> 00:16:24,980 Və biz bu kampus I gedir Bu halda, 700 20. 302 00:16:24,980 --> 00:16:26,515 >> Biz cür ki, xəritəsi istəyirəm. 303 00:16:26,515 --> 00:16:30,002 Biz o klikləyin etmək istəyirəm sonra bir az ofset. 304 00:16:30,002 --> 00:16:33,165 Bu D3 bu ki çıxır. 305 00:16:33,165 --> 00:16:34,220 Bu miqyaslı deyirlər. 306 00:16:34,220 --> 00:16:37,410 307 00:16:37,410 --> 00:16:38,250 Belə ki, istifadə edək. 308 00:16:38,250 --> 00:16:46,300 309 00:16:46,300 --> 00:16:49,670 >> Mən gedirəm çalışır ki, yol Bu qədər yazın və sonra izah. 310 00:16:49,670 --> 00:17:01,530 311 00:17:01,530 --> 00:17:02,450 Bu miqyaslı edir. 312 00:17:02,450 --> 00:17:08,670 Nə edəcəyik, bu xəritəyə edəcək 20 600 üçün 1-dən 200-ə dəyərlər. 313 00:17:08,670 --> 00:17:10,990 Biz bu kontrol edə bilərsiniz. 314 00:17:10,990 --> 00:17:13,329 Biz burada görə bilərsiniz. 315 00:17:13,329 --> 00:17:21,704 >> Belə ki, mən onu qidalandırmaq 1 var bir an. 316 00:17:21,704 --> 00:17:47,764 317 00:17:47,764 --> 00:17:48,555 Mənə bir ikinci verin. 318 00:17:48,555 --> 00:17:53,680 319 00:17:53,680 --> 00:17:55,080 Mən bunu mistyped olmalıdır. 320 00:17:55,080 --> 00:18:15,320 321 00:18:15,320 --> 00:18:15,990 Burada getmək. 322 00:18:15,990 --> 00:18:17,930 Mən bu barədə üzüldüm. 323 00:18:17,930 --> 00:18:22,050 >> Belə ki, bir miqyaslı nə ki, bir dəyər olacaq ki, 324 00:18:22,050 --> 00:18:24,930 və sonra çevirmək, ki, genişləndirmək, belə ki, 325 00:18:24,930 --> 00:18:27,320 Sizin üçün xahiş edirik sıra doldurur. 326 00:18:27,320 --> 00:18:32,910 Bu halda, belə ki, biz bunu bir vermək əgər, Bu 20 üzərində ki, xəritəyə olacaq. 327 00:18:32,910 --> 00:18:37,750 Biz bu 200 vermək əgər, bu 600 üçün xəritəsi gedir. 328 00:18:37,750 --> 00:18:40,460 Və haradasa arasında, Biz 100 almaq, bu 329 00:18:40,460 --> 00:18:44,610 yerdə olacaq 20 və 600 arasında. 330 00:18:44,610 --> 00:18:51,480 >> Və əlbəttə, indi bu nə edir Biz bu ağır kodlu aradan qaldırılması lazımdır 331 00:18:51,480 --> 00:18:53,402 şeylər orada var. 332 00:18:53,402 --> 00:18:55,950 Belə ki, biz nə etmək istəyirəm nə Biz istəyirik məlumatları almaq 333 00:18:55,950 --> 00:19:00,950 nəzərə alaraq, fərdi məlumatlar element və ilk miqyaslı keçir. 334 00:19:00,950 --> 00:19:02,635 Belə ki, miqyaslı onu miqyaslı olacaq. 335 00:19:02,635 --> 00:19:27,020 336 00:19:27,020 --> 00:19:48,880 >> Oh Well--, biz burada bir az səhv var. 337 00:19:48,880 --> 00:19:50,120 Biz data itkin edirik. 338 00:19:50,120 --> 00:19:51,290 Burada getmək. 339 00:19:51,290 --> 00:19:58,550 340 00:19:58,550 --> 00:19:59,550 Və onu genişləndirir. 341 00:19:59,550 --> 00:20:01,383 >> Bu bizə eyni verir Nəticədə biz əvvəl 342 00:20:01,383 --> 00:20:04,030 lakin əvəzinə olanlar ağır məhdudiyyətlər kodlu. 343 00:20:04,030 --> 00:20:07,790 Və ölçüsü bizim kətan dəyişikliklər, misal üçün, 344 00:20:07,790 --> 00:20:11,790 bu artıq etmək istəyirsinizsə 400 piksel və onu squishes, 345 00:20:11,790 --> 00:20:15,440 Biz bunu over-- ola bilər Biz bunu genişləndirmək, və ya edə bilər 346 00:20:15,440 --> 00:20:21,890 Bu sol margin azalda bilər daha az və ya 20-dən çox bir şey. 347 00:20:21,890 --> 00:20:25,470 Bu nömrələr, bu ağır kodlu nömrələri indi bizim mənada. 348 00:20:25,470 --> 00:20:28,110 349 00:20:28,110 --> 00:20:30,520 >> Və biz bir çox daha çox ola bilər eləcə də maraqlı şeylər. 350 00:20:30,520 --> 00:20:35,990 Belə ki, əvəzinə bir xətti olan miqyaslı, bir miqyaslı daxil edə bilərsiniz. 351 00:20:35,990 --> 00:20:37,840 Və bizə bir günlük miqyaslı verəcək. 352 00:20:37,840 --> 00:20:41,269 >> Belə ki, indi bizim miqyaslı əvəzinə yalnız sıra genişləndirilməsi, 353 00:20:41,269 --> 00:20:42,810 Bu daha mürəkkəb şeyler var. 354 00:20:42,810 --> 00:20:48,790 355 00:20:48,790 --> 00:20:53,790 Bunun əvəzinə ağır sıra olan və əvəzinə 600 olan kodlu, 356 00:20:53,790 --> 00:20:58,465 biz yalnız eni istifadə edə bilərsiniz, belə ki, eni mənfi 40 20, 357 00:20:58,465 --> 00:21:02,392 2 dəfə digər tərəfdən margin. 358 00:21:02,392 --> 00:21:05,350 Bu bir çox əhəmiyyət kəsb edir kodu baxmaq bilər kimsə. 359 00:21:05,350 --> 00:21:08,080 360 00:21:08,080 --> 00:21:11,850 >> Maraqlıdır ki, tərəzi almaq çox çox inkişaf etmiş, həm də. 361 00:21:11,850 --> 00:21:13,350 Onlar maraqlı bir çox. 362 00:21:13,350 --> 00:21:17,620 Belə ki, tərəzi mütləq yoxdur yalnız nömrələri ilə fəaliyyət. 363 00:21:17,620 --> 00:21:18,955 Bir rəng miqyaslı edək. 364 00:21:18,955 --> 00:21:23,120 365 00:21:23,120 --> 00:21:26,120 >> Belə ki, bizim üçündür Olacaq bilər bizim domen 200 1. 366 00:21:26,120 --> 00:21:28,220 Bu giriş şey. 367 00:21:28,220 --> 00:21:33,793 Amma biz xəritəsi istəyirəm bilər Məsələn, qırmızı, yaşıl. 368 00:21:33,793 --> 00:21:39,710 369 00:21:39,710 --> 00:21:42,910 İndi biz bunu 1 keçmək əgər, biz yaşıl almaq olacaq. 370 00:21:42,910 --> 00:21:45,110 Biz bu 200 versələr, biz qırmızı almaq lazımdır. 371 00:21:45,110 --> 00:21:49,480 Biz arasında bu şey keçmək əgər, ki, bir mix olacaq, 372 00:21:49,480 --> 00:21:52,520 haradasa gradient haqqında yaşıl və qırmızı arasında. 373 00:21:52,520 --> 00:21:55,210 >> Və əvəzinə olan clunky məntiq bu cür 374 00:21:55,210 --> 00:21:58,550 biz burada var orada şərti, 375 00:21:58,550 --> 00:22:03,250 biz bir şey bir ola bilər arasında xətti miqyaslı. 376 00:22:03,250 --> 00:22:07,100 Beləliklə, biz miqyaslı istifadə edin, biz yalnız yaradılmış biz rəng çağırıblar. 377 00:22:07,100 --> 00:22:09,060 Və biz, bu d vermək istədiyiniz Bizim data element edir. 378 00:22:09,060 --> 00:22:14,250 379 00:22:14,250 --> 00:22:15,060 Və biz getmək. 380 00:22:15,060 --> 00:22:18,070 Biz bir rəng miqyaslı var. 381 00:22:18,070 --> 00:22:18,940 >> Belə ki, bu mapping edir. 382 00:22:18,940 --> 00:22:20,960 Bu günə qədər tərk tamamilə yaşıl. 383 00:22:20,960 --> 00:22:22,560 sağında tamamilə qırmızı. 384 00:22:22,560 --> 00:22:24,828 Arasında hər şey d bir funksiyası var. 385 00:22:24,828 --> 00:22:33,369 386 00:22:33,369 --> 00:22:35,160 Biz maraqlı var Burada visualizations. 387 00:22:35,160 --> 00:22:36,952 Amma bizim data cür darıxdırıcı idi. 388 00:22:36,952 --> 00:22:39,410 Biz əgər nə edə bilər nə edək daha çox maraqlı məlumatlar idi. 389 00:22:39,410 --> 00:22:44,420 390 00:22:44,420 --> 00:22:50,500 >> Act IV, ilə İş Ilk şey veri 391 00:22:50,500 --> 00:22:53,560 Biz etmək üçün nə etmək lazımdır bizim daha maraqlı vizual 392 00:22:53,560 --> 00:22:56,140 başqa bir yerdə məlumat hərəkət etməkdir. 393 00:22:56,140 --> 00:22:58,310 Bu üçün çox clunky deyil məlumat çətin anlar kodlu. 394 00:22:58,310 --> 00:23:01,220 Və ümumiyyətlə, biz xahiş olacaq məlumat üçün başqası. 395 00:23:01,220 --> 00:23:05,400 Biz bəlkə, hökumət xahiş olacaq Siyahıyaalınması Bürosu veri nə 396 00:23:05,400 --> 00:23:10,170 və sonra hiylələri və ya xahiş Bəzi məlumatlara görə, bəzi üçüncü şəxs 397 00:23:10,170 --> 00:23:13,330 və sonra tikinti ki, vizual. 398 00:23:13,330 --> 00:23:17,170 >> Ilk şey, belə ki, biz nə istəyirik başqa bir yerdə ki, hərəkət edir. 399 00:23:17,170 --> 00:23:24,130 Mən bir yaratmaq üçün gedirəm Burada deyilən data.json fayl. 400 00:23:24,130 --> 00:23:25,600 JSON data format edir. 401 00:23:25,600 --> 00:23:29,210 Siz haqqında çox bilmək yoxdur. 402 00:23:29,210 --> 00:23:33,210 Və biz surəti olacaq biz var az məlumat, 403 00:23:33,210 --> 00:23:40,330 orada birə yapışdırıb getmək geri vizual kodu 404 00:23:40,330 --> 00:23:45,362 burada və burada bu funksiyanı istifadə edin. 405 00:23:45,362 --> 00:23:46,820 Siz ətraflı bilmək yoxdur. 406 00:23:46,820 --> 00:23:49,800 Amma nə bu edəcəyik ki, bu fayl tapa bilərsiniz, 407 00:23:49,800 --> 00:23:51,780 bu almaq və bizə qaytarın. 408 00:23:51,780 --> 00:24:11,660 409 00:24:11,660 --> 00:24:15,220 Belə ki, bu nə gedir ki, və data.json fayl almaq. 410 00:24:15,220 --> 00:24:18,570 Və sonra bütün kodu ki, mahiyyətcə Inside indented, 411 00:24:18,570 --> 00:24:21,800 bütün code biz orada olacaq var biz geri məlumat almaq yalnız axır. 412 00:24:21,800 --> 00:24:25,760 Və sonra run olacaq Biz data kodu. 413 00:24:25,760 --> 00:24:28,870 Böyük, biz bir sorğu vizual 414 00:24:28,870 --> 00:24:31,390 Bəzi kodu yerdə başqa, hansı adətən 415 00:24:31,390 --> 00:24:36,110 harada bəzi məlumatları sorğu başqa bir yerdə, adətən olan 416 00:24:36,110 --> 00:24:38,656 visualizations necə. 417 00:24:38,656 --> 00:24:41,400 >> Amma məlumatlara geri getmək istəyirəm. 418 00:24:41,400 --> 00:24:48,030 D3-- D3 əsaslı Belə ki, data şeyi bir siyahısı var data sərf edir. 419 00:24:48,030 --> 00:24:53,000 D3 data yalnız bir siyahısı gözləyir şeyi, hər şeyi bir sıra. 420 00:24:53,000 --> 00:24:58,780 Bu nə o şeyi Fərq etməz belə uzun onların bir sıra kimi, var. 421 00:24:58,780 --> 00:25:02,460 >> Belə ki, burada, məsələn, biz olunması bilər Əlbəttə point dəyərləri üzən var. 422 00:25:02,460 --> 00:25:04,830 Biz neqativ ola bilər. 423 00:25:04,830 --> 00:25:09,400 D3 belə uzun aldırmaz, Bu şeyi bir siyahısı kimi. 424 00:25:09,400 --> 00:25:13,270 >> Biz maraqlı şeylər ola bilər, biz də ola bilər 425 00:25:13,270 --> 00:25:19,410 kimi strings bir siyahısı var. 426 00:25:19,410 --> 00:25:25,440 Belə ki, bu Crimson başlıqları var Mən bir neçə gün əvvəl seçilmiş. 427 00:25:25,440 --> 00:25:29,220 Və bəlkə bəzi maraqlı tapa bilərsiniz bu bir başlıqları haqqında hər şeyi. 428 00:25:29,220 --> 00:25:30,970 >> Belə ki, yenə bu şeyi bir siyahısı. 429 00:25:30,970 --> 00:25:32,360 D3 qayğı deyil. 430 00:25:32,360 --> 00:25:35,572 Bu string olmaq üçün nə. 431 00:25:35,572 --> 00:25:36,530 Biz data dəyişib etdik. 432 00:25:36,530 --> 00:25:38,210 >> Bizim vizual qayıdaq. 433 00:25:38,210 --> 00:25:42,495 İndi bizim vizual gözləyir giriş nömrələri olmalıdır. 434 00:25:42,495 --> 00:25:44,370 Beləliklə, biz olacaq Bir neçə dəyişikliklər etmək. 435 00:25:44,370 --> 00:25:47,180 436 00:25:47,180 --> 00:25:52,180 Belə ki, məsələn, ilk növbədə, bəlkə Biz birlikdə bu dairələr qoymaq istəyirəm 437 00:25:52,180 --> 00:25:56,870 mövzu uzunluğu, mövzu simvol sayı. 438 00:25:56,870 --> 00:26:03,600 >> Belə ki, nə biz hər zaman That edəcəyik bizim funksiyası bir simli ilə adlanır, 439 00:26:03,600 --> 00:26:09,095 biz uzunluğu tapa bilərsiniz və sonra miqyaslı ki, keçir. 440 00:26:09,095 --> 00:26:11,550 rəng, mən qayıtmaq lazımdır polad mavi ki. 441 00:26:11,550 --> 00:26:19,060 442 00:26:19,060 --> 00:26:20,420 Və biz getmək. 443 00:26:20,420 --> 00:26:23,190 Biz vizual bir Crimson başlıqları. 444 00:26:23,190 --> 00:26:25,500 >> Bizim miqyaslı bir az off edir. 445 00:26:25,500 --> 00:26:29,680 Ən uzun güman edək mövzu, 100 simvol uzunluğunda 446 00:26:29,680 --> 00:26:32,244 belə ki, bir az ki span. 447 00:26:32,244 --> 00:26:33,410 Və biz bir vizual var. 448 00:26:33,410 --> 00:26:36,710 Belə ki, ən çox başlıqları görünür birlikdə olduqca yaxın, 449 00:26:36,710 --> 00:26:38,750 karakter xətti baxımından. 450 00:26:38,750 --> 00:26:41,200 Amma bir həqiqətən seçilir. 451 00:26:41,200 --> 00:26:46,660 >> Biz bəzi alətlər qurmaq bilər daha tədqiq etmək. 452 00:26:46,660 --> 00:26:50,710 Mən bu barədə iş zaman, mən maraqlı olub, bu veri dəsti, 453 00:26:50,710 --> 00:26:53,880 bir nöqtə ilə başlıqları Onların uzun olardı. 454 00:26:53,880 --> 00:26:55,770 Mən ki, nəzərdə tutur. 455 00:26:55,770 --> 00:26:56,660 >> Belə ki, tapmaq imkan verir. 456 00:26:56,660 --> 00:27:00,650 Rəng istifadə edək kanal, biz əvvəl olduğu kimi 457 00:27:00,650 --> 00:27:04,540 olub bəzi kodlar bir nöqtə və ya heç bir var. 458 00:27:04,540 --> 00:27:07,220 Beləliklə, biz bir daha şərti istifadə edəcəyik. 459 00:27:07,220 --> 00:27:09,350 Bilirsiniz yoxdur Bu məlumat, 460 00:27:09,350 --> 00:27:14,260 lakin bu bir yoxlamaq necə xüsusi xarakter üçün string 461 00:27:14,260 --> 00:27:16,355 JavaScript yenə müvafiq deyil. 462 00:27:16,355 --> 00:27:18,910 463 00:27:18,910 --> 00:27:23,270 >> Amma biz bir tapmasanız kolon, biz yaşıl qayıtmaq lazımdır. 464 00:27:23,270 --> 00:27:26,100 Biz əgər, biz qırmızı qayıtmaq lazımdır. 465 00:27:26,100 --> 00:27:29,010 Belə ki, yenə olduğunu başlıqları bir nöqtə qırmızı olacaq var. 466 00:27:29,010 --> 00:27:34,980 Bu gözəl deməkdir, nə. 467 00:27:34,980 --> 00:27:38,040 >> Belə ki, görünür ki, mənim fərziyyə bumped olunur. 468 00:27:38,040 --> 00:27:39,360 Yalnız iki var. 469 00:27:39,360 --> 00:27:42,380 Biz yalnız altı data xal var və yalnız iki colons idi. 470 00:27:42,380 --> 00:27:45,510 Amma bu bir az daha görünür aşağı sonunda, əslində. 471 00:27:45,510 --> 00:27:47,830 Colons ilə başlıqları görünür ümumən olmaq, 472 00:27:47,830 --> 00:27:52,370 bizim data ən azı maraqlı set--. 473 00:27:52,370 --> 00:27:55,830 >> Etmək üçün ki, qayıdaq polad mavi və sonra görmək 474 00:27:55,830 --> 00:28:00,601 Biz hətta edə bilərsiniz nə daha maraqlı məlumatlar. 475 00:28:00,601 --> 00:28:04,370 476 00:28:04,370 --> 00:28:09,070 Belə ki, yenə, mən qeyd D3 data şeyi bir siyahısı. 477 00:28:09,070 --> 00:28:11,080 Biz bir çox növləri nömrələri gördüm. 478 00:28:11,080 --> 00:28:12,810 Biz strings gördük. 479 00:28:12,810 --> 00:28:15,700 Lakin şeyi də obyektləri ola bilər. 480 00:28:15,700 --> 00:28:20,080 >> Onlar mürəkkəb şeylər ola bilər ki, bir çox şeyi daxildir. 481 00:28:20,080 --> 00:28:24,510 Daha aydın desək, Əksər hallarda, biz 482 00:28:24,510 --> 00:28:28,384 hər data point qurmaq istəyirəm daha çox yalnız bir dəyəri daha mürəkkəbdir. 483 00:28:28,384 --> 00:28:30,175 Bir təsəvvür istəyirsinizsə tələbə haqqında bazası 484 00:28:30,175 --> 00:28:32,470 tələbə ola bilər adı, tələbə ID, 485 00:28:32,470 --> 00:28:36,370 və bir çox şeyi bağlı xüsusi rekord ilə, 486 00:28:36,370 --> 00:28:39,834 yalnız bir simli və ya bir sıra. 487 00:28:39,834 --> 00:28:40,750 Belə ki, baxaq. 488 00:28:40,750 --> 00:28:55,180 489 00:28:55,180 --> 00:28:56,760 >> Bu set belə bir məlumatdır. 490 00:28:56,760 --> 00:28:59,090 Bu zəlzələ haqqında müəyyən bir məlumatdır. 491 00:28:59,090 --> 00:29:01,910 492 00:29:01,910 --> 00:29:08,430 Bizim siyahı və ya array burada hər şey, belə ki, şeyi çox şey özü ehtiva edir. 493 00:29:08,430 --> 00:29:11,380 Belə ki, hər data point bir bal gücündə və əlaqələndirmək. 494 00:29:11,380 --> 00:29:13,425 Və özləri koordinatları iki şeyi ehtiva edir. 495 00:29:13,425 --> 00:29:15,960 496 00:29:15,960 --> 00:29:20,450 >> Belə ki, artıq hər gün daha çox var mürəkkəb və bir çox maraqlı 497 00:29:20,450 --> 00:29:22,700 və daha çox ehtiva edir maraqlı məlumatlar. 498 00:29:22,700 --> 00:29:26,730 Biz ki, həyata qurmaq bilər görmək edək. 499 00:29:26,730 --> 00:29:36,130 , Yenə bura qayıdaraq istifadə Bizim histogram dairə vizual 500 00:29:36,130 --> 00:29:42,110 inşa etdik, biz inşa edə bilərsiniz əgər in görək bal gücündə paylanması vizual 501 00:29:42,110 --> 00:29:43,305 Bizim data set. 502 00:29:43,305 --> 00:29:45,850 503 00:29:45,850 --> 00:29:48,660 >> Belə ki, burada, eyni anlayış var. 504 00:29:48,660 --> 00:29:51,920 Amma indi, d çox şey var. 505 00:29:51,920 --> 00:29:54,780 d çox məlumat elementləri ehtiva edir. 506 00:29:54,780 --> 00:29:57,946 Belə ki, biz d almaq. 507 00:29:57,946 --> 00:29:59,670 D3 bizə d verir. 508 00:29:59,670 --> 00:30:06,080 Və biz böyüklüyünü tapmaq cavab d və sonra miqyaslı ki, keçən. 509 00:30:06,080 --> 00:30:08,490 >> Və sonra biz dəyişdirmək lazımdır Bizim miqyaslı, əlbəttə. 510 00:30:08,490 --> 00:30:12,980 Böyüklükləri sadəcə deyil, belə ki, daha 10 gedin. 511 00:30:12,980 --> 00:30:15,485 Əslində, orada heç oldu 10 bal gücündə zəlzələ. 512 00:30:15,485 --> 00:30:19,360 Amma bizim üst cür sonunda, bizim üst spektri. 513 00:30:19,360 --> 00:30:20,240 >> Üzrə yenilemek edək. 514 00:30:20,240 --> 00:30:22,990 Nice, bir vizual var. 515 00:30:22,990 --> 00:30:25,490 Bu, note-- maraqlıdır Iki data xal var ki, 516 00:30:25,490 --> 00:30:29,010 demək olar ki, məhz hər üst edir digər, miqyası baxımından. 517 00:30:29,010 --> 00:30:31,350 Biz istifadə etdiyiniz qeyri-şəffaflıq ilə görürük. 518 00:30:31,350 --> 00:30:40,810 519 00:30:40,810 --> 00:30:42,690 >> Biz indi coğrafi məlumatlar var. 520 00:30:42,690 --> 00:30:44,710 Biz seqmentlərində və uzunluq var. 521 00:30:44,710 --> 00:30:47,549 Bəlkə biz bir şey yoxdur və ola bilər çox ki, daha maraqlı. 522 00:30:47,549 --> 00:30:49,590 Bəzi daha çox tapa olsun görüntüləmək üçün maraqlı yol 523 00:30:49,590 --> 00:30:53,500 Bu daha mürəkkəb məlumat biz girmə imkanı vardır. 524 00:30:53,500 --> 00:31:04,950 >> Act V, Mapping-- əsaslı, biz bir harita bu qoymaq istəyirəm. 525 00:31:04,950 --> 00:31:07,690 Mən bu hara getdiyini, bu, demək. 526 00:31:07,690 --> 00:31:13,130 Biz haqqında məlumat kodlar istəyirəm Bu zəlzələ oxu mövqeyi, 527 00:31:13,130 --> 00:31:16,350 habelə onların bal gücündə, biz indi var. 528 00:31:16,350 --> 00:31:21,310 Biz istehlak necə başa düşmək daha mürəkkəb data. 529 00:31:21,310 --> 00:31:26,200 >> Biz edəcəyik ilk şey bir xəritə, fon xəritəsi yaratmaq. 530 00:31:26,200 --> 00:31:29,360 Mən vasitəsilə getmək üçün gedirəm Bu, çox tez. 531 00:31:29,360 --> 00:31:30,560 Bu çətin kodu. 532 00:31:30,560 --> 00:31:33,110 O başqa biri reseptlər, həqiqətən, yoxdur 533 00:31:33,110 --> 00:31:35,690 Istifadə etmək üçün tam başa düşmək lazımdır. 534 00:31:35,690 --> 00:31:38,510 535 00:31:38,510 --> 00:31:39,740 Amma bu kodu. 536 00:31:39,740 --> 00:31:43,580 Bu kod Burada bir xəritə yaradır. 537 00:31:43,580 --> 00:31:45,730 >> Biz ətraflı getmək fikrində deyilik. 538 00:31:45,730 --> 00:31:54,210 Amma səthi, nə edir bu us.json faylı sorğu edən 539 00:31:54,210 --> 00:31:57,150 bir veri faylı kimi biz əvvəl idi bir. 540 00:31:57,150 --> 00:31:59,150 Bu, əlbəttə, daha mürəkkəb var. 541 00:31:59,150 --> 00:32:02,920 Lakin bu halda, hər şey, Hər data point bu dövlət 542 00:32:02,920 --> 00:32:05,420 və bir siyahısı var en ve boylam 543 00:32:05,420 --> 00:32:10,500 ki, poliqon müəyyən, ki, forma, dövlət. 544 00:32:10,500 --> 00:32:13,280 >> Belə ki, D3 nə oxşar biz əvvəl nə üçün. 545 00:32:13,280 --> 00:32:18,140 Bu tələb və bir element üçün məcburidir. 546 00:32:18,140 --> 00:32:20,890 Və bir funksiyası var ki, ki element həyata xəritəsi edəcək, 547 00:32:20,890 --> 00:32:23,410 seqmentlərində ve boylam əsaslanır. 548 00:32:23,410 --> 00:32:24,580 Siz daha çox oxuya bilərsiniz. 549 00:32:24,580 --> 00:32:27,385 Mən bu gəlir. 550 00:32:27,385 --> 00:32:30,090 >> Da links var Bu kodu sonu olunub. 551 00:32:30,090 --> 00:32:31,570 Və code şərh olunur. 552 00:32:31,570 --> 00:32:34,050 Bu daha üçün links var. 553 00:32:34,050 --> 00:32:36,590 Mən bu qədər baxmaq gəlir. 554 00:32:36,590 --> 00:32:39,460 Amma biz nə qayğı Bu proyeksiya fəaliyyət göstərir. 555 00:32:39,460 --> 00:32:41,210 Mən keçmək istəyirəm. 556 00:32:41,210 --> 00:32:43,522 >> İlk növbədə, mənə göstərmək bildirin Siz ki, bəli, biz bir xəritə var. 557 00:32:43,522 --> 00:32:47,300 558 00:32:47,300 --> 00:32:49,970 Maps sərin var. 559 00:32:49,970 --> 00:32:52,330 Belə ki, bu baxaq istehsal fəaliyyət göstərir. 560 00:32:52,330 --> 00:32:56,481 >> Projection çox deyil miqyasında kimi, yenə tərəzi. 561 00:32:56,481 --> 00:32:59,210 Belə ki, nə istehsalı üçün Bu proyeksiya funksiyası 562 00:32:59,210 --> 00:33:06,610 , biz Boylam keçə bilər ki, yoxdur və bu halda latitudes--, 563 00:33:06,610 --> 00:33:09,590 Burada bu dəyərlər Binanın Lat-longs 564 00:33:09,590 --> 00:33:13,990 Biz sağ oturan edirik , İndi proyeksiya. 565 00:33:13,990 --> 00:33:20,560 Və proyeksiya dönüştürür x və y pixel dəyərlər daxil. 566 00:33:20,560 --> 00:33:23,300 >> Belə ki, nə proyeksiya edir Bizim miqyasına çox oxşardır. 567 00:33:23,300 --> 00:33:27,270 Bu, bizim seqmentlərində alaraq və bütün dünyanın təmsil Boylam 568 00:33:27,270 --> 00:33:31,390 və azalan və sizing Biz istəyirik meydanında aşağı, 569 00:33:31,390 --> 00:33:33,510 Biz verilmiş etdik ki. 570 00:33:33,510 --> 00:33:35,220 Bu halda, biz istəyirik bu dəyərləri keçən. 571 00:33:35,220 --> 00:33:41,370 Və bu, yaxşı, bizə verilməsi ekranda 640 piksel deməkdir. 572 00:33:41,370 --> 00:33:46,250 Bu, bütün ekran 700 piksel geniş ki, burada haqqında bizə edir ki, 573 00:33:46,250 --> 00:33:53,310 aşağı və 154 piksel, mən smeta olduqca çox burada. 574 00:33:53,310 --> 00:33:57,250 >> Belə ki, o lat-longs alaraq olan Bütün dünyanın bir şey təmsil 575 00:33:57,250 --> 00:34:02,850 və squishing və ətrafında hərəkət Bizə x və y pixel dəyərlər vermək, 576 00:34:02,850 --> 00:34:05,450 bu var ilk şey Bu mapping kodu etdik. 577 00:34:05,450 --> 00:34:07,920 Və sonra qalan kodu data istehlak 578 00:34:07,920 --> 00:34:14,310 və həmin lat-longs xəritələr ekranda bir şey üzərində. 579 00:34:14,310 --> 00:34:18,380 >> Amma biz bu proyeksiya istifadə etmək olacaq funksiyaları, bu çıxır, çünki 580 00:34:18,380 --> 00:34:20,270 biz də lat-longs longs var. 581 00:34:20,270 --> 00:34:24,509 Bizim data geri Axtarıram, biz en ve boylam əlaqələndirir 582 00:34:24,509 --> 00:34:25,425 Hər müşahidə. 583 00:34:25,425 --> 00:34:28,131 584 00:34:28,131 --> 00:34:29,130 Belə ki, proyeksiya istifadə edək. 585 00:34:29,130 --> 00:34:33,250 586 00:34:33,250 --> 00:34:37,639 >> Belə ki, bizim ekspozisiyanın baxaraq, Biz exposition-- istəyirik 587 00:34:37,639 --> 00:34:39,590 Biz enlem ve boylam bir var. 588 00:34:39,590 --> 00:34:40,770 Amma biz pixel dəyərlər istəyirik. 589 00:34:40,770 --> 00:34:43,510 Və çıxır, biz məhz var biz proyeksiya want--. 590 00:34:43,510 --> 00:34:46,239 Biz çox kimi Burada miqyaslı istifadə edərək, 591 00:34:46,239 --> 00:34:52,075 biz indi proyeksiya istifadə etmək olacaq və koordinatları keçir. 592 00:34:52,075 --> 00:34:55,241 593 00:34:55,241 --> 00:34:56,949 Ilk şey, belə ki, Biz istəyirik ki, doing-- edirik 594 00:34:56,949 --> 00:35:01,520 fərdi məlumatların əldə d, fərdi zəlzələ element 595 00:35:01,520 --> 00:35:02,370 oxu. 596 00:35:02,370 --> 00:35:04,640 Biz nə ilk şey koordinatları əldə edir. 597 00:35:04,640 --> 00:35:06,150 Bütün hüquqlar, biz koordinatları var. 598 00:35:06,150 --> 00:35:09,160 >> biz ikinci şey proyeksiya ki, keçir. 599 00:35:09,160 --> 00:35:13,440 Projection bu koordinatları çevirir pixel dəyərlər, x və y daxil. 600 00:35:13,440 --> 00:35:16,680 Və sonra son şey biz yalnız x almaq etmək istəyirəm, 601 00:35:16,680 --> 00:35:19,342 olan bu halda ilk biridir. 602 00:35:19,342 --> 00:35:22,050 Bu iki şeyi ilk var ki, proyeksiya tərəfindən qaytarılır. 603 00:35:22,050 --> 00:35:27,840 604 00:35:27,840 --> 00:35:29,630 >> Biz y üçün eyni edəcəyik. 605 00:35:29,630 --> 00:35:34,960 Ancaq əvəzinə, biz qayıtmaq lazımdır İkinci element, y. 606 00:35:34,960 --> 00:35:35,980 Yenilemek üçün hazır olun. 607 00:35:35,980 --> 00:35:39,830 608 00:35:39,830 --> 00:35:46,450 Ooh, əlavə xarakter burada gözəl, biz 609 00:35:46,450 --> 00:35:51,730 bir data idarə sənəd obyektlərin bu JSON faylı gizlədilməsi, 610 00:35:51,730 --> 00:35:57,560 bir xəritə edilməsi və dəyişdirilməsi məlumatlarına bağlı aid 611 00:35:57,560 --> 00:35:59,600 bir xəritədə layihə. 612 00:35:59,600 --> 00:36:00,840 Bu, həqiqətən maraqlıdır. 613 00:36:00,840 --> 00:36:03,770 Bu sərin edir. 614 00:36:03,770 --> 00:36:05,640 >> Bir notch onu edək. 615 00:36:05,640 --> 00:36:08,795 Hesab edirəm ki, iki ədəd var, demək Hər data nöqtəsi ilə məlumat. 616 00:36:08,795 --> 00:36:10,000 Mən üç deməkdir. 617 00:36:10,000 --> 00:36:12,540 Biz koordinatları var, olan bir x və y edir. 618 00:36:12,540 --> 00:36:15,700 Və biz böyüklüyünü var. 619 00:36:15,700 --> 00:36:17,420 >> Biz elə miqyasını kodlar lazımdır. 620 00:36:17,420 --> 00:36:18,920 Biz kanalları bir çox var. 621 00:36:18,920 --> 00:36:20,370 Biz rəng istifadə edə bilərsiniz. 622 00:36:20,370 --> 00:36:21,890 Biz radius istifadə edə bilərsiniz. 623 00:36:21,890 --> 00:36:23,040 Biz qeyri-şəffaflıq istifadə edə bilər. 624 00:36:23,040 --> 00:36:25,540 Biz kodu bir çox şeyi istifadə edə bilər. 625 00:36:25,540 --> 00:36:29,180 Bu atributları və çox hər hansı orada siyahıda yoxdur ki, daha 626 00:36:29,180 --> 00:36:33,065 onlar isteğe istəyirik, çünki biz bilər Bu data kodlar istifadə stroke 627 00:36:33,065 --> 00:36:35,670 və bütün bu şeylər dediyim etdik. 628 00:36:35,670 --> 00:36:36,690 >> Üzrə radius edək. 629 00:36:36,690 --> 00:36:38,830 Mən radius ən asan hesab edirəm. 630 00:36:38,830 --> 00:36:46,210 Belə ki, yenə biz ki, ağır kodlu əvəz lazımdır 40 və bəzi hesablamalar etmək. 631 00:36:46,210 --> 00:36:48,810 Biz yenə sevimli miqyaslı istifadə edəcəyik. 632 00:36:48,810 --> 00:36:50,290 Və biz d keçmiş istəyirik. 633 00:36:50,290 --> 00:36:55,850 Biz böyüklüyünü istəyirəm, çünki Lakin d deyil d. d yalnız məlumat nöqtəsidir. 634 00:36:55,850 --> 00:36:57,430 Biz bal gücündə miqyaslı keçmək lazımdır. 635 00:36:57,430 --> 00:36:58,470 >> Üzrə daha cəhd edək. 636 00:36:58,470 --> 00:37:00,230 Ooh, bu iş deyil. 637 00:37:00,230 --> 00:37:02,940 Nə iş deyil? 638 00:37:02,940 --> 00:37:04,387 >> Belə ki, nə miqyaslı xatırlayıram. 639 00:37:04,387 --> 00:37:05,470 Yenidən miqyasında baxaq. 640 00:37:05,470 --> 00:37:10,800 1-dən 10 Scale xəritələr 600 22, az və ya çox. 641 00:37:10,800 --> 00:37:12,030 600 böyükdür. 642 00:37:12,030 --> 00:37:14,730 Biz bu əldə etdiyiniz görə. 643 00:37:14,730 --> 00:37:18,420 >> Belə ki, biz miqyasını dəyişdirmək istəyirəm daha məqbul bir şey. 644 00:37:18,420 --> 00:37:22,610 Biz 60 0 istəyirik deyək. 645 00:37:22,610 --> 00:37:25,340 60 böyük, lakin 10 zəlzələ inanılmaz nadirdir. 646 00:37:25,340 --> 00:37:27,880 Əslində, onlar baş heç vaxt etdik. 647 00:37:27,880 --> 00:37:31,830 >> Belə ki, bu nə, bu almaq lazımdır 1-dən 10 gedir bizim bal gücündə 648 00:37:31,830 --> 00:37:34,490 və onu genişləndirmək üçün onu xəritəyə. 649 00:37:34,490 --> 00:37:37,370 Və 60 0 onu xəritəsi. 650 00:37:37,370 --> 00:37:38,840 Üzrə yenilemek edək. 651 00:37:38,840 --> 00:37:41,850 >> Nice, bir vizual var. 652 00:37:41,850 --> 00:37:42,500 Bu, böyük deyil. 653 00:37:42,500 --> 00:37:43,736 Bu faktiki məlumatdır. 654 00:37:43,736 --> 00:37:46,360 Siz mənim kiçik oyuncaq, görəcəksiniz Məsələn, ən böyük zəlzələ 655 00:37:46,360 --> 00:37:49,417 bizə doğru üst edir. 656 00:37:49,417 --> 00:37:50,000 Amma bu. 657 00:37:50,000 --> 00:37:54,422 Biz tarix idarə vizual ki, data istehlak 658 00:37:54,422 --> 00:37:56,255 və həqiqətən bizə verir maraqlı məlumatlar. 659 00:37:56,255 --> 00:38:02,600 660 00:38:02,600 --> 00:38:06,420 Bəli, bəzi əlavə edək bu interaktiv. 661 00:38:06,420 --> 00:38:08,675 Mən ki, qeyd D3 güclü qüvvə. 662 00:38:08,675 --> 00:38:11,490 663 00:38:11,490 --> 00:38:15,060 >> Belə ki, burada, hər bir element, biz istəyirik atributlarından bir dəstə izah. 664 00:38:15,060 --> 00:38:20,230 Amma biz də biz istədiyiniz nə təsvir edə bilərsiniz interaktiv elementləri ilə baş. 665 00:38:20,230 --> 00:38:26,190 Məsələn, biz təsvir edə bilər nə zaman siçan üzərində olur. 666 00:38:26,190 --> 00:38:28,740 667 00:38:28,740 --> 00:38:33,640 Və çox oxşar, ki, bir funksiyası almaq lazımdır, 668 00:38:33,640 --> 00:38:36,700 çox oxşar biz əvvəl idi atributları 669 00:38:36,700 --> 00:38:44,650 biz bir şey yoxdur biz artıq element hover zaman. 670 00:38:44,650 --> 00:38:47,100 >> Belə ki, ilk şey lazımdır ki, element seçin edir, 671 00:38:47,100 --> 00:38:49,435 browser, əsasən tapmaq üçün. 672 00:38:49,435 --> 00:38:57,090 673 00:38:57,090 --> 00:39:00,920 sonra biz müəyyən edə bilər bu bir atributu. 674 00:39:00,920 --> 00:39:06,870 Biz hover zaman nə mən burada edirəm ki, bir şey üzərində, biz element almaq lazımdır 675 00:39:06,870 --> 00:39:11,197 və sonra geri qeyri-şəffaflıq müəyyən 1, tamamilə qeyri-şəffaf üçün. 676 00:39:11,197 --> 00:39:12,488 Ki kimi görünür nə edək. 677 00:39:12,488 --> 00:39:29,430 678 00:39:29,430 --> 00:39:39,080 >> Biz bir var görünür Burada əlavə nöqtəli vergül. 679 00:39:39,080 --> 00:39:42,420 Biz burada hover Belə ki, tam olur. 680 00:39:42,420 --> 00:39:46,530 681 00:39:46,530 --> 00:39:48,960 Amma indi, əlbəttə, onu tam qalır Çünki biz 682 00:39:48,960 --> 00:39:53,240 nə təsvir etmək lazımdır zaman kursor çıxarın. 683 00:39:53,240 --> 00:39:59,990 Belə ki, məhz bunu bildirin mouseout, mouseover fərqli olaraq. 684 00:39:59,990 --> 00:40:06,399 >> Və biz onu yenidən qurmaq lazımdır biz 0,5 Əvvəl var idi. 685 00:40:06,399 --> 00:40:10,260 İndi, hər zaman hover, biz tam dairə almaq. 686 00:40:10,260 --> 00:40:13,468 Bu, bizim nə görmək kömək edir, biz biz mahiyyətcə seçilməsi edirik. 687 00:40:13,468 --> 00:40:19,210 688 00:40:19,210 --> 00:40:22,860 >> İndi bu, həqiqətən böyük edək. 689 00:40:22,860 --> 00:40:26,210 Real məlumatlara bu əlaqə edək. 690 00:40:26,210 --> 00:40:30,890 Belə ki, soruşaq bilər USGS onların data haqqında. 691 00:40:30,890 --> 00:40:35,630 ABŞ-ın Geoloji Belə ki, zəlzələ haqqında məlumat var. 692 00:40:35,630 --> 00:40:41,460 Onlar edə ictimai API var JSON formatda istehlak ediləcək. 693 00:40:41,460 --> 00:40:42,548 Belə ki, bunu edək. 694 00:40:42,548 --> 00:40:49,730 695 00:40:49,730 --> 00:40:55,900 >> Belə ki, bu kodu bir az ki, USGS API birləşdirir. 696 00:40:55,900 --> 00:40:57,990 Və emal bir az var. 697 00:40:57,990 --> 00:41:02,200 Bu müvafiq deyil, lakin onu asanlaşdırır kimi bir sadə data format 698 00:41:02,200 --> 00:41:03,800 biz əvvəl idi. 699 00:41:03,800 --> 00:41:08,140 Beləliklə, mən bizim zəng qurtarmaq fayl Bizim saxta data.json. 700 00:41:08,140 --> 00:41:13,110 Və əvəzinə, zəng edirəm Mahiyyətcə USGS. 701 00:41:13,110 --> 00:41:16,700 >> , Bu yenileyin gözəl olsun. 702 00:41:16,700 --> 00:41:21,260 Bu faktiki, real-life data zəlzələ bu həftə. 703 00:41:21,260 --> 00:41:23,217 Bu, həqiqətən maraqlıdır. 704 00:41:23,217 --> 00:41:25,050 Bu təəccüblü deyil Bizim üçün, lakin var 705 00:41:25,050 --> 00:41:27,909 zəlzələlərin bir çox California West Coast. 706 00:41:27,909 --> 00:41:30,950 Amma bu çox maraqlı idi düşündüm bir çox zəlzələ var idi ki, 707 00:41:30,950 --> 00:41:34,350 Alyaska, və yəqin, burada Midwest. 708 00:41:34,350 --> 00:41:37,630 Mən maraqlı demək və biz yaxşı deyilik. 709 00:41:37,630 --> 00:41:40,410 Bu nəticə var. 710 00:41:40,410 --> 00:41:43,760 >> Amma əsaslı, bu D3 bizə kömək edir. 711 00:41:43,760 --> 00:41:48,030 Bu, bizim məlumat almaq kömək edir, bind DOM elementləri üçün, 712 00:41:48,030 --> 00:41:51,620 və bu elementlər dəyişiklik var məlumatların bir funksiyası kimi, 713 00:41:51,620 --> 00:41:54,780 bu atributları, bütün elementlərin çox atributları, 714 00:41:54,780 --> 00:41:57,393 bütün kanalları üçün faydalı ola məlumat çatdırmaq üçün. 715 00:41:57,393 --> 00:42:05,440 716 00:42:05,440 --> 00:42:09,290 >> D3 inanılmaz güclü kitabxana və qəribə də axır. 717 00:42:09,290 --> 00:42:12,260 Bu, bəzi güclü heyəti var. 718 00:42:12,260 --> 00:42:15,960 Data vizual bir inanılmaz güclü alət 719 00:42:15,960 --> 00:42:21,530 dərin insanlara çatdırılması üçün onların əsas olur anlayışlar 720 00:42:21,530 --> 00:42:25,430 və onlara, anlamaq kömək edir Bu dərin və intuitiv şəkildə, 721 00:42:25,430 --> 00:42:29,760 necə data işlərin və necə məlumat həyatımızı dəyişir. 722 00:42:29,760 --> 00:42:31,019