1 00:00:00,000 --> 00:00:00,780 2 00:00:00,780 --> 00:00:11,880 >> [Muzikos grojimo] 3 00:00:11,880 --> 00:00:16,480 >> DAVID Chouinard: Aš Davidas Chouinard, ir tai yra D3. 4 00:00:16,480 --> 00:00:17,700 Sveiki. 5 00:00:17,700 --> 00:00:21,270 Mes ketiname sužinoti apie D3 šiandien. 6 00:00:21,270 --> 00:00:25,020 D3 JavaScript sistema pastato aukštą kokybę 7 00:00:25,020 --> 00:00:28,110 interaktyvios vizualizacijos už internete. 8 00:00:28,110 --> 00:00:30,870 Dalykų, pavyzdžiui, tai, ką mes matome nugaros mane, 9 00:00:30,870 --> 00:00:34,230 mes ketiname išmokti tiems, dalykų, natūra iš jo pagrindai. 10 00:00:34,230 --> 00:00:36,452 Bet tai bus kietas. 11 00:00:36,452 --> 00:00:38,160 Pradėkime priėmimo gana nuotraukas. 12 00:00:38,160 --> 00:00:41,108 13 00:00:41,108 --> 00:00:44,350 Mes turime daugiau demo perspektyvų nėra. 14 00:00:44,350 --> 00:00:48,040 15 00:00:48,040 --> 00:00:50,760 Darom. 16 00:00:50,760 --> 00:00:58,700 >> Aktas Aš, DOM manipulation-- mes ketiname pradėti iš karto padaryti cool dalykų. 17 00:00:58,700 --> 00:01:01,240 Pirmiausia, kairėje, turime kodą. 18 00:01:01,240 --> 00:01:03,470 Dešinėje, mes turime mūsų kodu, rezultatas. 19 00:01:03,470 --> 00:01:04,900 Vykime per ją. 20 00:01:04,900 --> 00:01:05,780 >> Kurkime apskritimą. 21 00:01:05,780 --> 00:01:08,570 Kaip tai garsas? 22 00:01:08,570 --> 00:01:14,934 svg.append circle-- mes tiesiog padarė ratą. 23 00:01:14,934 --> 00:01:16,100 Jūs manimi netikite, tiesa? 24 00:01:16,100 --> 00:01:18,190 Tai nėra. 25 00:01:18,190 --> 00:01:21,830 >> Taigi, ką mes padarėme, čia yra, SVG yra keičiamo dydžio vektorinė grafika. 26 00:01:21,830 --> 00:01:27,530 Tai būdas, kuriuo mes pasakyti, kad naršyklė padaryti vektorinę grafiką naršyklėje. 27 00:01:27,530 --> 00:01:30,740 Ką mes tiesiog padarė dabar papildomas ratas naršyti. 28 00:01:30,740 --> 00:01:34,790 >> Pažadas, kad apskritimo reikalauja pagrindinių atributų tiek 29 00:01:34,790 --> 00:01:36,850 kol mes iš tikrųjų galite pamatyti. 30 00:01:36,850 --> 00:01:40,045 Turime pasakyti, kad tai jos x poziciją, jos y pozicija, jo spindulys. 31 00:01:40,045 --> 00:01:43,310 Mes ne pasakyti, bet, kad, todėl mes nematome ją dabar. 32 00:01:43,310 --> 00:01:46,210 Bet leiskite pasakyti, kita. 33 00:01:46,210 --> 00:01:49,510 >> Taigi, visų pirma, jūs turite kad mūsų apskritimas vardą. 34 00:01:49,510 --> 00:01:53,070 Taigi tegul vadina jį ratą. 35 00:01:53,070 --> 00:01:54,406 Mūsų ratas turi pavadinimą dabar. 36 00:01:54,406 --> 00:01:57,230 37 00:01:57,230 --> 00:01:59,490 Ir tegul mano, kad tai kelis atributus. 38 00:01:59,490 --> 00:02:03,690 Kaip apie CX būtų sutelkti x, todėl iš x padėtyje centras. 39 00:02:03,690 --> 00:02:06,730 Tarkime, 200 200 taškų. 40 00:02:06,730 --> 00:02:10,220 >> Leiskite suteikti jai 200 pikselių m, taip pat. 41 00:02:10,220 --> 00:02:16,032 Ir r spindulys, apie 40 taškų. 42 00:02:16,032 --> 00:02:16,950 Dabar pažiūrėkime. 43 00:02:16,950 --> 00:02:21,740 44 00:02:21,740 --> 00:02:23,440 Aš negaliu ištarti. 45 00:02:23,440 --> 00:02:30,430 46 00:02:30,430 --> 00:02:31,520 >> There you go. 47 00:02:31,520 --> 00:02:37,330 Mes turime padėtyje 200 ratą pikselių, 200 taškų, spindulys 40 taškų. 48 00:02:37,330 --> 00:02:38,280 Tipo kietas, tiesa? 49 00:02:38,280 --> 00:02:38,988 Mes turime ratą. 50 00:02:38,988 --> 00:02:40,880 Taip. 51 00:02:40,880 --> 00:02:42,670 >> Taigi nereikia sekti kartu. 52 00:02:42,670 --> 00:02:45,790 Visi šie pavyzdžiai, kurie visi kodas darau šiandien 53 00:02:45,790 --> 00:02:51,300 bus teikiama internete tuo tikslu interaktyvumu pavyzdžių forma 54 00:02:51,300 --> 00:02:54,010 su kontrolės punktuose prie kiekvienas aktas, ir pan. 55 00:02:54,010 --> 00:02:55,160 >> Darom daugiau daiktų. 56 00:02:55,160 --> 00:02:58,901 Tai Juodas apskritimas yra tikrai negraži. 57 00:02:58,901 --> 00:03:01,541 Aš atsiprašau už šią klaidą pranešimai teisę ten. 58 00:03:01,541 --> 00:03:05,340 Čia mes eiti. 59 00:03:05,340 --> 00:03:06,350 >> Leiskite jam suteikti spalvą. 60 00:03:06,350 --> 00:03:07,170 Kaip tai? 61 00:03:07,170 --> 00:03:08,340 Man patinka plieno mėlyna. 62 00:03:08,340 --> 00:03:13,280 63 00:03:13,280 --> 00:03:16,030 Na, mūsų ratas keisti spalvą. 64 00:03:16,030 --> 00:03:17,320 Tai puiku. 65 00:03:17,320 --> 00:03:31,330 Padarykime tai pusiau permatomas too-- pusiau permatomas. 66 00:03:31,330 --> 00:03:33,670 >> Taigi tai yra atributai mes apibrėžti ant ratu. 67 00:03:33,670 --> 00:03:36,774 Pirmas dalykas, kurį mes padarėme tai mes įdėti ratą puslapyje. 68 00:03:36,774 --> 00:03:38,690 Ir tada mes apibrėžti atributų krūva. 69 00:03:38,690 --> 00:03:41,610 Kai kurie iš jų reikia, kaip CX, CY, ir spinduliu. 70 00:03:41,610 --> 00:03:42,680 Ir kiti yra neprivalomas. 71 00:03:42,680 --> 00:03:44,730 >> Yra daug daugiau atributai. 72 00:03:44,730 --> 00:03:46,760 Yra daug iš jų. 73 00:03:46,760 --> 00:03:53,070 Pavyzdžiui, mes galėtų turėti insultas, taip pat, raudonos insultas. 74 00:03:53,070 --> 00:03:55,630 Bet tegul pašalinti, kad. 75 00:03:55,630 --> 00:04:00,450 Mes grįžome prie rato, mėlynas apskritimas. 76 00:04:00,450 --> 00:04:01,600 >> Taigi padarykime daugiau ratų. 77 00:04:01,600 --> 00:04:02,810 Kaip tai? 78 00:04:02,810 --> 00:04:04,665 Kurkime kitą ratą. 79 00:04:04,665 --> 00:04:05,985 Tai įdomu, tiesa? 80 00:04:05,985 --> 00:04:09,630 81 00:04:09,630 --> 00:04:12,300 >> Taigi pasakyti, kad aš tiesiog Kopijuoti Įklijuotas tai, ką mes jau. 82 00:04:12,300 --> 00:04:13,570 Pavadinkime ją circle2. 83 00:04:13,570 --> 00:04:15,840 Ir darykime Tiksli Tas pats ir suteikti jai 84 00:04:15,840 --> 00:04:20,450 atributus, atsižvelgiant x pozicija 300. 85 00:04:20,450 --> 00:04:24,140 Yay, turime du apskritimai dabar. 86 00:04:24,140 --> 00:04:27,240 >> Ir, žinoma, mes galime atnaujinti šias vertybes. 87 00:04:27,240 --> 00:04:31,640 Galėčiau jį 400, o dabar jis juda. 88 00:04:31,640 --> 00:04:35,470 Ir kadangi tai erzina, tegul jį pašalinti, todėl circle2.remove. 89 00:04:35,470 --> 00:04:39,000 90 00:04:39,000 --> 00:04:40,730 Jis dingo dabar. 91 00:04:40,730 --> 00:04:43,170 >> Taigi, ką mes darome ir yra tik labai, very-- tai 92 00:04:43,170 --> 00:04:46,030 yra labai panašus į tai, ką gali daryti JQuery, pavyzdžiui. 93 00:04:46,030 --> 00:04:48,240 Mes tiesiog manipuliuoti DOM, tai vadinama. 94 00:04:48,240 --> 00:04:50,040 Galbūt girdėjote šį žodį prieš. 95 00:04:50,040 --> 00:04:53,255 Mes sukurti dalykų, nustatymo atributai stuff, pašalinti daiktų. 96 00:04:53,255 --> 00:04:58,950 97 00:04:58,950 --> 00:05:02,360 >> Dabar, čia, kur ji gauna įdomu. 98 00:05:02,360 --> 00:05:07,250 Taigi vėliau kodu mes vis dar gali kreiptis į pradinį apskritimą čia. 99 00:05:07,250 --> 00:05:14,100 Taigi leiskite naujo savo atributas CX. 100 00:05:14,100 --> 00:05:18,260 Tarkime, jos x pozicija 400. 101 00:05:18,260 --> 00:05:22,406 Ir aš ruošiuosi pereiti kad taip akivaizdu. 102 00:05:22,406 --> 00:05:23,360 Čia mes eiti. 103 00:05:23,360 --> 00:05:24,780 >> Taigi, mes pridėjo ratą. 104 00:05:24,780 --> 00:05:26,440 Mes nustatėme keletą atributų. 105 00:05:26,440 --> 00:05:28,210 Mes pridėjome dar vieną ratą, pašalinti jį. 106 00:05:28,210 --> 00:05:31,650 Ir tada mes pakeisti originalus ratas. 107 00:05:31,650 --> 00:05:35,400 >> Bet čia, kur ji gauna daug įdomesnis. 108 00:05:35,400 --> 00:05:39,070 Ne tik mes galime nustatyti atributus kaip tik vertina, mes galime pasakyti, 109 00:05:39,070 --> 00:05:41,610 ei, apskritimas, eikite į 200 poziciją. 110 00:05:41,610 --> 00:05:44,540 Mes taip pat galime nustatyti jas kaip funkcijų. 111 00:05:44,540 --> 00:05:48,850 >> Taigi, o ne duoti 400 čia mes galime padaryti tikrą skaičiavimą 112 00:05:48,850 --> 00:05:53,950 dėl ko skristi mes nori, kad atributas turi būti. 113 00:05:53,950 --> 00:05:56,580 Taigi, tai, kaip jūs norite išreikšti tai. 114 00:05:56,580 --> 00:06:00,660 Mes sakome, vietoj 400, leiskite man jums funkciją vietoj. 115 00:06:00,660 --> 00:06:04,180 Ir čia, viduje šią funkciją, mes galime padaryti bet beprotiškas skaičiavimą. 116 00:06:04,180 --> 00:06:06,820 >> Galėtume laiko ir pažvelgti kitu dalykas 117 00:06:06,820 --> 00:06:11,230 ir dinamiškai nuspręsti ratas, kas vertė norime. 118 00:06:11,230 --> 00:06:15,266 Kaip apie mes tiesiog suteikti jis atsitiktinai x pozicija? 119 00:06:15,266 --> 00:06:20,360 120 00:06:20,360 --> 00:06:21,120 Taigi tai, kad. 121 00:06:21,120 --> 00:06:25,490 >> Taigi, ką tai sako yra, kas x, paleisti šią funkciją. 122 00:06:25,490 --> 00:06:29,340 Ir tai, ką mes darome, yra apskaičiuoti keletas dalykų, atsitiktinių kartus plotis 123 00:06:29,340 --> 00:06:30,410 ir grįžta, kad. 124 00:06:30,410 --> 00:06:34,765 Taigi kiekvieną kartą, kai mes paleisti, kad mes gauname apskritimas, kad eina į atsitiktine vietoje. 125 00:06:34,765 --> 00:06:36,394 Tai tipo kietas. 126 00:06:36,394 --> 00:06:38,310 Aš jaučiuosi kaip aš galėtų atrodyti ne tai už tiek. 127 00:06:38,310 --> 00:06:44,274 128 00:06:44,274 --> 00:06:46,440 Mes pradedame gauti kažkas įdomaus čia. 129 00:06:46,440 --> 00:06:49,120 130 00:06:49,120 --> 00:06:51,390 Kurkime šiuos duomenis važiuoti dabar. 131 00:06:51,390 --> 00:06:53,420 Nėra duomenų čia. 132 00:06:53,420 --> 00:06:54,482 Leiskite pakeisti. 133 00:06:54,482 --> 00:06:57,440 134 00:06:57,440 --> 00:07:12,140 >> Aktas II duomenų Skatinami Documents-- Taigi leiskite grįžti čia. 135 00:07:12,140 --> 00:07:15,340 Ir tegul tiesiog atsikratyti circle2, nes mes tiesiog pridedant ir šalinant 136 00:07:15,340 --> 00:07:15,840 tai. 137 00:07:15,840 --> 00:07:17,382 Taigi, mes do not really reikia. 138 00:07:17,382 --> 00:07:21,421 Turime daug protingas čia. 139 00:07:21,421 --> 00:07:23,170 Tarkime, mes turime kai tam tikros rūšies duomenys. 140 00:07:23,170 --> 00:07:31,540 141 00:07:31,540 --> 00:07:40,020 Vienas moment-- tarkim, mes turėjome duomenis šios formos. 142 00:07:40,020 --> 00:07:41,800 Mes turėjome masyvą, tiesiog skaičių krūva. 143 00:07:41,800 --> 00:07:45,750 Mes turime septynis numerius, kokia tai represent-- suma 144 00:07:45,750 --> 00:07:48,810 Liaudies banko sąskaitos, kaip kiek jie sveria, Dievas žino ką. 145 00:07:48,810 --> 00:07:51,310 >> Tai yra numeriai, ir mes norite naudoti mūsų ratą 146 00:07:51,310 --> 00:07:53,240 atstovauti tuos numerius kažkaip. 147 00:07:53,240 --> 00:07:55,515 Mes norime susieti DUK apskritimai į tuos numerius. 148 00:07:55,515 --> 00:07:58,750 149 00:07:58,750 --> 00:07:59,626 Taigi, ką mes darome. 150 00:07:59,626 --> 00:08:01,500 Tarkime, mes norime ratas už kiekvieną numerį. 151 00:08:01,500 --> 00:08:03,590 Mes galime padaryti metai dalykas, mes buvo doing-- 152 00:08:03,590 --> 00:08:06,020 ratas pridėti ir circle2 ir circle3. 153 00:08:06,020 --> 00:08:10,020 Bet šis gauna iš vertus, ir ten kartoti logika daug. 154 00:08:10,020 --> 00:08:12,760 >> Taigi galime gauti daugiau protingas, kad. 155 00:08:12,760 --> 00:08:17,810 Vietoj to, naudojant var ratą svg.append, kad mes buvome tik naudojant, 156 00:08:17,810 --> 00:08:21,580 mes ketiname naudoti šis mažas blokas čia. 157 00:08:21,580 --> 00:08:24,510 Aš nenoriu eiti į gilinimas į tai, ką visi šie dalys daryti. 158 00:08:24,510 --> 00:08:26,020 Ir tai rūšies pažangios tema. 159 00:08:26,020 --> 00:08:27,830 Ir aš norėčiau, galėčiau. 160 00:08:27,830 --> 00:08:31,370 >> Tačiau pagrindinis dalykas, kad recognize-- ir pamatysite labai dažnai D3 kodą. 161 00:08:31,370 --> 00:08:36,840 Šis teksto Basic blokas sukuria daug ratą 162 00:08:36,840 --> 00:08:41,360 nes yra duomenų elementai šiame masyve čia. 163 00:08:41,360 --> 00:08:53,420 164 00:08:53,420 --> 00:08:55,780 Taigi, tai sukuria daugiau sluoksniuose yra elementai. 165 00:08:55,780 --> 00:08:58,520 Ji ketina sukurti mums septynis apskritimus. 166 00:08:58,520 --> 00:09:01,710 Ir jis tikrai, tikrai svarbų dalyką. 167 00:09:01,710 --> 00:09:02,460 Taigi leiskite veikti, kad. 168 00:09:02,460 --> 00:09:05,460 Leiskite pašalinti kitas mūsų ratą. 169 00:09:05,460 --> 00:09:09,565 Tegul tik pakomentuoti tai išsiskirti iš ir paleisti tai dar kartą. 170 00:09:09,565 --> 00:09:13,840 171 00:09:13,840 --> 00:09:15,260 >> Čia mes eiti. 172 00:09:15,260 --> 00:09:18,030 Taigi, mūsų ratas čia daug tamsesnis, nes mes 173 00:09:18,030 --> 00:09:20,720 turi septynis apskritimus, vienas ant kito viršaus. 174 00:09:20,720 --> 00:09:25,425 Mes ką tik sukūrėte septynis apskritimus, vieną kiekvienas, kiekvienai iš šių duomenų elementų. 175 00:09:25,425 --> 00:09:28,860 Tačiau yra esminis dalykas, kad nutiko su šiuo fragmentą čia. 176 00:09:28,860 --> 00:09:31,030 >> Tai, kad duomenys buvo įpareigota. 177 00:09:31,030 --> 00:09:33,440 Taigi kiekvienas iš Šie duomenys elementai, 178 00:09:33,440 --> 00:09:38,830 10, 45, 105, buvo įpareigota į tam tikrą ratą. 179 00:09:38,830 --> 00:09:40,960 Taigi jie ne tik sukūrė apskritimų krūva 180 00:09:40,960 --> 00:09:43,420 bet susieja šiuos du dalykus kartu. 181 00:09:43,420 --> 00:09:48,740 >> Ir ateityje, nes mes sukūrėme tie apskritimai su šiuo D3 funkcija, 182 00:09:48,740 --> 00:09:52,430 jei aš tau apskritimą, galite man duomenis, susijusius su juo. 183 00:09:52,430 --> 00:09:53,280 Taigi, mes galime paklausti D3. 184 00:09:53,280 --> 00:09:54,840 Ei, D3, turiu šį ratą. 185 00:09:54,840 --> 00:09:57,350 Kas duomenys ratas turi? 186 00:09:57,350 --> 00:10:01,290 Ir D3 būtų pasakyti mums 10 ar 45 ar 105. 187 00:10:01,290 --> 00:10:02,380 >> Šie dalykai yra privalomi. 188 00:10:02,380 --> 00:10:04,490 Tai labai, labai svarbus sąvoka. 189 00:10:04,490 --> 00:10:06,070 Pažvelkime kad. 190 00:10:06,070 --> 00:10:12,210 >> Taigi, kaip mes norime paklausti D3-- taip tai neturi reikšmės tai, 191 00:10:12,210 --> 00:10:16,620 bet tiesiog pasitikėk manimi apie tai. 192 00:10:16,620 --> 00:10:17,620 Tai kaip mes prašome D3. 193 00:10:17,620 --> 00:10:21,312 Ei, D3, man pirmas apskritimas, kad jūs galite rasti. 194 00:10:21,312 --> 00:10:23,580 Duok man pirmąjį ratą galite rasti. 195 00:10:23,580 --> 00:10:29,660 Ir tada mes galėtume paklausti D3, kas duomenys apie, kad, kaip tai, 10. 196 00:10:29,660 --> 00:10:33,380 >> Taigi mes tiesiog paprašykite D3, rasti mane Pirmasis ratas galite rasti. 197 00:10:33,380 --> 00:10:34,400 Kas jo duomenų? 198 00:10:34,400 --> 00:10:36,650 10, kad iš tiesų yra mūsų Pirmasis duomenų elementas. 199 00:10:36,650 --> 00:10:42,150 Mes galime paprašyti jį, ei, D3, mus rasti mūsų trečiąjį ratą. 200 00:10:42,150 --> 00:10:44,450 105. 201 00:10:44,450 --> 00:10:45,740 Kodėl tai tikrai svarbu? 202 00:10:45,740 --> 00:10:49,790 203 00:10:49,790 --> 00:10:52,250 >> Taigi čia minėjau kad mes galime naudoti funkcijas. 204 00:10:52,250 --> 00:10:54,910 Ir aš paminėti, kad buvo labai galingas dalykas. 205 00:10:54,910 --> 00:11:03,070 Taigi ne tik gali mūsų funkcijos daryti dalykus kaip padaryti kai skaičiavimus, pavyzdžiui, 206 00:11:03,070 --> 00:11:09,170 grįžti atsitiktinių skaičių, ji gali Taip pat daryti dalykus, remiantis duomenimis. 207 00:11:09,170 --> 00:11:11,550 Tai yra tai, ką duomenų varomi dokumentai reiškia. 208 00:11:11,550 --> 00:11:13,750 Štai ką D3 stendai. 209 00:11:13,750 --> 00:11:17,800 >> Taigi vietoj tai x postition-- tiesiog sakydamas visus apskritimus, 210 00:11:17,800 --> 00:11:21,735 gauti x poziciją 200, mes gali suteikti funkciją. 211 00:11:21,735 --> 00:11:26,140 212 00:11:26,140 --> 00:11:30,140 Ir čia mes galime padaryti tikrą skaičiavimą. 213 00:11:30,140 --> 00:11:33,710 ir d čia stovi vietoje duomenimis. 214 00:11:33,710 --> 00:11:36,120 Taigi kiekvieną kartą, kai mes turime ratas, iš esmės, 215 00:11:36,120 --> 00:11:37,750 D3 sukurs šiuos septynis apskritimus. 216 00:11:37,750 --> 00:11:38,500 Ir tada už kiekvieną 217 00:11:38,500 --> 00:11:41,920 >> apskritimas, jis ketina eiti, ei, circle1 koks tavo x pozicija. 218 00:11:41,920 --> 00:11:45,210 Anksčiau mes buvome visada atsakyti į 200. 219 00:11:45,210 --> 00:11:48,630 Bet dabar, kiekvieną kartą D3 prašo mums tai, ką jūsų x pozicija, 220 00:11:48,630 --> 00:11:51,790 jis ketina duoti us-- turime kad apskritimas, todėl mes turime duomenis. 221 00:11:51,790 --> 00:11:55,290 Jis ketina duoti mums duomenis ir pasakyti, ką norite ekspozicija turi būti, 222 00:11:55,290 --> 00:11:57,120 remiantis šiais duomenimis. 223 00:11:57,120 --> 00:11:59,590 >> Tegul tik grįžti faktinius duomenis. 224 00:11:59,590 --> 00:12:04,910 Taigi, jei mes paleisti tai, tai suteikia JAV duomenų varomas dokumentus. 225 00:12:04,910 --> 00:12:08,040 Šie apskritimai yra pagrįstos Kalbant position-- 226 00:12:08,040 --> 00:12:11,120 jie bazes kaip duomenų funkciją. 227 00:12:11,120 --> 00:12:13,100 >> Taigi pirmą ratą, D3 kelia ratą. 228 00:12:13,100 --> 00:12:16,770 Ir tada D3 prašo mus, ką norite ekspozicija būtų. 229 00:12:16,770 --> 00:12:19,620 Ir mes tiesiog pasakyti, kokia duomenų. 230 00:12:19,620 --> 00:12:21,185 Padaryti ekspoziciją 10. 231 00:12:21,185 --> 00:12:26,320 >> Tada jis klausia, ką norite Ekspozicijoje bus antrą ratą. 232 00:12:26,320 --> 00:12:27,270 Ir mes atsakome, 45. 233 00:12:27,270 --> 00:12:30,000 234 00:12:30,000 --> 00:12:32,230 Ir mes, žinoma, gali padaryti šiek tiek skaičiavimus čia. 235 00:12:32,230 --> 00:12:35,510 Manau, kad šių apskritimų yra rūšies sutraiškyto iki. 236 00:12:35,510 --> 00:12:38,965 >> Taigi padauginkite jį iš 3, dauginti duomenis 3. 237 00:12:38,965 --> 00:12:41,870 238 00:12:41,870 --> 00:12:43,840 Mūsų ratas just got išsiplėtė iš. 239 00:12:43,840 --> 00:12:46,730 Mūsų vertė buvo trigubai. 240 00:12:46,730 --> 00:12:51,010 >> Ratas yra tikrai ant krašto, tad gal rūšies kompensuoti ją. 241 00:12:51,010 --> 00:12:53,632 Tarkime, 20. 242 00:12:53,632 --> 00:12:56,070 Here you go. 243 00:12:56,070 --> 00:12:57,590 >> Tai yra duomenų vizualizavimo. 244 00:12:57,590 --> 00:13:01,767 Tai labai paprastas vienas, tačiau šis suteikia mums įžvalgų mūsų duomenų. 245 00:13:01,767 --> 00:13:04,600 Jis pasakoja, kad, pavyzdžiui, mes šiek tiek klasterio elementų. 246 00:13:04,600 --> 00:13:06,340 Ir mes turime didelį išskirčių čia. 247 00:13:06,340 --> 00:13:10,830 Tai suteikia mums tam tikrą informaciją apie jo platinimą. 248 00:13:10,830 --> 00:13:20,830 >> Jeigu mes buvo, pavyzdžiui, siekiant pakeisti duomenys 150 čia ir atnaujinti, 249 00:13:20,830 --> 00:13:22,630 mūsų vizualizacija pasikeitė. 250 00:13:22,630 --> 00:13:24,285 Šis dokumentas yra duomenų važiuoti. 251 00:13:24,285 --> 00:13:32,640 252 00:13:32,640 --> 00:13:36,180 >> Taigi, žinoma, visi šie elementai, visi šie atributai čia, 253 00:13:36,180 --> 00:13:38,430 mes galime naudoti funkciją, o ne tik skaičiai, o ne tik 254 00:13:38,430 --> 00:13:39,900 X ir Y pozicijas. 255 00:13:39,900 --> 00:13:42,120 Taigi, mes galime naudoti funkciją spalvos. 256 00:13:42,120 --> 00:13:45,260 257 00:13:45,260 --> 00:13:46,360 Taigi mes padarysime tą patį. 258 00:13:46,360 --> 00:13:49,360 Mes suteikti funkciją. 259 00:13:49,360 --> 00:13:52,320 >> Ir tarkim, galėtume turėti Conditionals mūsų funkcija. 260 00:13:52,320 --> 00:13:54,770 Ši funkcija gali būti šimtus eilučių ilgio. 261 00:13:54,770 --> 00:13:57,150 Tai gali padaryti labai, labai sudėtingas dalykų. 262 00:13:57,150 --> 00:13:59,080 >> Taigi leiskite įdėti, jei pareiškimą čia. 263 00:13:59,080 --> 00:14:03,420 Tarkime, jei mūsų duomenys yra mažesnė nei 50, tai kai riba 264 00:14:03,420 --> 00:14:05,817 kad mes suinteresuoti į kažkodėl. 265 00:14:05,817 --> 00:14:06,650 Padarykime tai žalia. 266 00:14:06,650 --> 00:14:09,830 267 00:14:09,830 --> 00:14:15,320 Priešingu atveju, padarykime tai raudonai. 268 00:14:15,320 --> 00:14:16,110 Kaip tai? 269 00:14:16,110 --> 00:14:19,630 270 00:14:19,630 --> 00:14:21,220 Nicos. 271 00:14:21,220 --> 00:14:24,860 >> Taigi mūsų duomenų vizualizacija prasideda perteikti daugiau įdomios informacijos 272 00:14:24,860 --> 00:14:26,727 daug kanalų. 273 00:14:26,727 --> 00:14:28,560 Taigi, dabar mes žinome, truputį apie jo platinimą. 274 00:14:28,560 --> 00:14:31,768 Ir mes žinome, kad yra kažkokia nukerpamas 50, kad mes suinteresuoti. 275 00:14:31,768 --> 00:14:35,630 Mes žinome, kad yra dvi duomenų taškai žemiau šios ribos, o dauguma jų 276 00:14:35,630 --> 00:14:36,130 aukščiau. 277 00:14:36,130 --> 00:14:41,510 278 00:14:41,510 --> 00:14:46,160 >> Taigi, kaip galutinis žingsnis, ši duomenų čia, tai labai retai tai pamatyti, kaip kad. 279 00:14:46,160 --> 00:14:52,610 Taigi tegul tiesiog perkelti jį į kintamąjį nes tai siurblys, kaip šis. 280 00:14:52,610 --> 00:15:02,980 281 00:15:02,980 --> 00:15:05,197 Ir tada mes naudojame, kad kintamasis čia. 282 00:15:05,197 --> 00:15:06,280 Tai lygiai toks pats dalykas. 283 00:15:06,280 --> 00:15:07,280 Tai tik šiek tiek švaresnis. 284 00:15:07,280 --> 00:15:25,300 285 00:15:25,300 --> 00:15:35,300 >> Kita Aukštyn, III aktas, Scales-- Taigi viena problema teisė 286 00:15:35,300 --> 00:15:38,920 čia yra, jei mes pakeisime mūsų duomenys šioje 200 value-- 287 00:15:38,920 --> 00:15:41,685 jei mes jį pakeisti 400 ar kažkas ir atnaujinimo, 288 00:15:41,685 --> 00:15:44,540 tada ši vertė tiesiog nuėjo offscreen. 289 00:15:44,540 --> 00:15:49,040 Taigi, mūsų logika čia kaip mes laikai 3 290 00:15:49,040 --> 00:15:52,570 20, skleisti ją ir tada kompensuoti jį šiek tiek yra tikrai clunky. 291 00:15:52,570 --> 00:15:54,150 >> Ką šie skaičiai reiškia? 292 00:15:54,150 --> 00:15:55,400 Jie tiesiog sunku koduoti ten. 293 00:15:55,400 --> 00:15:58,830 Ir jie labai susieta su duomenimis. 294 00:15:58,830 --> 00:16:00,550 Mes norime, kad duomenų varomas dokumentą. 295 00:16:00,550 --> 00:16:05,460 Mes norime, kad labai lankstus dokumentą, kad pateiktų duomenų, prisitaiko prie jo 296 00:16:05,460 --> 00:16:07,900 ir jai atstovauja. 297 00:16:07,900 --> 00:16:11,330 >> Ką mes iš esmės reikia, mes turi šį skaičių 10 spektrą. 298 00:16:11,330 --> 00:16:12,640 45, 105. 299 00:16:12,640 --> 00:16:17,630 Ir mes norime į žemėlapį, kad iš į plotis, pilnas plotis čia. 300 00:16:17,630 --> 00:16:20,620 Taigi, mes turėti spektrą numeriai vyksta nuo 0 iki 100. 301 00:16:20,620 --> 00:16:24,980 Ir mes turime tai miesteliu Aš eina 20-700, ir šiuo atveju. 302 00:16:24,980 --> 00:16:26,515 >> Mes rūšies nori map kad. 303 00:16:26,515 --> 00:16:30,002 Mes norime, kad masto, kad iki ir tada kompensuoti jai truputį. 304 00:16:30,002 --> 00:16:33,165 Pasirodo, kad D3 yra šie. 305 00:16:33,165 --> 00:16:34,220 Tai vadinama masto. 306 00:16:34,220 --> 00:16:37,410 307 00:16:37,410 --> 00:16:38,250 Taigi leiskite naudoti jį. 308 00:16:38,250 --> 00:16:46,300 309 00:16:46,300 --> 00:16:49,670 >> Taip, kad works-- aš ruošiuosi tipo tai ir tada paaiškinti. 310 00:16:49,670 --> 00:17:01,530 311 00:17:01,530 --> 00:17:02,450 Tai yra skalė. 312 00:17:02,450 --> 00:17:08,670 Ką jis darys tai, tai bus suplanuoti vertės 1-200 ant prie 20-600. 313 00:17:08,670 --> 00:17:10,990 Mes galime patikrinti, ar. 314 00:17:10,990 --> 00:17:13,329 Mes matome, kad čia. 315 00:17:13,329 --> 00:17:21,704 >> Taigi, jei aš jį maitinti 1-- vieną akimirką. 316 00:17:21,704 --> 00:17:47,764 317 00:17:47,764 --> 00:17:48,555 Duok man vieną sekundę. 318 00:17:48,555 --> 00:17:53,680 319 00:17:53,680 --> 00:17:55,080 Turiu jau padarėte klaidą ją. 320 00:17:55,080 --> 00:18:15,320 321 00:18:15,320 --> 00:18:15,990 There you go. 322 00:18:15,990 --> 00:18:17,930 Aš atsiprašau dėl to. 323 00:18:17,930 --> 00:18:22,050 >> Taigi, ką masto darys yra, ji bus imtis vertę 324 00:18:22,050 --> 00:18:24,930 ir tada konvertuoti, kad, išplėsti, kad iš, todėl 325 00:18:24,930 --> 00:18:27,320 užpildo visą spektrą jūs, prašydama. 326 00:18:27,320 --> 00:18:32,910 Taigi šiuo atveju, jei mes suteikiame ją vieną, ji vyksta į žemėlapį, kad iš ant 20. 327 00:18:32,910 --> 00:18:37,750 Ir jei mes suteikti jai 200, tai vyksta į žemėlapį, kad 600. 328 00:18:37,750 --> 00:18:40,460 Ir kažkur tarp jų, jei mes gauname 100, tai 329 00:18:40,460 --> 00:18:44,610 bus kažkur tarp 20 ir 600. 330 00:18:44,610 --> 00:18:51,480 >> Ir, žinoma, dabar tai yra tai, ką mes turime pašalinti tuos kietus koduotą 331 00:18:51,480 --> 00:18:53,402 dalykų, mes turime teisę ten. 332 00:18:53,402 --> 00:18:55,950 Taigi, ką mes norime padaryti, tai imtis duomenis, kad mes 333 00:18:55,950 --> 00:19:00,950 duota, kad individualus duomenys elementas, ir perduoti jį masto pirma. 334 00:19:00,950 --> 00:19:02,635 Taigi mastelis mastelį jį. 335 00:19:02,635 --> 00:19:27,020 336 00:19:27,020 --> 00:19:48,880 >> Well-- O mes turime mažai klaidą čia. 337 00:19:48,880 --> 00:19:50,120 Mes trūkstamus duomenis. 338 00:19:50,120 --> 00:19:51,290 There you go. 339 00:19:51,290 --> 00:19:58,550 340 00:19:58,550 --> 00:19:59,550 Ir tai plečia ją. 341 00:19:59,550 --> 00:20:01,383 >> Tai suteikia mums pats Rezultatas mes turėjome anksčiau, 342 00:20:01,383 --> 00:20:04,030 bet vietoj to, kad tie, sunku koduoti apribojimus. 343 00:20:04,030 --> 00:20:07,790 Ir jei dydis mūsų drobė pokyčiai, pavyzdžiui, 344 00:20:07,790 --> 00:20:11,790 jei mes norime turėti šį perėmimą 400 taškų ir tai squishes iš, 345 00:20:11,790 --> 00:20:15,440 mes galime jį over-- mes galime išplėsti, arba mes 346 00:20:15,440 --> 00:20:21,890 gali sumažinti šį kairę atsargą kažkas daugiau ar mažiau kaip 20. 347 00:20:21,890 --> 00:20:25,470 Šie skaičiai, tai sunku koduoti numeriai dabar prasmės mums. 348 00:20:25,470 --> 00:20:28,110 349 00:20:28,110 --> 00:20:30,520 >> Ir mes galime padaryti daug daugiau įdomių dalykų taip pat. 350 00:20:30,520 --> 00:20:35,990 Taigi, vietoj to, kad linijinę masto, mes galbūt norėsite prisijungti skalę. 351 00:20:35,990 --> 00:20:37,840 Ir, kad duos mums žurnalo skalę. 352 00:20:37,840 --> 00:20:41,269 >> Taigi dabar mūsų masto, o ne tik plečiasi, kad spektrą, 353 00:20:41,269 --> 00:20:42,810 tai daro sudėtingesnius dalykus. 354 00:20:42,810 --> 00:20:48,790 355 00:20:48,790 --> 00:20:53,790 Vietoj to, šį diapazoną sunku koduojamos, o vietoj to, kad, kad 600, 356 00:20:53,790 --> 00:20:58,465 mes norime tiesiog naudokite plotį, taip, nuo 20 iki plotis minus 40, 357 00:20:58,465 --> 00:21:02,392 2 kartus, iš kitos pusės skirtumu. 358 00:21:02,392 --> 00:21:05,350 Ir tai daro daug daugiau prasmės kažkas, kas gali pažvelgti į kodą. 359 00:21:05,350 --> 00:21:08,080 360 00:21:08,080 --> 00:21:11,850 >> Įdomu tai, kad svarstyklės gauti labai, labai sudėtinga, taip pat. 361 00:21:11,850 --> 00:21:13,350 Jie daug įdomių dalykų. 362 00:21:13,350 --> 00:21:17,620 Taigi svarstyklės nebūtinai turi veikti tik su skaičiais. 363 00:21:17,620 --> 00:21:18,955 Kurkime spalvotą mastą. 364 00:21:18,955 --> 00:21:23,120 365 00:21:23,120 --> 00:21:26,120 >> Taigi, mūsų asortimentas gali be-- mūsų domenas yra 1-200. 366 00:21:26,120 --> 00:21:28,220 Štai įvesties dalykas. 367 00:21:28,220 --> 00:21:33,793 Bet mes norime į žemėlapį iš žalios į raudoną, pavyzdžiui. 368 00:21:33,793 --> 00:21:39,710 369 00:21:39,710 --> 00:21:42,910 Ir dabar, jei mes perduoti jį 1, mes ketiname gauti žalia. 370 00:21:42,910 --> 00:21:45,110 Jei mes suteikti jai 200, mes susisieksime raudonai. 371 00:21:45,110 --> 00:21:49,480 Ir jei mes pereiname tai kažkas tarp jų, tai bus šiek tiek, kad mišinys, 372 00:21:49,480 --> 00:21:52,520 kažkur ant gradiento tarp žalios ir raudonos spalvos. 373 00:21:52,520 --> 00:21:55,210 >> Ir vietoj to, šis clunky logika natūra 374 00:21:55,210 --> 00:21:58,550 mes turime čia sąlyginė teisė ten, 375 00:21:58,550 --> 00:22:03,250 galėtume turėti something-- tiesinė skalė tarp tų. 376 00:22:03,250 --> 00:22:07,100 Taigi mes norime naudoti skalę mes tiesiog sukurta, kuriuos mes vadinami spalvą. 377 00:22:07,100 --> 00:22:09,060 Ir mes norime, kad tai D, kuris yra mūsų duomenų elementas. 378 00:22:09,060 --> 00:22:14,250 379 00:22:14,250 --> 00:22:15,060 Ir mes einame. 380 00:22:15,060 --> 00:22:18,070 Turime spalvų skalę. 381 00:22:18,070 --> 00:22:18,940 >> Taigi tai yra žemėlapių. 382 00:22:18,940 --> 00:22:20,960 Taigi kas liko visiškai žalia. 383 00:22:20,960 --> 00:22:22,560 Dešinėje yra visiškai raudonas. 384 00:22:22,560 --> 00:22:24,828 Ir viskas tarp yra D funkcija. 385 00:22:24,828 --> 00:22:33,369 386 00:22:33,369 --> 00:22:35,160 Mes turime įdomus vizualizacijos čia. 387 00:22:35,160 --> 00:22:36,952 Bet mūsų duomenys buvo natūra nuobodu. 388 00:22:36,952 --> 00:22:39,410 Pažiūrėkime, ką mes galime padaryti, jei mes turėjome daugiau įdomių duomenų. 389 00:22:39,410 --> 00:22:44,420 390 00:22:44,420 --> 00:22:50,500 >> Įstatymas, IV, dirbančių su Data-- pirmas dalykas 391 00:22:50,500 --> 00:22:53,560 mes norime padaryti, kad mūsų vizualizacija įdomiau 392 00:22:53,560 --> 00:22:56,140 yra perkelti duomenis kažkur kitur. 393 00:22:56,140 --> 00:22:58,310 Tai labai clunky turėti duomenys sunku koduoti čia. 394 00:22:58,310 --> 00:23:01,220 Ir apskritai, mes būsime klausia kažkas už duomenis. 395 00:23:01,220 --> 00:23:05,400 Mes bus gal klausia vyriausybę, Gyventojų surašymo biuro, kas jūsų duomenys 396 00:23:05,400 --> 00:23:10,170 ir tada pasuko, kad arba paprašyti kai trečiosios šalies subjektas kai duomenų 397 00:23:10,170 --> 00:23:13,330 ir tada statyti vizualizacija, kad. 398 00:23:13,330 --> 00:23:17,170 >> Taigi pirmas dalykas, mes norime padaryti yra perkelti, kad kažkur kitur. 399 00:23:17,170 --> 00:23:24,130 Taigi, aš ruošiuosi kurti pateikti čia vadinamas data.json. 400 00:23:24,130 --> 00:23:25,600 JSON yra duomenų formatas. 401 00:23:25,600 --> 00:23:29,210 Jūs neturite žinoti daug apie tai. 402 00:23:29,210 --> 00:23:33,210 Ir mes ketiname kopijuoti mažai duomenų turime ten, 403 00:23:33,210 --> 00:23:40,330 įklijuokite jį ten pažodžiui, eiti atgal į mūsų vizualizacijos kodas 404 00:23:40,330 --> 00:23:45,362 čia, ir naudoti šią funkciją čia. 405 00:23:45,362 --> 00:23:46,820 Jūs neturite žinoti detales. 406 00:23:46,820 --> 00:23:49,800 Bet kas tai bus padaryti, tai, ji ras failą, 407 00:23:49,800 --> 00:23:51,780 paimti jį ir grąžinti ją mums. 408 00:23:51,780 --> 00:24:11,660 409 00:24:11,660 --> 00:24:15,220 Taigi, kas tai daro, yra, jis eina ir gauti data.json failą. 410 00:24:15,220 --> 00:24:18,570 Ir tada viskas kodas, kuris yra atitraukiama inside-- esmės, 411 00:24:18,570 --> 00:24:21,800 visi kodas turime there-- bus paleisti tik tada, kai mes gauti duomenis atgal. 412 00:24:21,800 --> 00:24:25,760 Ir tada jis ketina paleisti, kad kodas su duomenimis turime. 413 00:24:25,760 --> 00:24:28,870 Puiku, mes turime vizualizacija, kad užklausos 414 00:24:28,870 --> 00:24:31,390 tam tikrą kodą kažkur kitur, kuris paprastai yra 415 00:24:31,390 --> 00:24:36,110 kur jis abejoja kai iš duomenų kur nors kitur, kuris paprastai yra 416 00:24:36,110 --> 00:24:38,656 kaip vizualizacijos dirbti. 417 00:24:38,656 --> 00:24:41,400 >> Bet aš noriu grįžti į duomenis. 418 00:24:41,400 --> 00:24:48,030 Taigi duomenys iš esmės į D3-- D3 sunaudoja duomenis, kad yra dalykų sąrašas. 419 00:24:48,030 --> 00:24:53,000 D3 tikisi duomenys tiesiog sąrašas dalykų, dalykų masyvo. 420 00:24:53,000 --> 00:24:58,780 Tai nėra svarbu, kas tuos dalykus yra tol, kol tai jų masyvas. 421 00:24:58,780 --> 00:25:02,460 >> Taigi čia, pavyzdžiui, galėtume iš Žinoma yra slankiojo kablelio vertybes. 422 00:25:02,460 --> 00:25:04,830 Mes gali turėti neigiamų. 423 00:25:04,830 --> 00:25:09,400 D3 nerūpi tol, kol kaip tai sąrašas dalykų. 424 00:25:09,400 --> 00:25:13,270 >> Kaip įdomių dalykų mes gali turėti, taip pat galėtų 425 00:25:13,270 --> 00:25:19,410 turėti stygos, pavyzdžiui, kad sąrašą. 426 00:25:19,410 --> 00:25:25,440 Taigi tai yra Crimson antraštės Pasiėmiau prieš kelias dienas. 427 00:25:25,440 --> 00:25:29,220 O gal Jūs rasite įdomių viskas apie šias po antraštėmis. 428 00:25:29,220 --> 00:25:30,970 >> Taigi dar kartą, tai yra dalykų sąrašas. 429 00:25:30,970 --> 00:25:32,360 D3 nerūpi. 430 00:25:32,360 --> 00:25:35,572 Tai atsitiktų būti eilutė. 431 00:25:35,572 --> 00:25:36,530 Mes pakeitėme mūsų duomenų. 432 00:25:36,530 --> 00:25:38,210 >> Grįžkime prie mūsų vizualizacija. 433 00:25:38,210 --> 00:25:42,495 Dabar mūsų vizualizacija tikisi įvesties būti skaičiai. 434 00:25:42,495 --> 00:25:44,370 Taigi mes ketiname turėti padaryti keletą pakeitimų. 435 00:25:44,370 --> 00:25:47,180 436 00:25:47,180 --> 00:25:52,180 Taigi, pavyzdžiui, visų pirma, gal norime įgyvendinti šiuos apskritimus kartu 437 00:25:52,180 --> 00:25:56,870 pagal antraštę ilgio, simbolių skaičius antraštę. 438 00:25:56,870 --> 00:26:03,600 >> Taigi, ką mes padarysime is-- kaskart mūsų funkcija vadinama su virvele, 439 00:26:03,600 --> 00:26:09,095 mes surasime tai ilgis ir tada praeiti, kad būtų mastu. 440 00:26:09,095 --> 00:26:11,550 Spalva, aš sugrįšiu kad norint plieno mėlyna. 441 00:26:11,550 --> 00:26:19,060 442 00:26:19,060 --> 00:26:20,420 Ir mes einame. 443 00:26:20,420 --> 00:26:23,190 Mes turime vizualizaciją iš Crimson antraštės. 444 00:26:23,190 --> 00:26:25,500 >> Mūsų skalė yra tiek off. 445 00:26:25,500 --> 00:26:29,680 Tarkime, kad ilgiausiai antraštė 100 simbolių ilgio, 446 00:26:29,680 --> 00:26:32,244 taip span kad iš truputį. 447 00:26:32,244 --> 00:26:33,410 Ir mes turime vizualizaciją. 448 00:26:33,410 --> 00:26:36,710 Taigi atrodo, kad dauguma antraštes yra gana arti vienas kito, 449 00:26:36,710 --> 00:26:38,750 kalbant apie simbolių eilutę. 450 00:26:38,750 --> 00:26:41,200 Tačiau vienas ten tikrai išsiskiria. 451 00:26:41,200 --> 00:26:46,660 >> Mes galime sukurti keletą įrankiai ištirti, kad daugiau. 452 00:26:46,660 --> 00:26:50,710 Bet kai aš dirbau tai, aš buvau įdomu, ar šios duomenų rinkinys, 453 00:26:50,710 --> 00:26:53,880 antraštės su dvitaškiu juose būtų ilgesnis. 454 00:26:53,880 --> 00:26:55,770 Aš prisiima jie būtų. 455 00:26:55,770 --> 00:26:56,660 >> Taigi leiskite išsiaiškinti. 456 00:26:56,660 --> 00:27:00,650 Leiskite naudoti spalvą kanalas, kaip mes padarėme anksčiau, 457 00:27:00,650 --> 00:27:04,540 koduoti kai apie tai, ar ten dvitaškis arba ne. 458 00:27:04,540 --> 00:27:07,220 Taigi, mes naudosime sąlyga dar kartą. 459 00:27:07,220 --> 00:27:09,350 Jūs neturite žinoti kad šios detalės, 460 00:27:09,350 --> 00:27:14,260 bet tai, kaip mes tikriname eilutė dėl konkrečios savybės 461 00:27:14,260 --> 00:27:16,355 JavaScript, vėlgi, nėra svarbi. 462 00:27:16,355 --> 00:27:18,910 463 00:27:18,910 --> 00:27:23,270 >> Bet jei mes negalime rasti Dvitaškis, mes grįžti žalia. 464 00:27:23,270 --> 00:27:26,100 Ir jei mes darome, mes grįžti raudonai. 465 00:27:26,100 --> 00:27:29,010 Taigi dar kartą, antraštes, kad buvo dvitaškis bus raudona. 466 00:27:29,010 --> 00:27:34,980 Tai yra tai, ką ši means-- gražus. 467 00:27:34,980 --> 00:27:38,040 >> Taigi atrodo, kad mano hipotezė susidūrėme. 468 00:27:38,040 --> 00:27:39,360 Yra tik du. 469 00:27:39,360 --> 00:27:42,380 Mes tik turime šešis duomenų taškų ir tik du turėjo dvitaškius. 470 00:27:42,380 --> 00:27:45,510 Tačiau atrodo, šiek tiek daugiau ant apatinio galo, iš tikrųjų. 471 00:27:45,510 --> 00:27:47,830 Antraštės su dvitaškius atrodo apskritai būti trumpesnis, 472 00:27:47,830 --> 00:27:52,370 bent jau mūsų duomenų set-- įdomu. 473 00:27:52,370 --> 00:27:55,830 >> Grįžkime, kad į plieno mėlyna ir tada pamatyti 474 00:27:55,830 --> 00:28:00,601 tai, ką mes galime padaryti su dar daugiau įdomių duomenų. 475 00:28:00,601 --> 00:28:04,370 476 00:28:04,370 --> 00:28:09,070 Taigi dar kartą, jau minėjau, kad duomenys D3 yra dalykų sąrašas. 477 00:28:09,070 --> 00:28:11,080 Mes matėme skaičių daugelio tipų. 478 00:28:11,080 --> 00:28:12,810 Mes matėme eilutes. 479 00:28:12,810 --> 00:28:15,700 Bet tai, ką taip pat gali būti daiktai. 480 00:28:15,700 --> 00:28:20,080 >> Jie gali būti sudėtingas dalykai kad yra daug dalykų. 481 00:28:20,080 --> 00:28:24,510 Pasakyti, kad būtų aiškiau, daugeliu atvejų, mes 482 00:28:24,510 --> 00:28:28,384 norite sukurti kiekvienam duomenų tašką sudėtingesnis nei tik vieną vertę. 483 00:28:28,384 --> 00:28:30,175 Jei norite įsivaizduoti duomenų bazė apie studentus, 484 00:28:30,175 --> 00:28:32,470 ten gali būti studentas pavadinimas, studento ID 485 00:28:32,470 --> 00:28:36,370 ir daug dalykų, susijusi su konkrečiu įrašo, 486 00:28:36,370 --> 00:28:39,834 ne tik seka arba skaičius. 487 00:28:39,834 --> 00:28:40,750 Taigi pažvelkime į tai. 488 00:28:40,750 --> 00:28:55,180 489 00:28:55,180 --> 00:28:56,760 >> Tai yra vienas iš tokių duomenų rinkiniui. 490 00:28:56,760 --> 00:28:59,090 Tai duomenų rinkinys apie žemės drebėjimus. 491 00:28:59,090 --> 00:29:01,910 492 00:29:01,910 --> 00:29:08,430 Taigi viskas čia mūsų sąraše, arba masyvo dalykų yra daug dalykų pati. 493 00:29:08,430 --> 00:29:11,380 Taigi kiekvienas duomenų taškas yra dydis ir koordinuoti. 494 00:29:11,380 --> 00:29:13,425 Ir koordinuoja save yra du dalykus. 495 00:29:13,425 --> 00:29:15,960 496 00:29:15,960 --> 00:29:20,450 >> Taigi kiekvieną dieną yra dabar daug daugiau sudėtingas ir daug įdomiau 497 00:29:20,450 --> 00:29:22,700 ir yra daug daugiau įdomi informacija. 498 00:29:22,700 --> 00:29:26,730 Pažiūrėkime, mes galime sukurti iš to. 499 00:29:26,730 --> 00:29:36,130 Grįžtant atgal į čia dar kartą, naudojant mūsų histograma ratas vizualizacija 500 00:29:36,130 --> 00:29:42,110 mes sukūrėme, galime pamatyti, jei mes galime sukurti vizualizacija dydžio pasiskirstymo 501 00:29:42,110 --> 00:29:43,305 mūsų duomenų rinkiniu. 502 00:29:43,305 --> 00:29:45,850 503 00:29:45,850 --> 00:29:48,660 >> Taigi čia, tai pati koncepcija. 504 00:29:48,660 --> 00:29:51,920 Bet dabar, d yra daugiau dalykų. 505 00:29:51,920 --> 00:29:54,780 d yra daug duomenų elementus. 506 00:29:54,780 --> 00:29:57,946 Taigi mes gauname dienas atgal. 507 00:29:57,946 --> 00:29:59,670 D3 suteikia mums r. 508 00:29:59,670 --> 00:30:06,080 Ir mes atsakome ieškant dydį D ir tada artimųjų, kad į skalę. 509 00:30:06,080 --> 00:30:08,490 >> Ir tada mes turime pakeisti mūsų skalė, žinoma. 510 00:30:08,490 --> 00:30:12,980 Taigi dydžiams tiesiog nėra eiti daugiau nei 10. 511 00:30:12,980 --> 00:30:15,485 Tiesą sakant, niekada nebuvo 10 dydis žemės drebėjimas. 512 00:30:15,485 --> 00:30:19,360 Bet tai kokios mūsų viršutinė pabaigos, mūsų viršutinė spektras. 513 00:30:19,360 --> 00:30:20,240 >> Leiskite atnaujinti. 514 00:30:20,240 --> 00:30:22,990 Nica, turime vizualizaciją. 515 00:30:22,990 --> 00:30:25,490 Įdomu note-- taip yra dvi duomenų taškai, kurie 516 00:30:25,490 --> 00:30:29,010 yra beveik tiksliai viena ant kita vertus, kalbant apie dydį. 517 00:30:29,010 --> 00:30:31,350 Jūs matote tai pagal neskaidrumo mes naudojate. 518 00:30:31,350 --> 00:30:40,810 519 00:30:40,810 --> 00:30:42,690 >> Mes turime geografinius duomenis dabar. 520 00:30:42,690 --> 00:30:44,710 Mes turime platumos ir ilgumos. 521 00:30:44,710 --> 00:30:47,549 Gal mes galime padaryti kažką Daug įdomiau, kad. 522 00:30:47,549 --> 00:30:49,590 Leiskite sužinoti šiek tiek daugiau įdomus būdas vizualizuoti 523 00:30:49,590 --> 00:30:53,500 tai sudėtingesnis duomenys mes turime prieigą prie. 524 00:30:53,500 --> 00:31:04,950 >> Aktas V Mapping-- esmės, mes norime įdėti juos žemėlapyje. 525 00:31:04,950 --> 00:31:07,690 Aš turiu galvoje, tai yra, kai tai vyksta. 526 00:31:07,690 --> 00:31:13,130 Mes norime koduoti informaciją apie pozicija šių žemės drebėjimo rodmenis, 527 00:31:13,130 --> 00:31:16,350 taip pat jų dydį, nes mes turime dabar. 528 00:31:16,350 --> 00:31:21,310 Mes suprantame, kaip vartoti daugiau sudėtingų duomenų. 529 00:31:21,310 --> 00:31:26,200 >> Pirmas dalykas, kurį mes padarysime tai sukurti žemėlapį, fono žemėlapį. 530 00:31:26,200 --> 00:31:29,360 Aš ruošiuosi eiti per tai labai greitai. 531 00:31:29,360 --> 00:31:30,560 Tai keblus kodą. 532 00:31:30,560 --> 00:31:33,110 Tai dar vienas iš tų, receptai jums nereikia tikrai 533 00:31:33,110 --> 00:31:35,690 turime suprasti, visiškai jums naudoti. 534 00:31:35,690 --> 00:31:38,510 535 00:31:38,510 --> 00:31:39,740 Bet tai kodas. 536 00:31:39,740 --> 00:31:43,580 Šis kodas čia sukuria žemėlapį. 537 00:31:43,580 --> 00:31:45,730 >> Mes neketiname eiti į smulkmenas. 538 00:31:45,730 --> 00:31:54,210 Bet aplamai, ką ji daro, yra, jis abejoja šį us.json failą, kuris 539 00:31:54,210 --> 00:31:57,150 yra duomenų failas, kaip vienas mes turėjome anksčiau. 540 00:31:57,150 --> 00:31:59,150 Tai sudėtingesnis, žinoma. 541 00:31:59,150 --> 00:32:02,920 Tačiau šiuo atveju, viskas, kiekvienas duomenų taškas yra ši būsena 542 00:32:02,920 --> 00:32:05,420 ir turi sąrašą platumos ir ilgumos 543 00:32:05,420 --> 00:32:10,500 kad apibrėžti poligoną, kad forma, kad valstybė. 544 00:32:10,500 --> 00:32:13,280 >> Taigi, kas D3 darys panašus tai, ką mes anksčiau. 545 00:32:13,280 --> 00:32:18,140 Jis prašys, kad ir surišti, kad elementui. 546 00:32:18,140 --> 00:32:20,890 Ir ten funkcija, bus žemėlapį, kad elementas iš, 547 00:32:20,890 --> 00:32:23,410 remiantis platumoms ir ilgumos. 548 00:32:23,410 --> 00:32:24,580 Galite paskaityti daugiau apie tai. 549 00:32:24,580 --> 00:32:27,385 Ir aš rekomenduoju. 550 00:32:27,385 --> 00:32:30,090 >> Yra ryšiai pabaigoje šio kodekso parašė. 551 00:32:30,090 --> 00:32:31,570 Ir yra komentavo kodą. 552 00:32:31,570 --> 00:32:34,050 Ten yra nuorodos ir toliau apie tai. 553 00:32:34,050 --> 00:32:36,590 Aš rekomenduoju jums atrodo it up. 554 00:32:36,590 --> 00:32:39,460 Bet kas mums rūpi tai ši projekcija funkcija. 555 00:32:39,460 --> 00:32:41,210 Noriu eiti per tai. 556 00:32:41,210 --> 00:32:43,522 >> Visų pirma, leiskite man parodyti Jums, kad taip, mes turime žemėlapį. 557 00:32:43,522 --> 00:32:47,300 558 00:32:47,300 --> 00:32:49,970 Žemėlapiai yra kietas. 559 00:32:49,970 --> 00:32:52,330 Taigi pažvelkime į tai gamybos funkcija. 560 00:32:52,330 --> 00:32:56,481 >> Projekcijos yra labai daug kaip masto, vėl svarstyklės. 561 00:32:56,481 --> 00:32:59,210 Taigi, ką gamyba ši projekcija funkcija 562 00:32:59,210 --> 00:33:06,610 nėra yra, mes galime perduoti jį ilgumos ir latitudes-- šiuo atveju, 563 00:33:06,610 --> 00:33:09,590 šios vertybės čia yra lat-ilgisi pastato 564 00:33:09,590 --> 00:33:13,990 mes sėdi dešinėje now-- į projekciją. 565 00:33:13,990 --> 00:33:20,560 Ir projekcija bus konvertuoti kad į x ir y pikselių reikšmių. 566 00:33:20,560 --> 00:33:23,300 >> Taigi, kas projekcija daro yra labai panašus į mūsų skalę. 567 00:33:23,300 --> 00:33:27,270 Jis imasi mūsų platumose ir ilgumos, kuris atstovauja visą pasaulį 568 00:33:27,270 --> 00:33:31,390 ir mažėja ir dydžio, kad žemyn į aikštę, kad mes norime, 569 00:33:31,390 --> 00:33:33,510 kad mes jį pateikia. 570 00:33:33,510 --> 00:33:35,220 Šiuo atveju, mes perduoti šias vertybes. 571 00:33:35,220 --> 00:33:41,370 Ir tai mums duoda, gerai, kad ekrane reiškia 640 taškų. 572 00:33:41,370 --> 00:33:46,250 Visas šis ekranas yra 700 taškų pločio, taip, kad padaro mus apie čia, 573 00:33:46,250 --> 00:33:53,310 ir 154 pikselių žemyn, kurią norėčiau įvertis yra gana daug čia. 574 00:33:53,310 --> 00:33:57,250 >> Taigi atsižvelgiant tas Lat long, kurie atstovauti kažką visai pasaulyje 575 00:33:57,250 --> 00:34:02,850 ir squishing ir juda, kad aplink mums X ir Y pikselių vertybes, 576 00:34:02,850 --> 00:34:05,450 tai pirmas dalykas, kad padaryti šią kartografavimo kodą. 577 00:34:05,450 --> 00:34:07,920 Ir tada iš likusios kodas sunaudoja duomenis 578 00:34:07,920 --> 00:34:14,310 ir tada žemėlapiai tas Lat long ant ko nors ekrano. 579 00:34:14,310 --> 00:34:18,380 >> Tačiau mes ketiname naudoti šią projekciją funkcijos, nes Pasirodo, 580 00:34:18,380 --> 00:34:20,270 turime lat-long long, taip pat. 581 00:34:20,270 --> 00:34:24,509 Žvelgiant atgal į mūsų duomenimis, turime platumos ir ilgumos koordinatės 582 00:34:24,509 --> 00:34:25,425 už kiekvieną pastabą. 583 00:34:25,425 --> 00:34:28,131 584 00:34:28,131 --> 00:34:29,130 Taigi leiskite naudoti projekcija. 585 00:34:29,130 --> 00:34:33,250 586 00:34:33,250 --> 00:34:37,639 >> Taigi žiūri mūsų ekspozicijoje, mes norime, kad mūsų exposition-- 587 00:34:37,639 --> 00:34:39,590 turime platumą ir ilgumą. 588 00:34:39,590 --> 00:34:40,770 Bet mes norime pikselių reikšmes. 589 00:34:40,770 --> 00:34:43,510 Ir it turns out, turime tiksliai ką mes want-- projekcija. 590 00:34:43,510 --> 00:34:46,239 Labai panašiai kaip mes buvome naudojant skalę čia, 591 00:34:46,239 --> 00:34:52,075 mes dabar ketinate naudoti projekcija ir perduoti ją koordinuoja. 592 00:34:52,075 --> 00:34:55,241 593 00:34:55,241 --> 00:34:56,949 Taigi pirmas dalykas, mes doing-- todėl mes 594 00:34:56,949 --> 00:35:01,520 gaunant d, kuris yra individualiai duomenys elementas individualaus drebėjimo 595 00:35:01,520 --> 00:35:02,370 skaitymas. 596 00:35:02,370 --> 00:35:04,640 Pirmas dalykas, kurį mes darome yra gauti koordinates. 597 00:35:04,640 --> 00:35:06,150 Gerai, mes turime koordinates. 598 00:35:06,150 --> 00:35:09,160 >> Antras dalykas, mes darome, yra praeiti, kad į projekciją. 599 00:35:09,160 --> 00:35:13,440 Projekcijos konvertuoja tuos koordinates į pikselių reikšmių, x ir y. 600 00:35:13,440 --> 00:35:16,680 Ir tada paskutinis dalykas, kurį mes noriu padaryti, tai tiesiog gauti x, 601 00:35:16,680 --> 00:35:19,342 kuris šiuo atveju yra pirmasis. 602 00:35:19,342 --> 00:35:22,050 Tai pirmasis iš dviejų dalykų kurie grįžo projekcijos. 603 00:35:22,050 --> 00:35:27,840 604 00:35:27,840 --> 00:35:29,630 >> Mes padarysime tą patį y. 605 00:35:29,630 --> 00:35:34,960 Bet vietoj to, mes grįžti Antrasis elementas, m. 606 00:35:34,960 --> 00:35:35,980 Pasiruoškite atnaujinti. 607 00:35:35,980 --> 00:35:39,830 608 00:35:39,830 --> 00:35:46,450 Ooh, papildomas pobūdis here-- gražus, mes turime 609 00:35:46,450 --> 00:35:51,730 duomenys varomas dokumentas tai nuslėpti šį JSON failą objektų, 610 00:35:51,730 --> 00:35:57,560 priėmimo žemėlapį ir keičiant priskirti atsižvelgiant į duomenų 611 00:35:57,560 --> 00:35:59,600 projektuoti jį ant žemėlapyje. 612 00:35:59,600 --> 00:36:00,840 Tai tikrai įdomu. 613 00:36:00,840 --> 00:36:03,770 Tai kietas. 614 00:36:03,770 --> 00:36:05,640 >> Paimkime jį vienu žingsniu. 615 00:36:05,640 --> 00:36:08,795 Aš turiu galvoje, mes turime du gabalus informacija su kiekvienu duomenų taško. 616 00:36:08,795 --> 00:36:10,000 Aš turiu galvoje, trys. 617 00:36:10,000 --> 00:36:12,540 Mes turime koordinates, kuris yra x ir y. 618 00:36:12,540 --> 00:36:15,700 Ir mes turime dydį. 619 00:36:15,700 --> 00:36:17,420 >> Mums reikia koduoti dydį kažkaip. 620 00:36:17,420 --> 00:36:18,920 Mes turime daug kanalų. 621 00:36:18,920 --> 00:36:20,370 Mes galime naudoti spalvą. 622 00:36:20,370 --> 00:36:21,890 Mes galime naudoti spindulį. 623 00:36:21,890 --> 00:36:23,040 Mes galime naudoti neskaidrumo. 624 00:36:23,040 --> 00:36:25,540 Mes galime naudoti daug dalykų kodą. 625 00:36:25,540 --> 00:36:29,180 Bet kuris iš šių požymių ir daug daugiau, kurių nėra sąraše, 626 00:36:29,180 --> 00:36:33,065 nes jie neprivalomi, galėtume naudoti koduoti šiuos duomenis, insultas 627 00:36:33,065 --> 00:36:35,670 ir visi šie dalykai minėjau. 628 00:36:35,670 --> 00:36:36,690 >> Darom spindulys. 629 00:36:36,690 --> 00:36:38,830 Manau spindulys yra labiausiai intuityviojo. 630 00:36:38,830 --> 00:36:46,210 Taigi dar kartą, mes pakeisti, kad sunkiai koduojami 40 ir pateikti tam tikrus skaičiavimus. 631 00:36:46,210 --> 00:36:48,810 Mes vėl naudoti mūsų mėgstamiausia mastą. 632 00:36:48,810 --> 00:36:50,290 Ir mes praeityje d. 633 00:36:50,290 --> 00:36:55,850 Bet ne dienas, nes mes norime dydį D. d yra tik duomenys rodo. 634 00:36:55,850 --> 00:36:57,430 Przekażemy dydis pagal mastelį. 635 00:36:57,430 --> 00:36:58,470 >> Pabandykime, kad dar kartą. 636 00:36:58,470 --> 00:37:00,230 Ooh, ji neveikia. 637 00:37:00,230 --> 00:37:02,940 Kodėl neveikia? 638 00:37:02,940 --> 00:37:04,387 >> Taigi prisiminti, ką masto daro. 639 00:37:04,387 --> 00:37:05,470 Pažvelkime masto dar kartą. 640 00:37:05,470 --> 00:37:10,800 Mastelio žemėlapius nuo 1 iki 10 d į 22-600, daugiau ar mažiau. 641 00:37:10,800 --> 00:37:12,030 600 yra didžiulis. 642 00:37:12,030 --> 00:37:14,730 Tai kodėl mes vis tai. 643 00:37:14,730 --> 00:37:18,420 >> Taigi, mes norime pakeisti savo skalę į kažką labiau pagrįsta. 644 00:37:18,420 --> 00:37:22,610 Tarkime, mes norime 0 iki 60. 645 00:37:22,610 --> 00:37:25,340 60 yra didelis, bet 10 žemės drebėjimų yra neįtikėtinai reti. 646 00:37:25,340 --> 00:37:27,880 Tiesą sakant, jie jau niekada neįvyko. 647 00:37:27,880 --> 00:37:31,830 >> Taigi, kas tai darys tai, tai paimsiu Mūsų dydis, kad eina nuo 1 iki 10 648 00:37:31,830 --> 00:37:34,490 ir map jį išplėsti jį. 649 00:37:34,490 --> 00:37:37,370 Ir map jį į 0 iki 60. 650 00:37:37,370 --> 00:37:38,840 Leiskite atnaujinti. 651 00:37:38,840 --> 00:37:41,850 >> Nica, turime vizualizaciją. 652 00:37:41,850 --> 00:37:42,500 Tai puiku. 653 00:37:42,500 --> 00:37:43,736 Tai faktiniai duomenys. 654 00:37:43,736 --> 00:37:46,360 Jūs pastebėsite, kad mano mažai žaislas Pavyzdžiui, didžiausias žemės drebėjimas 655 00:37:46,360 --> 00:37:49,417 yra dešinėje viršuje iš mūsų. 656 00:37:49,417 --> 00:37:50,000 Bet tai viskas. 657 00:37:50,000 --> 00:37:54,422 Turime data varomas vizualizacija kad naudoja duomenis 658 00:37:54,422 --> 00:37:56,255 ir suteikia mums tikrai įdomi informacija. 659 00:37:56,255 --> 00:38:02,600 660 00:38:02,600 --> 00:38:06,420 Taip, tegul pridėti šiek tiek interaktyvumas į jį. 661 00:38:06,420 --> 00:38:08,675 Minėjau, kad buvo stipri jėga ir D3. 662 00:38:08,675 --> 00:38:11,490 663 00:38:11,490 --> 00:38:15,060 >> Taigi čia kiekvieno elemento, mes aprašant atributų krūva. 664 00:38:15,060 --> 00:38:20,230 Bet mes taip pat galime apibūdinti tai, ką norime atsitikti su interaktyvumo elementais. 665 00:38:20,230 --> 00:38:26,190 Pavyzdžiui, galėtume apibūdinti kas atsitinka, kai mes pele per. 666 00:38:26,190 --> 00:38:28,740 667 00:38:28,740 --> 00:38:33,640 Ir labai panašios, kad, kad priimsime funkciją, 668 00:38:33,640 --> 00:38:36,700 labai panašios į atributus mes turėjome anksčiau, 669 00:38:36,700 --> 00:38:44,650 kur mes kažką daryti elementą, kai mes užveskite pelės žymeklį ant jo. 670 00:38:44,650 --> 00:38:47,100 >> Taigi pirmas dalykas, mes turime padaryti, tai pasirinkti tą elementą, 671 00:38:47,100 --> 00:38:49,435 jį rasti iš esmės, naršyklėje. 672 00:38:49,435 --> 00:38:57,090 673 00:38:57,090 --> 00:39:00,920 ir tada mes galime nustatyti atributo į jį. 674 00:39:00,920 --> 00:39:06,870 Taigi, ką aš darau čia, kai mes užveskite per kažką, mes gauti, kad elementas 675 00:39:06,870 --> 00:39:11,197 ir tada nustatyti jo opacity atgal iki 1, kad visiškai nepermatomas. 676 00:39:11,197 --> 00:39:12,488 Pažiūrėkime, ką tai atrodo. 677 00:39:12,488 --> 00:39:29,430 678 00:39:29,430 --> 00:39:39,080 >> Atrodo, mes turime Papildomas kabliataškis čia. 679 00:39:39,080 --> 00:39:42,420 Taigi, jei mes užveskite pelės žymeklį ant čia jis gauna visiškai. 680 00:39:42,420 --> 00:39:46,530 681 00:39:46,530 --> 00:39:48,960 Bet dabar, žinoma, ją lieka visiškai, nes mes 682 00:39:48,960 --> 00:39:53,240 turi apibūdinti tai, kas vyksta kai pašalinti mūsų žymeklį. 683 00:39:53,240 --> 00:39:59,990 Taigi darykime tiksliai, kad mouseout, o ne mouseover. 684 00:39:59,990 --> 00:40:06,399 >> Ir mes iš naujo ją ką mes turėjome before-- 0.5. 685 00:40:06,399 --> 00:40:10,260 Ir dabar, kiekvieną kartą, kai mes hover, kurią mes gauname visą ratą. 686 00:40:10,260 --> 00:40:13,468 Tai padeda mums pamatyti, ką mes mes pasirinkdami iš esmės. 687 00:40:13,468 --> 00:40:19,210 688 00:40:19,210 --> 00:40:22,860 >> O dabar padarykime tai tikrai didelis. 689 00:40:22,860 --> 00:40:26,210 Leiskite prisijungti, kad tai realiais duomenimis. 690 00:40:26,210 --> 00:40:30,890 Taigi leiskite paklausti galėtų USGS apie jų duomenų. 691 00:40:30,890 --> 00:40:35,630 Taigi JAV geologijos turi duomenų apie žemės drebėjimus. 692 00:40:35,630 --> 00:40:41,460 Jie turi viešą API sugebantį turi būti suvartojama JSON formatu. 693 00:40:41,460 --> 00:40:42,548 Taigi leiskite tai padaryti. 694 00:40:42,548 --> 00:40:49,730 695 00:40:49,730 --> 00:40:55,900 >> Taigi tai yra kodo tiek, kad prisijungia prie USGS API. 696 00:40:55,900 --> 00:40:57,990 Ir ten tvarkymo tiek apie jį. 697 00:40:57,990 --> 00:41:02,200 Tai nėra tiesiogiai bet jį supaprastina į paprastą duomenų formatą, kaip vieno 698 00:41:02,200 --> 00:41:03,800 mes turėjome anksčiau. 699 00:41:03,800 --> 00:41:08,140 Taigi man atsikratyti mūsų kvietimą mūsų netikras data.json byloje. 700 00:41:08,140 --> 00:41:13,110 Ir vietoj to, aš telefonu USGS esmės. 701 00:41:13,110 --> 00:41:16,700 >> Leiskite atnaujinti, gražus. 702 00:41:16,700 --> 00:41:21,260 Tai tikrieji, realaus gyvenimo duomenys iš šią savaitę žemės drebėjimas. 703 00:41:21,260 --> 00:41:23,217 Tai tikrai įdomu. 704 00:41:23,217 --> 00:41:25,050 Tai nestebina, už mus, bet yra 705 00:41:25,050 --> 00:41:27,909 žemės drebėjimų apie daug Vakarų pakrantė Kalifornijoje. 706 00:41:27,909 --> 00:41:30,950 Bet aš maniau jis buvo labai įdomu kad ten buvo tiek daug žemės drebėjimų 707 00:41:30,950 --> 00:41:34,350 Aliaskoje, ir, matyt, čia Midwest. 708 00:41:34,350 --> 00:41:37,630 Aš turiu galvoje, įdomi, ir mes gerai. 709 00:41:37,630 --> 00:41:40,410 Štai išvada. 710 00:41:40,410 --> 00:41:43,760 >> Bet iš esmės, šis kas D3 padeda mums daryti. 711 00:41:43,760 --> 00:41:48,030 Tai padeda mums imtis duomenis, įpareigoti ji elementų DOM, 712 00:41:48,030 --> 00:41:51,620 ir turi šiuos elementus keisti kaip duomenų funkciją, 713 00:41:51,620 --> 00:41:54,780 turi tas savybes, visų daug atributai elementų, 714 00:41:54,780 --> 00:41:57,393 visi bus naudinga kanalų perteikti informaciją. 715 00:41:57,393 --> 00:42:05,440 716 00:42:05,440 --> 00:42:09,290 >> D3 neįtikėtinai galinga biblioteka ir stebėtinai gerai valdoma. 717 00:42:09,290 --> 00:42:12,260 Tai kai galingas dalykų. 718 00:42:12,260 --> 00:42:15,960 Duomenų vizualizacija yra neįtikėtinai galingas įrankis 719 00:42:15,960 --> 00:42:21,530 perteikti žmonėms giliai įžvalgos, kad gauna į savo branduolio 720 00:42:21,530 --> 00:42:25,430 ir padeda jiems suprasti, kad tai gilus ir intuityvus būdas, 721 00:42:25,430 --> 00:42:29,760 kaip duomenys darbai ir kaip duomenys keičia mūsų gyvenimą. 722 00:42:29,760 --> 00:42:31,019