1 00:00:00,000 --> 00:00:00,780 2 00:00:00,780 --> 00:00:11,880 >> [MUSIC kucheza] 3 00:00:11,880 --> 00:00:16,480 >> DAVID CHOUINARD: Mimi nina David Chouinard, na hii ni D3. 4 00:00:16,480 --> 00:00:17,700 Karibu. 5 00:00:17,700 --> 00:00:21,270 Sisi ni kwenda kujifunza kuhusu D3 leo. 6 00:00:21,270 --> 00:00:25,020 D3 ni mfumo JavaScript kwa ajili ya kujenga high quality 7 00:00:25,020 --> 00:00:28,110 interactive visualizations kwa ajili ya mtandao. 8 00:00:28,110 --> 00:00:30,870 Mambo kama nini tuko kuona nyuma ya mimi, 9 00:00:30,870 --> 00:00:34,230 tunakwenda kujifunza kufanya wale mambo, aina ya msingi ya hiyo. 10 00:00:34,230 --> 00:00:36,452 Lakini ni kwenda kuwa baridi. 11 00:00:36,452 --> 00:00:38,160 Tuanze kufanya pretty picha. 12 00:00:38,160 --> 00:00:41,108 13 00:00:41,108 --> 00:00:44,350 Sisi tumepewa demos zaidi ya matarajio inapatikana. 14 00:00:44,350 --> 00:00:48,040 15 00:00:48,040 --> 00:00:50,760 Hebu kufanya hivyo. 16 00:00:50,760 --> 00:00:58,700 >> Sheria I, DOM manipulation-- tunakwenda kuanza haki mbali na kufanya mambo ya baridi. 17 00:00:58,700 --> 00:01:01,240 Awali ya yote, upande wa kushoto, tuna code. 18 00:01:01,240 --> 00:01:03,470 Juu ya haki, tuna matokeo ya kanuni zetu. 19 00:01:03,470 --> 00:01:04,900 Hebu kwenda kwa njia hiyo. 20 00:01:04,900 --> 00:01:05,780 >> Hebu kufanya mduara. 21 00:01:05,780 --> 00:01:08,570 Jinsi gani kwamba sauti? 22 00:01:08,570 --> 00:01:14,934 svg.append circle-- sisi tu alifanya mduara. 23 00:01:14,934 --> 00:01:16,100 Huwezi kuamini mimi, haki? 24 00:01:16,100 --> 00:01:18,190 Ni huko. 25 00:01:18,190 --> 00:01:21,830 >> Hivyo tulichokifanya haki hapa ni, Faili ni scalable vector graphics. 26 00:01:21,830 --> 00:01:27,530 Hii ni njia sisi tunasema browser kwa kufanya vector graphics katika browser. 27 00:01:27,530 --> 00:01:30,740 Nini sisi tu alifanya hivi sasa ni aliongeza mduara kuvinjari. 28 00:01:30,740 --> 00:01:34,790 >> Ahadi ni kwamba mzunguko inahitaji kidogo ya sifa ya msingi 29 00:01:34,790 --> 00:01:36,850 kabla tunaweza kweli kuona. 30 00:01:36,850 --> 00:01:40,045 Tunahitaji kuwaambia ni x msimamo wake, y msimamo wake, radius yake. 31 00:01:40,045 --> 00:01:43,310 Sisi hawakuwa kuwaambia ni yoyote ya kwamba, hivyo sisi siyo kuona ni haki ya sasa. 32 00:01:43,310 --> 00:01:46,210 Lakini hebu kuwaambia ni mambo ya ajabu. 33 00:01:46,210 --> 00:01:49,510 >> Hivyo kwanza ya yote, nimepata kutoa mduara yetu jina. 34 00:01:49,510 --> 00:01:53,070 Basi hebu kuiita mduara. 35 00:01:53,070 --> 00:01:54,406 Mduara yetu ina jina sasa. 36 00:01:54,406 --> 00:01:57,230 37 00:01:57,230 --> 00:01:59,490 Na hebu kuwapa sifa chache. 38 00:01:59,490 --> 00:02:03,690 Vipi kuhusu cx bila kituo cha x, hivyo katikati ya x msimamo. 39 00:02:03,690 --> 00:02:06,730 Hebu kusema, 200 kwa 200 saizi. 40 00:02:06,730 --> 00:02:10,220 >> Hebu kuwapa y ya pikseli 200 pia. 41 00:02:10,220 --> 00:02:16,032 Na r, radius, ya juu ya 40 saizi. 42 00:02:16,032 --> 00:02:16,950 Sasa hebu angalia. 43 00:02:16,950 --> 00:02:21,740 44 00:02:21,740 --> 00:02:23,440 Siwezi Spell. 45 00:02:23,440 --> 00:02:30,430 46 00:02:30,430 --> 00:02:31,520 >> Kuna kwenda. 47 00:02:31,520 --> 00:02:37,330 Tuna mduara katika nafasi 200 saizi, 200, saizi radius ya 40 saizi. 48 00:02:37,330 --> 00:02:38,280 Aina ya baridi, haki? 49 00:02:38,280 --> 00:02:38,988 Tuna mduara. 50 00:02:38,988 --> 00:02:40,880 Yeah. 51 00:02:40,880 --> 00:02:42,670 >> Hivyo hakuna haja ya kufuata pamoja. 52 00:02:42,670 --> 00:02:45,790 Mifano yote hii, wote wa code mimi nina kufanya leo 53 00:02:45,790 --> 00:02:51,300 zitatolewa online mwishoni katika mfumo wa mifano interactive 54 00:02:51,300 --> 00:02:54,010 na vituo vya ukaguzi katika kila tendo, na kadhalika. 55 00:02:54,010 --> 00:02:55,160 >> Hebu kufanya mambo zaidi. 56 00:02:55,160 --> 00:02:58,901 Mzunguko huu nyeusi ni kweli mbaya. 57 00:02:58,901 --> 00:03:01,541 Mimi nina pole kwa makosa ambayo ujumbe papo hapo. 58 00:03:01,541 --> 00:03:05,340 Kuna sisi kwenda. 59 00:03:05,340 --> 00:03:06,350 >> Hebu kutoa ni rangi. 60 00:03:06,350 --> 00:03:07,170 Jinsi hiyo? 61 00:03:07,170 --> 00:03:08,340 Mimi kama chuma bluu. 62 00:03:08,340 --> 00:03:13,280 63 00:03:13,280 --> 00:03:16,030 Naam, mduara yetu imebadilika rangi. 64 00:03:16,030 --> 00:03:17,320 Hiyo ni kubwa. 65 00:03:17,320 --> 00:03:31,330 Hebu kufanya hivyo nusu ya uwazi too-- nusu ya uwazi. 66 00:03:31,330 --> 00:03:33,670 >> Basi hizi ni sifa tuko kufafanua juu ya mduara. 67 00:03:33,670 --> 00:03:36,774 Jambo la kwanza sisi alifanya ni sisi kuweka mduara juu ya ukurasa. 68 00:03:36,774 --> 00:03:38,690 Na kisha sisi ni kufafanua rundo la sifa. 69 00:03:38,690 --> 00:03:41,610 Baadhi ya hizi ni required, kama CX, CY, na Radius. 70 00:03:41,610 --> 00:03:42,680 Na wengine ni hiari. 71 00:03:42,680 --> 00:03:44,730 >> Kuna sifa mengi zaidi. 72 00:03:44,730 --> 00:03:46,760 Kuna mengi ya kwao. 73 00:03:46,760 --> 00:03:53,070 Kwa mfano, tunaweza kuwa na kiharusi pia, kiharusi ya nyekundu. 74 00:03:53,070 --> 00:03:55,630 Lakini hebu kuondoa hiyo. 75 00:03:55,630 --> 00:04:00,450 Tuko nyuma na mzunguko, mzunguko rangi ya bluu. 76 00:04:00,450 --> 00:04:01,600 >> Basi hebu kufanya duru zaidi. 77 00:04:01,600 --> 00:04:02,810 Jinsi hiyo? 78 00:04:02,810 --> 00:04:04,665 Hebu kufanya mduara mwingine. 79 00:04:04,665 --> 00:04:05,985 Hii ni ya kusisimua, haki? 80 00:04:05,985 --> 00:04:09,630 81 00:04:09,630 --> 00:04:12,300 >> Hivyo kusema mimi tu Copy-pasted nini tulikuwa tayari. 82 00:04:12,300 --> 00:04:13,570 Hebu simu yake circle2. 83 00:04:13,570 --> 00:04:15,840 Na hebu kufanya halisi kitu kimoja na kuwapa 84 00:04:15,840 --> 00:04:20,450 sifa, kutokana na x nafasi ya 300. 85 00:04:20,450 --> 00:04:24,140 Yay, tuna duru mbili sasa. 86 00:04:24,140 --> 00:04:27,240 >> Na bila shaka, tunaweza update maadili haya. 87 00:04:27,240 --> 00:04:31,640 Mimi naweza kuiweka katika 400, na sasa ni hatua. 88 00:04:31,640 --> 00:04:35,470 Na tangu ni annoying, hebu kuondoa hiyo, hivyo circle2.remove. 89 00:04:35,470 --> 00:04:39,000 90 00:04:39,000 --> 00:04:40,730 Ni gone sasa. 91 00:04:40,730 --> 00:04:43,170 >> Hivyo kile sisi ni kufanya na ni tu sana, very-- hii 92 00:04:43,170 --> 00:04:46,030 ni sawa na nini anaweza kufanya katika jQuery, kwa mfano. 93 00:04:46,030 --> 00:04:48,240 Sisi ni kufanyia tu DOM, ni kuitwa. 94 00:04:48,240 --> 00:04:50,040 Unaweza kuwa na habari kwamba neno kabla. 95 00:04:50,040 --> 00:04:53,255 Sisi ni kujenga mambo, kuweka sifa juu ya mambo, kuondoa mambo ya ajabu. 96 00:04:53,255 --> 00:04:58,950 97 00:04:58,950 --> 00:05:02,360 >> Sasa, hapa ambapo anapata kuvutia. 98 00:05:02,360 --> 00:05:07,250 Hivyo baadaye katika kanuni, sisi bado anaweza rejea mduara awali hapa. 99 00:05:07,250 --> 00:05:14,100 Basi hebu upya sifa yake ya cx. 100 00:05:14,100 --> 00:05:18,260 Hebu kusema, wake x nafasi ya 400. 101 00:05:18,260 --> 00:05:22,406 Na mimi nina kwenda mpito kwamba, hivyo ni dhahiri. 102 00:05:22,406 --> 00:05:23,360 Kuna sisi kwenda. 103 00:05:23,360 --> 00:05:24,780 >> Hivyo sisi aliongeza mduara. 104 00:05:24,780 --> 00:05:26,440 Sisi kuweka baadhi ya sifa. 105 00:05:26,440 --> 00:05:28,210 Sisi aliongeza mduara mwingine, kuondolewa yake. 106 00:05:28,210 --> 00:05:31,650 Na kisha sisi ni kubadilisha awali ya mduara. 107 00:05:31,650 --> 00:05:35,400 >> Lakini hapa ni ambapo anapata mengi zaidi ya kuvutia. 108 00:05:35,400 --> 00:05:39,070 Si tu tunaweza kuweka sifa kama maadili tu, tunaweza kusema, 109 00:05:39,070 --> 00:05:41,610 hey, mduara, kwenda kwa nafasi ya 200. 110 00:05:41,610 --> 00:05:44,540 Sisi pia unaweza kuweka yao kama kazi. 111 00:05:44,540 --> 00:05:48,850 >> Hivyo badala ya kutoa 400 hapa, tunaweza kufanya baadhi ya hesabu 112 00:05:48,850 --> 00:05:53,950 juu ya kuruka kwa nini sisi wanataka kuwa sifa kuwa. 113 00:05:53,950 --> 00:05:56,580 Hivyo hii ni jinsi wewe d kueleza kwamba. 114 00:05:56,580 --> 00:06:00,660 Sisi tunasema, badala ya 400, napenda kukupa kazi badala yake. 115 00:06:00,660 --> 00:06:04,180 Na hapa, ndani ya kazi hii, tunaweza kufanya hesabu yoyote mambo. 116 00:06:04,180 --> 00:06:06,820 >> Tunaweza kuchukua muda na tuangalie baadhi kitu kingine 117 00:06:06,820 --> 00:06:11,230 na dynamically kuamua kwa mzunguko nini thamani tunataka. 118 00:06:11,230 --> 00:06:15,266 Vipi kuhusu sisi tu kutoa ni random x nafasi? 119 00:06:15,266 --> 00:06:20,360 120 00:06:20,360 --> 00:06:21,120 Hivyo hiyo ni kwamba. 121 00:06:21,120 --> 00:06:25,490 >> Hivyo kile kwamba anasema, kwa ajili ya kila x, kukimbia kazi hii. 122 00:06:25,490 --> 00:06:29,340 Na nini sisi ni kufanya ni kuhesabu baadhi ya mambo, mara random upana 123 00:06:29,340 --> 00:06:30,410 na kurudi hiyo. 124 00:06:30,410 --> 00:06:34,765 Hivyo kila wakati sisi kukimbia kwamba, sisi kupata mduara kwamba huenda kwa nafasi random. 125 00:06:34,765 --> 00:06:36,394 Ni aina ya baridi. 126 00:06:36,394 --> 00:06:38,310 Najisikia kama mimi naweza kuangalia wakati huu kwa muda kidogo. 127 00:06:38,310 --> 00:06:44,274 128 00:06:44,274 --> 00:06:46,440 Sisi ni mapya ya kupata jambo la kuvutia hapa. 129 00:06:46,440 --> 00:06:49,120 130 00:06:49,120 --> 00:06:51,390 Hebu kufanya data hii inaendeshwa sasa. 131 00:06:51,390 --> 00:06:53,420 Hakuna data hapa. 132 00:06:53,420 --> 00:06:54,482 Hebu mabadiliko hayo. 133 00:06:54,482 --> 00:06:57,440 134 00:06:57,440 --> 00:07:12,140 >> Sheria II, Data Inaendeshwa Documents-- Basi hebu kurudi hapa. 135 00:07:12,140 --> 00:07:15,340 Na hebu tu kujikwamua circle2, kwa sababu sisi ni kuongeza na kuondoa tu 136 00:07:15,340 --> 00:07:15,840 yake. 137 00:07:15,840 --> 00:07:17,382 Hivyo hatuna kweli haja yake. 138 00:07:17,382 --> 00:07:21,421 Tunahitaji kuwa mengi zaidi wajanja hapa. 139 00:07:21,421 --> 00:07:23,170 Hebu kusema, tuna baadhi data ya aina fulani. 140 00:07:23,170 --> 00:07:31,540 141 00:07:31,540 --> 00:07:40,020 Moja moment-- hebu sema, tulikuwa data ya fomu hii. 142 00:07:40,020 --> 00:07:41,800 Tulikuwa safu, tu rundo la idadi. 143 00:07:41,800 --> 00:07:45,750 Tuna idadi saba hapa, kiasi chochote hizi represent-- 144 00:07:45,750 --> 00:07:48,810 katika akaunti ya benki ya watu, jinsi wao kiasi kupima, mungu anajua. 145 00:07:48,810 --> 00:07:51,310 >> Hizi ni namba, na sisi wanataka kutumia duru yetu 146 00:07:51,310 --> 00:07:53,240 kuwakilisha idadi ya wale kwa namna fulani. 147 00:07:53,240 --> 00:07:55,515 Tunataka kufunga wetu duru ya namba hizo. 148 00:07:55,515 --> 00:07:58,750 149 00:07:58,750 --> 00:07:59,626 Hivyo kile sisi kufanya. 150 00:07:59,626 --> 00:08:01,500 Hebu kusema, tunataka mduara kwa kila idadi. 151 00:08:01,500 --> 00:08:03,590 Tunaweza kufanya umri Jambo tulikuwa doing-- 152 00:08:03,590 --> 00:08:06,020 mzunguko append na circle2 na circle3. 153 00:08:06,020 --> 00:08:10,020 Lakini hii anapata nje ya mkono, na kuna mengi ya kurudia mantiki. 154 00:08:10,020 --> 00:08:12,760 >> Basi hebu kupata wajanja zaidi na kwamba. 155 00:08:12,760 --> 00:08:17,810 Badala ya kutumia var mduara svg.append kwamba tulikuwa kutumia tu, 156 00:08:17,810 --> 00:08:21,580 tunakwenda kutumia block hii kidogo hapa. 157 00:08:21,580 --> 00:08:24,510 Sitaki kwenda katika kina katika sehemu gani haya yote kufanya. 158 00:08:24,510 --> 00:08:26,020 Na ni aina ya mada ya juu. 159 00:08:26,020 --> 00:08:27,830 Ningependa mimi naweza. 160 00:08:27,830 --> 00:08:31,370 >> Lakini jambo muhimu kwa recognize-- na utaona ni mara nyingi sana katika D3 code. 161 00:08:31,370 --> 00:08:36,840 Hii kuzuia wa maandishi ya msingi inajenga mzunguko kama wengi 162 00:08:36,840 --> 00:08:41,360 kama kuna mambo data katika hii safu haki hapa. 163 00:08:41,360 --> 00:08:53,420 164 00:08:53,420 --> 00:08:55,780 Hivyo hii inajenga kama wengi duru kama kuna mambo. 165 00:08:55,780 --> 00:08:58,520 Ni kwenda kujenga us duru saba. 166 00:08:58,520 --> 00:09:01,710 Na kitu gani kweli, kweli muhimu. 167 00:09:01,710 --> 00:09:02,460 Basi hebu kukimbia kwamba. 168 00:09:02,460 --> 00:09:05,460 Hebu kuondoa mduara wetu wengine. 169 00:09:05,460 --> 00:09:09,565 Hebu tu maoni hii sehemu nje na kukimbia hii tena. 170 00:09:09,565 --> 00:09:13,840 171 00:09:13,840 --> 00:09:15,260 >> Kuna sisi kwenda. 172 00:09:15,260 --> 00:09:18,030 Hivyo mzunguko wetu hapa ni mengi nyeusi, kwa sababu sisi 173 00:09:18,030 --> 00:09:20,720 kuwa duru saba, mmoja juu ya nyingine. 174 00:09:20,720 --> 00:09:25,425 Sisi tu kuundwa duru saba, mmoja kila mmoja kwa kila moja ya haya mambo data. 175 00:09:25,425 --> 00:09:28,860 Lakini kuna jambo muhimu yaliyotokea ni na hii snippet haki hapa. 176 00:09:28,860 --> 00:09:31,030 >> Ni kwamba data alikuwa amefungwa. 177 00:09:31,030 --> 00:09:33,440 Hivyo kila mmoja wale vipengele data, 178 00:09:33,440 --> 00:09:38,830 10, 45, 105, alikuwa amefungwa kwa mzunguko fulani. 179 00:09:38,830 --> 00:09:40,960 Basi hao si tu umba rundo la duru 180 00:09:40,960 --> 00:09:43,420 lakini mahusiano mambo hayo mawili kwa pamoja. 181 00:09:43,420 --> 00:09:48,740 >> Na katika siku zijazo, kwa sababu sisi aliumba duru wale walio na kazi hii D3, 182 00:09:48,740 --> 00:09:52,430 kama mimi kukupa mzunguko, unaweza nipe data yanayohusiana na hayo. 183 00:09:52,430 --> 00:09:53,280 Hivyo tunaweza kuuliza D3. 184 00:09:53,280 --> 00:09:54,840 Hey, D3, nina mduara huu. 185 00:09:54,840 --> 00:09:57,350 Nini data kwamba mzunguko ana? 186 00:09:57,350 --> 00:10:01,290 Na D3 bila kutuambia 10 au 45 au 105. 187 00:10:01,290 --> 00:10:02,380 >> Mambo haya ni amefungwa. 188 00:10:02,380 --> 00:10:04,490 Hiyo ni dhana sana, msingi sana. 189 00:10:04,490 --> 00:10:06,070 Hebu tuangalie hiyo. 190 00:10:06,070 --> 00:10:12,210 >> Hivyo njia tunatarajia kuuliza D3-- hivyo hii ni lisilo kwa ajili ya hii, 191 00:10:12,210 --> 00:10:16,620 lakini tu matumaini yangu juu yake. 192 00:10:16,620 --> 00:10:17,620 Hii ni jinsi sisi kuuliza D3. 193 00:10:17,620 --> 00:10:21,312 Hey, D3, nipe kwanza mzunguko kwamba unaweza kupata. 194 00:10:21,312 --> 00:10:23,580 Nipe mduara kwanza unaweza kupata. 195 00:10:23,580 --> 00:10:29,660 Na kisha tunaweza kuuliza D3, nini data juu ya kwamba, kama hii, 10. 196 00:10:29,660 --> 00:10:33,380 >> Hivyo sisi tu kuuliza D3, kupata mimi mzunguko wa kwanza unaweza kupata. 197 00:10:33,380 --> 00:10:34,400 Nini data yake? 198 00:10:34,400 --> 00:10:36,650 10, kwamba ni kweli yetu data kwanza kipengele. 199 00:10:36,650 --> 00:10:42,150 Tunaweza kuuliza, hey, D3, kupata yetu mzunguko wetu wa tatu. 200 00:10:42,150 --> 00:10:44,450 105. 201 00:10:44,450 --> 00:10:45,740 Kwa nini hii ni muhimu? 202 00:10:45,740 --> 00:10:49,790 203 00:10:49,790 --> 00:10:52,250 >> Hivyo haki hapa, mimi zilizotajwa kwamba tunaweza kutumia kazi. 204 00:10:52,250 --> 00:10:54,910 Na mimi alieleza kuwa alikuwa kitu chenye nguvu sana. 205 00:10:54,910 --> 00:11:03,070 Hivyo si tu inaweza kazi zetu kufanya mambo kama kufanya baadhi ya computation, kwa mfano, 206 00:11:03,070 --> 00:11:09,170 kurudi idadi random, inaweza pia kufanya mambo kulingana na data. 207 00:11:09,170 --> 00:11:11,550 Hii ni nini data inaendeshwa nyaraka maana. 208 00:11:11,550 --> 00:11:13,750 Hiyo ni nini D3 anasimama kwa. 209 00:11:13,750 --> 00:11:17,800 >> Hivyo hii x postition-- badala ya kusema tu, duru zote, 210 00:11:17,800 --> 00:11:21,735 kupata x nafasi 200, sisi inaweza kuwapa kazi. 211 00:11:21,735 --> 00:11:26,140 212 00:11:26,140 --> 00:11:30,140 Na hapa, tunaweza kufanya baadhi ya hesabu. 213 00:11:30,140 --> 00:11:33,710 na d hapa anasimama katika nafasi kwa data. 214 00:11:33,710 --> 00:11:36,120 Hivyo kila wakati tuna mduara, kimsingi, 215 00:11:36,120 --> 00:11:37,750 D3 kujenga duru hizi saba. 216 00:11:37,750 --> 00:11:38,500 Na kisha kwa kila 217 00:11:38,500 --> 00:11:41,920 >> mduara, ni kwenda, hey, circle1 nini yako x msimamo. 218 00:11:41,920 --> 00:11:45,210 Hapo awali, tulikuwa daima kujibu 200. 219 00:11:45,210 --> 00:11:48,630 Lakini sasa, kila wakati D3 anauliza sisi nini yako x nafasi, 220 00:11:48,630 --> 00:11:51,790 ni kwenda kutoa us-- tuna mzunguko kwamba, hivyo tuna data. 221 00:11:51,790 --> 00:11:55,290 Ni kwenda kutupa data na kusema, unataka nini ufafanuzi kuwa, 222 00:11:55,290 --> 00:11:57,120 kulingana na data hiyo. 223 00:11:57,120 --> 00:11:59,590 >> Hebu tu kurudi data halisi. 224 00:11:59,590 --> 00:12:04,910 Hivyo kama sisi kukimbia hii, hii inatoa sisi data inaendeshwa nyaraka. 225 00:12:04,910 --> 00:12:08,040 Duru haya yanatokana kuhusiana position-- 226 00:12:08,040 --> 00:12:11,120 wao uko besi kama kazi ya data. 227 00:12:11,120 --> 00:12:13,100 >> Hivyo kwa ajili ya mzunguko wa kwanza, D3 unaweka mduara. 228 00:12:13,100 --> 00:12:16,770 Na kisha D3 anatutaka, nini kufanya unataka ufafanuzi kuwa. 229 00:12:16,770 --> 00:12:19,620 Na sisi tu kusema, chochote data ni. 230 00:12:19,620 --> 00:12:21,185 Kufanya ufafanuzi 10. 231 00:12:21,185 --> 00:12:26,320 >> Kisha anauliza, unataka nini ufafanuzi kuwa kwa ajili ya mzunguko wa pili. 232 00:12:26,320 --> 00:12:27,270 Na sisi kujibu, 45. 233 00:12:27,270 --> 00:12:30,000 234 00:12:30,000 --> 00:12:32,230 Na sisi, bila shaka, unaweza kufanya baadhi ya computation hapa. 235 00:12:32,230 --> 00:12:35,510 Mimi sioni kwamba duru wale ni aina ya squished up. 236 00:12:35,510 --> 00:12:38,965 >> Hivyo kuzidisha ni kwa 3, kuzidisha data na 3. 237 00:12:38,965 --> 00:12:41,870 238 00:12:41,870 --> 00:12:43,840 Mzunguko wetu tu got kupanua nje. 239 00:12:43,840 --> 00:12:46,730 Thamani yetu ilikuwa mara tatu. 240 00:12:46,730 --> 00:12:51,010 >> mduara ni kweli makali, hivyo hebu labda aina ya kukabiliana nayo. 241 00:12:51,010 --> 00:12:53,632 Hebu kusema, kwa 20. 242 00:12:53,632 --> 00:12:56,070 Hapa kwenda. 243 00:12:56,070 --> 00:12:57,590 >> Hii ni data visualization. 244 00:12:57,590 --> 00:13:01,767 Ni moja ya msingi sana, lakini hii inatupa baadhi ya ufahamu katika takwimu zetu. 245 00:13:01,767 --> 00:13:04,600 Inatuambia kwamba, kwa mfano, sisi kuwa nguzo kidogo ya vipengele. 246 00:13:04,600 --> 00:13:06,340 Na tuna outlier kubwa hapa. 247 00:13:06,340 --> 00:13:10,830 Hii inatupa baadhi ya habari kuhusu usambazaji. 248 00:13:10,830 --> 00:13:20,830 >> Kama tulikuwa, kwa mfano, mabadiliko ya data ya 150 hapa na mahitaji, 249 00:13:20,830 --> 00:13:22,630 taswira yetu ni iliyopita. 250 00:13:22,630 --> 00:13:24,285 Waraka huu ni data inaendeshwa. 251 00:13:24,285 --> 00:13:32,640 252 00:13:32,640 --> 00:13:36,180 >> Hivyo bila shaka, mambo haya yote, sifa hizi zote hapa, 253 00:13:36,180 --> 00:13:38,430 tunaweza kutumia kazi, si tu idadi, si tu 254 00:13:38,430 --> 00:13:39,900 x na nafasi y. 255 00:13:39,900 --> 00:13:42,120 Hivyo tunaweza kutumia kazi kwa ajili ya Michezo. 256 00:13:42,120 --> 00:13:45,260 257 00:13:45,260 --> 00:13:46,360 Hivyo tutaweza kufanya hivyo. 258 00:13:46,360 --> 00:13:49,360 Tutaweza kuwapa kazi. 259 00:13:49,360 --> 00:13:52,320 >> Na hebu sema, tunaweza kuwa na conditionals katika kazi yetu. 260 00:13:52,320 --> 00:13:54,770 Kazi hii inaweza kuwa mia ya mistari ya muda mrefu. 261 00:13:54,770 --> 00:13:57,150 Ni wanaweza kufanya mambo sana, ngumu sana. 262 00:13:57,150 --> 00:13:59,080 >> Basi hebu kuweka An kama taarifa hapa. 263 00:13:59,080 --> 00:14:03,420 Hebu kusema, kama data yetu ni chini ya 50, kwamba baadhi ya kizingiti 264 00:14:03,420 --> 00:14:05,817 kwamba sisi ni nia ya katika kwa sababu fulani. 265 00:14:05,817 --> 00:14:06,650 Hebu kufanya hivyo kijani. 266 00:14:06,650 --> 00:14:09,830 267 00:14:09,830 --> 00:14:15,320 Vinginevyo, hebu kufanya hivyo nyekundu. 268 00:14:15,320 --> 00:14:16,110 Jinsi hiyo? 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 >> Hivyo data visualization yetu ni kuanzia kufikisha habari zaidi ya kuvutia 272 00:14:24,860 --> 00:14:26,727 juu ya njia nyingi. 273 00:14:26,727 --> 00:14:28,560 Hivyo sasa sisi kujua kidogo kuhusu usambazaji. 274 00:14:28,560 --> 00:14:31,768 Tunajua kwamba kuna baadhi ya aina ya kukatwa saa 50 kwamba sisi ni nia ya. 275 00:14:31,768 --> 00:14:35,630 Tunajua kwamba kuna pointi mbili data chini kuwa kizingiti na wengi wao 276 00:14:35,630 --> 00:14:36,130 hapo juu. 277 00:14:36,130 --> 00:14:41,510 278 00:14:41,510 --> 00:14:46,160 >> Hivyo kama hatua ya mwisho, data hii hapa, ni nadra sana kuona hii kama hiyo. 279 00:14:46,160 --> 00:14:52,610 Basi hebu tu hoja hiyo kufanyika kwa variable kwa sababu hiyo safi, kama hii. 280 00:14:52,610 --> 00:15:02,980 281 00:15:02,980 --> 00:15:05,197 Na kisha sisi kutumia variable hapa. 282 00:15:05,197 --> 00:15:06,280 Ni halisi kitu kimoja. 283 00:15:06,280 --> 00:15:07,280 Ni kidogo tu safi. 284 00:15:07,280 --> 00:15:25,300 285 00:15:25,300 --> 00:15:35,300 >> Next up, Sheria ya III, Scales-- Hivyo tatizo moja haki 286 00:15:35,300 --> 00:15:38,920 hapa ni, kama sisi mabadiliko yetu data katika hii value-- 200 287 00:15:38,920 --> 00:15:41,685 kama sisi mabadiliko hayo kwa 400 au kitu na mahitaji, 288 00:15:41,685 --> 00:15:44,540 basi thamani hii tu akaenda offscreen. 289 00:15:44,540 --> 00:15:49,040 Hivyo mantiki yetu hapa hapa ya jinsi ya kufanya mara 3 290 00:15:49,040 --> 00:15:52,570 na 20, kueneza nje na kisha kukabiliana ni kidogo ni kweli clunky. 291 00:15:52,570 --> 00:15:54,150 >> Je, wale idadi maana yake nini? 292 00:15:54,150 --> 00:15:55,400 Wao ni tu ngumu coded huko. 293 00:15:55,400 --> 00:15:58,830 Na wao ni sana amefungwa na data. 294 00:15:58,830 --> 00:16:00,550 Tunataka data inaendeshwa hati. 295 00:16:00,550 --> 00:16:05,460 Tunataka hati rahisi sana, kwamba data aliyopewa, anpassas kwa ni 296 00:16:05,460 --> 00:16:07,900 na inawakilisha yake. 297 00:16:07,900 --> 00:16:11,330 >> Nini sisi kimsingi haja, sisi na hii mbalimbali ya namba 10. 298 00:16:11,330 --> 00:16:12,640 45, 105. 299 00:16:12,640 --> 00:16:17,630 Na tunataka ramani kwamba nje kwenye upana, upana kamili hapa. 300 00:16:17,630 --> 00:16:20,620 Hivyo tuna mbalimbali ya namba kwenda 0-100. 301 00:16:20,620 --> 00:16:24,980 Na tuna hii mimi chuo huenda 20-700, katika kesi hii. 302 00:16:24,980 --> 00:16:26,515 >> Sisi aina ya kutaka ramani kwamba juu. 303 00:16:26,515 --> 00:16:30,002 Tunataka kuongeza kuwa juu na basi kukabiliana ni kidogo. 304 00:16:30,002 --> 00:16:33,165 Ni zinageuka kuwa D3 ina hizi. 305 00:16:33,165 --> 00:16:34,220 Ni wito wadogo. 306 00:16:34,220 --> 00:16:37,410 307 00:16:37,410 --> 00:16:38,250 Basi hebu kuitumia. 308 00:16:38,250 --> 00:16:46,300 309 00:16:46,300 --> 00:16:49,670 >> njia ambayo works-- mimi nina kwenda aina hii juu na kisha kueleza hayo. 310 00:16:49,670 --> 00:17:01,530 311 00:17:01,530 --> 00:17:02,450 Hii ni wadogo. 312 00:17:02,450 --> 00:17:08,670 Nini itakuwa kufanya ni, itakuwa ramani nje maadili 1-200 juu ya 20-600. 313 00:17:08,670 --> 00:17:10,990 Tunaweza kuangalia kwamba. 314 00:17:10,990 --> 00:17:13,329 Tunaweza kuona kwamba hapa. 315 00:17:13,329 --> 00:17:21,704 >> Hivyo kama mimi kulisha ni 1-- wakati mmoja. 316 00:17:21,704 --> 00:17:47,764 317 00:17:47,764 --> 00:17:48,555 Nipe moja ya pili. 318 00:17:48,555 --> 00:17:53,680 319 00:17:53,680 --> 00:17:55,080 Mimi ni lazima kuwa mistyped yake. 320 00:17:55,080 --> 00:18:15,320 321 00:18:15,320 --> 00:18:15,990 Kuna kwenda. 322 00:18:15,990 --> 00:18:17,930 Mimi nina pole juu ya hilo. 323 00:18:17,930 --> 00:18:22,050 >> Hivyo kile wadogo kufanya ni, itachukua thamani 324 00:18:22,050 --> 00:18:24,930 na kisha kubadili kwamba, kupanua nje, hivyo 325 00:18:24,930 --> 00:18:27,320 fyller mbalimbali kamili wewe ni kuuliza kwa. 326 00:18:27,320 --> 00:18:32,910 Hivyo katika kesi hii, kama sisi kuwapa moja, ni kwenda ramani kwamba nje kwenye 20. 327 00:18:32,910 --> 00:18:37,750 Na kama sisi kuwapa 200, ni kwenda ramani kwamba juu ya 600. 328 00:18:37,750 --> 00:18:40,460 Na mahali fulani katika kati, kama sisi kupata 100, ni 329 00:18:40,460 --> 00:18:44,610 kwenda kuwa mahali fulani katika kati ya 20 na 600. 330 00:18:44,610 --> 00:18:51,480 >> Na bila shaka, sasa hii ni nini tunahitaji kuondoa coded wale ngumu 331 00:18:51,480 --> 00:18:53,402 mambo tuna haki pale. 332 00:18:53,402 --> 00:18:55,950 Hivyo nini tunataka kufanya ni kuchukua data kwamba sisi ni 333 00:18:55,950 --> 00:19:00,950 pewa data binafsi kipengele, na kupita kwa wadogo kwanza. 334 00:19:00,950 --> 00:19:02,635 Hivyo wadogo wadogo it up. 335 00:19:02,635 --> 00:19:27,020 336 00:19:27,020 --> 00:19:48,880 >> Well-- Oh, tuna makosa kidogo hapa. 337 00:19:48,880 --> 00:19:50,120 Sisi ni kukosa data. 338 00:19:50,120 --> 00:19:51,290 Kuna kwenda. 339 00:19:51,290 --> 00:19:58,550 340 00:19:58,550 --> 00:19:59,550 Na kwamba expands nje. 341 00:19:59,550 --> 00:20:01,383 >> Hiyo inatupa huo matokeo tulikuwa kabla, 342 00:20:01,383 --> 00:20:04,030 lakini badala ya kuwa wale ngumu coded vikwazo. 343 00:20:04,030 --> 00:20:07,790 Na kama ukubwa wa wetu mabadiliko canvas, kwa mfano, 344 00:20:07,790 --> 00:20:11,790 kama tunataka kuwa na zaidi ya hii 400 saizi na squishes nje, 345 00:20:11,790 --> 00:20:15,440 tunaweza kuwa ni over-- tunaweza kupanua, au sisi 346 00:20:15,440 --> 00:20:21,890 unaweza kupunguza kiasi hii kushoto na kitu kidogo au zaidi ya 20. 347 00:20:21,890 --> 00:20:25,470 Hizi namba, hizi ngumu coded namba sasa mantiki kwetu. 348 00:20:25,470 --> 00:20:28,110 349 00:20:28,110 --> 00:20:30,520 >> Na tunaweza kufanya mengi zaidi mambo ya kuvutia pia. 350 00:20:30,520 --> 00:20:35,990 Hivyo badala ya kuwa linear wadogo, sisi kutaka kuingia wadogo. 351 00:20:35,990 --> 00:20:37,840 Na hii itatupa wadogo logi. 352 00:20:37,840 --> 00:20:41,269 >> Hivyo sasa wadogo zetu, badala ya kupanua nje tu kwamba mbalimbali, 353 00:20:41,269 --> 00:20:42,810 ni kufanya mambo kisasa zaidi. 354 00:20:42,810 --> 00:20:48,790 355 00:20:48,790 --> 00:20:53,790 Badala ya kuwa na aina hii ngumu coded, na badala ya kuwa na kwamba 600, 356 00:20:53,790 --> 00:20:58,465 sisi kutaka kutumia tu upana, hivyo kutoka 20 kwa upana minus 40, 357 00:20:58,465 --> 00:21:02,392 2 mara margin upande mwingine. 358 00:21:02,392 --> 00:21:05,350 Na hii inafanya hisia mengi zaidi ya mtu ambaye anaweza kuangalia code. 359 00:21:05,350 --> 00:21:08,080 360 00:21:08,080 --> 00:21:11,850 >> Jambo la kushangaza, mizani kupata sana, kisasa sana pia. 361 00:21:11,850 --> 00:21:13,350 Wao kufanya mambo mengi ya kuvutia. 362 00:21:13,350 --> 00:21:17,620 Hivyo mizani si lazima kuwa kuendesha tu na idadi. 363 00:21:17,620 --> 00:21:18,955 Hebu kufanya wadogo rangi. 364 00:21:18,955 --> 00:21:23,120 365 00:21:23,120 --> 00:21:26,120 >> Hivyo mbalimbali yetu inaweza be-- uwanja wetu ni 1-200. 366 00:21:26,120 --> 00:21:28,220 Hiyo ni pembejeo kitu. 367 00:21:28,220 --> 00:21:33,793 Lakini sisi kutaka ramani kutoka kijani na nyekundu, kwa mfano. 368 00:21:33,793 --> 00:21:39,710 369 00:21:39,710 --> 00:21:42,910 Na sasa, kama sisi kupita 1, tunakwenda kupata kijani. 370 00:21:42,910 --> 00:21:45,110 Kama sisi kuwapa 200, tutaweza kupata nyekundu. 371 00:21:45,110 --> 00:21:49,480 Na kama sisi kupita kitu katika kati, ni kwenda kuwa baadhi ya mchanganyiko wa kwamba, 372 00:21:49,480 --> 00:21:52,520 mahali fulani kwenye gradient kati ya kijani na nyekundu. 373 00:21:52,520 --> 00:21:55,210 >> Na badala ya kuwa aina hii ya mantiki clunky 374 00:21:55,210 --> 00:21:58,550 sisi hapa na masharti haki pale, 375 00:21:58,550 --> 00:22:03,250 tunaweza kuwa na something-- a wadogo linear kati ya hizo. 376 00:22:03,250 --> 00:22:07,100 Hivyo tunatarajia kutumia wadogo sisi tu kuundwa, ambayo sisi kuitwa Michezo. 377 00:22:07,100 --> 00:22:09,060 Na tunatarajia kuwapa d, ambayo ni data kipengele yetu. 378 00:22:09,060 --> 00:22:14,250 379 00:22:14,250 --> 00:22:15,060 Na kuna sisi kwenda. 380 00:22:15,060 --> 00:22:18,070 Tuna wadogo rangi. 381 00:22:18,070 --> 00:22:18,940 >> Hivyo hii ni ramani. 382 00:22:18,940 --> 00:22:20,960 Hadi sasa kushoto ni kijani kabisa. 383 00:22:20,960 --> 00:22:22,560 mbali haki ni nyekundu kabisa. 384 00:22:22,560 --> 00:22:24,828 Na kila kitu katika kati ni kazi ya d. 385 00:22:24,828 --> 00:22:33,369 386 00:22:33,369 --> 00:22:35,160 Tuna kuvutia visualizations hapa. 387 00:22:35,160 --> 00:22:36,952 Lakini takwimu zetu ilikuwa ni aina ya boring. 388 00:22:36,952 --> 00:22:39,410 Hebu kuona nini tunaweza kufanya kama tulikuwa data ya kuvutia zaidi. 389 00:22:39,410 --> 00:22:44,420 390 00:22:44,420 --> 00:22:50,500 >> Sheria IV, Kazi Pamoja na Data-- Jambo la kwanza 391 00:22:50,500 --> 00:22:53,560 tutaweza wanataka kufanya kufanya yetu taswira zaidi ya kuvutia 392 00:22:53,560 --> 00:22:56,140 ni hoja data mahali pengine. 393 00:22:56,140 --> 00:22:58,310 Ni clunky sana kuwa na data ngumu coded hapa. 394 00:22:58,310 --> 00:23:01,220 Na kwa ujumla, tutaweza kuwa kuuliza mtu mwingine kwa ajili ya data. 395 00:23:01,220 --> 00:23:05,400 Tutaweza kuwa labda kuuliza serikali, Ofisi ya sensa, nini data yako 396 00:23:05,400 --> 00:23:10,170 na kisha kupanga njama hiyo au kuuliza baadhi chombo tatu kwa baadhi ya data 397 00:23:10,170 --> 00:23:13,330 na kisha kujenga taswira juu ya hilo. 398 00:23:13,330 --> 00:23:17,170 >> Hivyo jambo la kwanza tunataka kufanya ni hoja kwamba kwa mahali pengine. 399 00:23:17,170 --> 00:23:24,130 Hivyo nina kwenda kujenga faili hapa aitwaye data.json. 400 00:23:24,130 --> 00:23:25,600 JSON ni format data. 401 00:23:25,600 --> 00:23:29,210 Huna kujua mengi juu ya hilo. 402 00:23:29,210 --> 00:23:33,210 Na tunakwenda nakala data kidogo tuna huko, 403 00:23:33,210 --> 00:23:40,330 kuuweka katika huko verbatim, kwenda nyuma visualization kanuni zetu 404 00:23:40,330 --> 00:23:45,362 hapa, na kutumia kazi haki hii hapa. 405 00:23:45,362 --> 00:23:46,820 Huna kujua maelezo. 406 00:23:46,820 --> 00:23:49,800 Lakini nini hii kufanya ni, itakuwa kupata faili kwamba, 407 00:23:49,800 --> 00:23:51,780 kuleta, na kurudi kwetu. 408 00:23:51,780 --> 00:24:11,660 409 00:24:11,660 --> 00:24:15,220 Hivyo nini hii ni, unaendelea na kupata data.json file. 410 00:24:15,220 --> 00:24:18,570 Na kisha code yote yale indented inside-- kimsingi, 411 00:24:18,570 --> 00:24:21,800 code wote tuna there-- mapenzi kukimbia tu wakati sisi kupata data nyuma. 412 00:24:21,800 --> 00:24:25,760 Na basi ni kwenda kukimbia kwamba kificho na data tuna. 413 00:24:25,760 --> 00:24:28,870 Mkuu, tuna taswira kwamba maswali 414 00:24:28,870 --> 00:24:31,390 kwa baadhi ya kanuni mahali fulani mwingine, ambayo ni kawaida 415 00:24:31,390 --> 00:24:36,110 ambapo maswali baadhi data kutoka mahali pengine, ambayo ni kawaida 416 00:24:36,110 --> 00:24:38,656 jinsi visualizations kazi. 417 00:24:38,656 --> 00:24:41,400 >> Lakini nataka kwenda nyuma ya data. 418 00:24:41,400 --> 00:24:48,030 Hivyo data kimsingi katika D3-- D3 hutumia data kwamba orodha ya mambo. 419 00:24:48,030 --> 00:24:53,000 D3 anatarajia data tu kuwa orodha wa mambo, safu ya mambo. 420 00:24:53,000 --> 00:24:58,780 Haijalishi nini mambo hayo ni, hivyo muda mrefu kama ni safu yao. 421 00:24:58,780 --> 00:25:02,460 >> Hivyo hapa, kwa mfano, tunaweza ya Bila shaka kuwa yaliyo maadili uhakika. 422 00:25:02,460 --> 00:25:04,830 Tunaweza kuwa na negatives. 423 00:25:04,830 --> 00:25:09,400 D3 haina huduma, hivyo muda mrefu kama ni orodha ya mambo. 424 00:25:09,400 --> 00:25:13,270 >> Mambo kama kuvutia sisi inaweza kuwa, tunaweza pia 425 00:25:13,270 --> 00:25:19,410 kuwa na orodha ya masharti kama hayo. 426 00:25:19,410 --> 00:25:25,440 Basi hizi ni vichwa Crimson Mimi ilichukua siku chache zilizopita. 427 00:25:25,440 --> 00:25:29,220 Na labda unaweza kupata baadhi ya kuvutia mambo kuhusu hizi vichwa vya habari. 428 00:25:29,220 --> 00:25:30,970 >> Hivyo tena, hii ni orodha ya mambo. 429 00:25:30,970 --> 00:25:32,360 D3 haina huduma. 430 00:25:32,360 --> 00:25:35,572 Hizi kutokea kwa kuwa kamba. 431 00:25:35,572 --> 00:25:36,530 Tumekuwa iliyopita takwimu zetu. 432 00:25:36,530 --> 00:25:38,210 >> Hebu kurudi visualization yetu. 433 00:25:38,210 --> 00:25:42,495 Sasa, visualization wetu anatarajia pembejeo kuwa idadi. 434 00:25:42,495 --> 00:25:44,370 Hivyo sisi ni kwenda kuwa na kufanya mabadiliko machache. 435 00:25:44,370 --> 00:25:47,180 436 00:25:47,180 --> 00:25:52,180 Hivyo kwa mfano, kwanza ya yote, labda tunataka kuweka duru hizi pamoja 437 00:25:52,180 --> 00:25:56,870 na urefu wa kichwa cha habari, idadi ya wahusika katika kichwa cha habari. 438 00:25:56,870 --> 00:26:03,600 >> Hivyo kile tutaweza kufanya is-- kila wakati wetu kazi inaitwa kwa kamba, 439 00:26:03,600 --> 00:26:09,095 tutaweza kupata ni urefu Na kisha kupita kwamba wadogo. 440 00:26:09,095 --> 00:26:11,550 Michezo, mimi itabidi kurudi kwamba kwa chuma bluu. 441 00:26:11,550 --> 00:26:19,060 442 00:26:19,060 --> 00:26:20,420 Na kuna sisi kwenda. 443 00:26:20,420 --> 00:26:23,190 Tuna visualization ya Crimson vichwa vya habari. 444 00:26:23,190 --> 00:26:25,500 >> Wadogo zetu ni kidogo mbali. 445 00:26:25,500 --> 00:26:29,680 Hebu kudhani kuwa ndefu kichwa cha habari ni wahusika 100 kwa muda mrefu, 446 00:26:29,680 --> 00:26:32,244 hivyo span kwamba nje kidogo. 447 00:26:32,244 --> 00:26:33,410 Na tuna visualization. 448 00:26:33,410 --> 00:26:36,710 Basi inaonekana kwamba vichwa vya habari zaidi ni pretty karibu pamoja, 449 00:26:36,710 --> 00:26:38,750 katika suala la line tabia. 450 00:26:38,750 --> 00:26:41,200 Lakini moja kweli kuna anasimama nje. 451 00:26:41,200 --> 00:26:46,660 >> Tunaweza kujenga baadhi ya zana kuchunguza kwamba zaidi. 452 00:26:46,660 --> 00:26:50,710 Lakini wakati mimi alikuwa akifanya kazi juu ya hili, nilikuwa curious kama, katika kuweka hii data, 453 00:26:50,710 --> 00:26:53,880 vichwa vya habari na koloni katika yao itakuwa tena. 454 00:26:53,880 --> 00:26:55,770 Mimi akubali walivyotaka. 455 00:26:55,770 --> 00:26:56,660 >> Basi hebu kujua. 456 00:26:56,660 --> 00:27:00,650 Hebu kutumia rangi channel kama tulivyofanya kabla, 457 00:27:00,650 --> 00:27:04,540 encode baadhi kuhusu kama kuna COLON au hakuna. 458 00:27:04,540 --> 00:27:07,220 Hivyo tutaweza kutumia masharti tena. 459 00:27:07,220 --> 00:27:09,350 Huna kujua maelezo ya hii, 460 00:27:09,350 --> 00:27:14,260 lakini hii ni jinsi sisi kuangalia kamba kwa ajili ya tabia fulani 461 00:27:14,260 --> 00:27:16,355 katika JavaScript, tena, si sahihi. 462 00:27:16,355 --> 00:27:18,910 463 00:27:18,910 --> 00:27:23,270 >> Lakini kama hatuwezi kupata koloni, tutaweza kurudi kijani. 464 00:27:23,270 --> 00:27:26,100 Na kama sisi kufanya, sisi itabidi kurudi nyekundu. 465 00:27:26,100 --> 00:27:29,010 Hivyo tena, inadhihirisha kwamba kuwa koloni itakuwa nyekundu. 466 00:27:29,010 --> 00:27:34,980 Hii ni nini hii means-- nice. 467 00:27:34,980 --> 00:27:38,040 >> Basi inaonekana kwamba yangu hypothesis ni bumped. 468 00:27:38,040 --> 00:27:39,360 Kuna mbili tu. 469 00:27:39,360 --> 00:27:42,380 Sisi tu kuwa na pointi sita data na mbili tu alikuwa colons. 470 00:27:42,380 --> 00:27:45,510 Lakini inaonekana kidogo zaidi juu ya mwisho chini, kwa kweli. 471 00:27:45,510 --> 00:27:47,830 Idadi ya habari na colons kuonekana kwa ujumla kuwa mfupi, 472 00:27:47,830 --> 00:27:52,370 angalau katika takwimu zetu set-- kuvutia. 473 00:27:52,370 --> 00:27:55,830 >> Hebu kurudi kwamba chuma bluu na kisha kuona 474 00:27:55,830 --> 00:28:00,601 nini tunaweza kufanya na hata data ya kuvutia zaidi. 475 00:28:00,601 --> 00:28:04,370 476 00:28:04,370 --> 00:28:09,070 Hivyo tena, Mimi alieleza kuwa data katika D3 ni orodha ya mambo. 477 00:28:09,070 --> 00:28:11,080 Tumeona idadi ya aina nyingi. 478 00:28:11,080 --> 00:28:12,810 Tumeona masharti. 479 00:28:12,810 --> 00:28:15,700 Lakini mambo inaweza pia kuwa vitu. 480 00:28:15,700 --> 00:28:20,080 >> Wanaweza kuwa mambo ngumu kuwa ni pamoja na mambo mengi. 481 00:28:20,080 --> 00:28:24,510 Kusema kwamba wazi zaidi, katika kesi nyingi, sisi 482 00:28:24,510 --> 00:28:28,384 wanataka kujenga kila hatua data kama ngumu zaidi kuliko thamani moja tu. 483 00:28:28,384 --> 00:28:30,175 Kama wewe d kufikiria database kuhusu wanafunzi, 484 00:28:30,175 --> 00:28:32,470 huenda kuna mwanafunzi jina, mwanafunzi ID, 485 00:28:32,470 --> 00:28:36,370 na mambo mengi yanayohusiana na rekodi fulani, 486 00:28:36,370 --> 00:28:39,834 si tu kamba au idadi. 487 00:28:39,834 --> 00:28:40,750 Hivyo hebu tuangalie hiyo. 488 00:28:40,750 --> 00:28:55,180 489 00:28:55,180 --> 00:28:56,760 >> Hii ni moja data kama kuweka. 490 00:28:56,760 --> 00:28:59,090 Hii ni data kuweka kuhusu matetemeko ya ardhi. 491 00:28:59,090 --> 00:29:01,910 492 00:29:01,910 --> 00:29:08,430 Kwa hiyo kila kitu hapa katika orodha yetu au safu ya mambo ina mambo mengi yenyewe. 493 00:29:08,430 --> 00:29:11,380 Hivyo kila hatua data ina ukubwa na kuratibu. 494 00:29:11,380 --> 00:29:13,425 Na kuratibu wenyewe vyenye mambo mawili. 495 00:29:13,425 --> 00:29:15,960 496 00:29:15,960 --> 00:29:20,450 >> Hivyo kila siku ni sasa mengi zaidi ngumu na mengi ya kuvutia zaidi 497 00:29:20,450 --> 00:29:22,700 na ina mengi zaidi kuvutia habari. 498 00:29:22,700 --> 00:29:26,730 Hebu angalia tunaweza kujenga nje ya hiyo. 499 00:29:26,730 --> 00:29:36,130 Kurudi nyuma hapa, tena, kwa kutumia histogram mduara wetu visualization 500 00:29:36,130 --> 00:29:42,110 tumekuwa kujengwa, hebu angalia kama tunaweza kujenga taswira ya usambazaji ukubwa 501 00:29:42,110 --> 00:29:43,305 katika kuweka wetu data. 502 00:29:43,305 --> 00:29:45,850 503 00:29:45,850 --> 00:29:48,660 >> Hivyo hapa, ni dhana hiyo. 504 00:29:48,660 --> 00:29:51,920 Lakini sasa, d ina mambo zaidi. 505 00:29:51,920 --> 00:29:54,780 d ina data nyingi vipengele. 506 00:29:54,780 --> 00:29:57,946 Hivyo sisi kupata d nyuma. 507 00:29:57,946 --> 00:29:59,670 D3 inatupa d. 508 00:29:59,670 --> 00:30:06,080 Na sisi kujibu kwa kutafuta ukubwa ya d na kisha kupita kwamba kwa wadogo. 509 00:30:06,080 --> 00:30:08,490 >> Na kisha sisi haja ya kubadili wadogo zetu, bila shaka. 510 00:30:08,490 --> 00:30:12,980 Hivyo magnitudes hawana kwenda mengi zaidi ya 10. 511 00:30:12,980 --> 00:30:15,485 Kwa kweli, kuna kamwe kuwa 10 ukubwa tetemeko. 512 00:30:15,485 --> 00:30:19,360 Lakini hiyo ni aina ya juu yetu mwisho, wigo wetu juu. 513 00:30:19,360 --> 00:30:20,240 >> Hebu mahitaji. 514 00:30:20,240 --> 00:30:22,990 Nice, tuna visualization. 515 00:30:22,990 --> 00:30:25,490 Ni jambo la kushangaza note-- hivyo kuna pointi mbili data kwamba 516 00:30:25,490 --> 00:30:29,010 ni karibu hasa juu ya kila mengine, katika suala la ukubwa. 517 00:30:29,010 --> 00:30:31,350 Unaweza kuona hii kwa opacity tunavyotumia. 518 00:30:31,350 --> 00:30:40,810 519 00:30:40,810 --> 00:30:42,690 >> Tuna data kijiografia sasa. 520 00:30:42,690 --> 00:30:44,710 Tuna latitudo na longitudo. 521 00:30:44,710 --> 00:30:47,549 Labda tunaweza kufanya kitu a mengi zaidi ya kuvutia na kwamba. 522 00:30:47,549 --> 00:30:49,590 Hebu kupata baadhi zaidi kuvutia njia ya taswira 523 00:30:49,590 --> 00:30:53,500 hii ngumu zaidi data sisi kupata. 524 00:30:53,500 --> 00:31:04,950 >> Sheria V, Mapping-- kimsingi, tunataka kuweka haya kwenye ramani. 525 00:31:04,950 --> 00:31:07,690 I mean, hii ni mahali ambapo hii ni kwenda. 526 00:31:07,690 --> 00:31:13,130 Tunataka encode habari kuhusu nafasi ya masomo haya tetemeko la ardhi, 527 00:31:13,130 --> 00:31:16,350 pamoja na ukubwa wao, kwa sababu tuna kwamba sasa. 528 00:31:16,350 --> 00:31:21,310 Sisi kuelewa jinsi kuwaondoa data ngumu zaidi. 529 00:31:21,310 --> 00:31:26,200 >> Jambo la kwanza tutaweza kufanya ni kujenga ramani, ramani background. 530 00:31:26,200 --> 00:31:29,360 Mimi nina kwenda kwa njia ya hii kwa haraka sana. 531 00:31:29,360 --> 00:31:30,560 Hii ni suala gumu code. 532 00:31:30,560 --> 00:31:33,110 Ni mwingine mmoja wa wale maelekezo wewe si kweli 533 00:31:33,110 --> 00:31:35,690 kuelewa kikamilifu kwa ajili ya wewe kutumia. 534 00:31:35,690 --> 00:31:38,510 535 00:31:38,510 --> 00:31:39,740 Lakini hii ni code. 536 00:31:39,740 --> 00:31:43,580 Kanuni hii hapa hapa inajenga ramani. 537 00:31:43,580 --> 00:31:45,730 >> Sisi siyo kwenda kwa undani zaidi. 538 00:31:45,730 --> 00:31:54,210 Lakini hivi hivi, kile yake ni, ni maswali faili hii us.json, ambayo 539 00:31:54,210 --> 00:31:57,150 ni data faili kama moja tulikuwa kabla. 540 00:31:57,150 --> 00:31:59,150 Ni ngumu zaidi, bila shaka. 541 00:31:59,150 --> 00:32:02,920 Lakini katika kesi hii, kila kitu, kila hatua data ni hali hii 542 00:32:02,920 --> 00:32:05,420 na ina orodha ya latitudo na longitudo 543 00:32:05,420 --> 00:32:10,500 kwamba kufafanua poligoni, kwamba fomu, hali hiyo. 544 00:32:10,500 --> 00:32:13,280 >> Hivyo kile D3 kufanya ni sawa kwa nini tulifanya kabla. 545 00:32:13,280 --> 00:32:18,140 Ni ombi hilo na nguvuni kwa kipengele. 546 00:32:18,140 --> 00:32:20,890 Na kuna kazi ambayo itakuwa ramani kwamba kipengele nje, 547 00:32:20,890 --> 00:32:23,410 kulingana na latitudo na longitudo. 548 00:32:23,410 --> 00:32:24,580 Unaweza kusoma zaidi juu ya hilo. 549 00:32:24,580 --> 00:32:27,385 Na mimi kupendekeza hivyo. 550 00:32:27,385 --> 00:32:30,090 >> Kuna viungo katika mwisho wa kanuni hii posted. 551 00:32:30,090 --> 00:32:31,570 Na kanuni ya maoni. 552 00:32:31,570 --> 00:32:34,050 Katika kuna viungo kwa zaidi juu ya hili. 553 00:32:34,050 --> 00:32:36,590 Mimi kupendekeza kuangalia ni up. 554 00:32:36,590 --> 00:32:39,460 Lakini nini sisi huduma ya juu ni hii kazi makadirio. 555 00:32:39,460 --> 00:32:41,210 Nataka kwenda kwa njia ya kwamba. 556 00:32:41,210 --> 00:32:43,522 >> Awali ya yote, napenda kuonyesha kwamba, ndiyo, tuna ramani. 557 00:32:43,522 --> 00:32:47,300 558 00:32:47,300 --> 00:32:49,970 Ramani ni cool. 559 00:32:49,970 --> 00:32:52,330 Hivyo hebu tuangalie hii uzalishaji kazi. 560 00:32:52,330 --> 00:32:56,481 >> Makadirio ni mengi sana kama wadogo, mizani tena. 561 00:32:56,481 --> 00:32:59,210 Hivyo kile kwa ajili ya uzalishaji hii kazi makadirio 562 00:32:59,210 --> 00:33:06,610 haina ni, tunaweza kupita longitude na latitudes-- katika kesi hii, 563 00:33:06,610 --> 00:33:09,590 maadili haya hapa ni lat-anatamani wa jengo 564 00:33:09,590 --> 00:33:13,990 sisi ni kukaa katika haki now-- kwa makadirio. 565 00:33:13,990 --> 00:33:20,560 Na makadirio kubadilisha kwamba katika x na y pixel maadili. 566 00:33:20,560 --> 00:33:23,300 >> Hivyo kile makadirio ni kufanya ni sawa na wadogo zetu. 567 00:33:23,300 --> 00:33:27,270 Ni kuchukua latitudo yetu na longitude kwamba inawakilisha dunia nzima 568 00:33:27,270 --> 00:33:31,390 na kushuka na sizing kwamba chini ya mraba kwamba tunataka, 569 00:33:31,390 --> 00:33:33,510 kwamba tumekuwa aliyopewa yake. 570 00:33:33,510 --> 00:33:35,220 Katika kesi hiyo, tuko kupita maadili haya. 571 00:33:35,220 --> 00:33:41,370 Na ni anatupa, vizuri, kwamba juu ya screen yako maana 640 saizi. 572 00:33:41,370 --> 00:33:46,250 Screen hii yote ni 700 saizi mbalimbali, hivyo kwamba inafanya sisi kuhusu hapa, 573 00:33:46,250 --> 00:33:53,310 na 154 saizi chini, ambayo napenda makisio ni pretty much hapa. 574 00:33:53,310 --> 00:33:57,250 >> Hivyo kuchukua wale lat-anatamani, ambayo kuwakilisha kitu juu ya dunia nzima 575 00:33:57,250 --> 00:34:02,850 na squishing na kusonga kwamba karibu kutupatia x na y pixel maadili, 576 00:34:02,850 --> 00:34:05,450 hili ni jambo la kwanza kwamba kufanyika katika kanuni hii ramani. 577 00:34:05,450 --> 00:34:07,920 Na kisha wengine wa code hutumia data 578 00:34:07,920 --> 00:34:14,310 na kisha ramani wale lat-anatamani kwenye kitu juu ya screen yako. 579 00:34:14,310 --> 00:34:18,380 >> Lakini sisi ni kwenda kutumia makadirio hii kazi, kwa sababu ni zamu nje 580 00:34:18,380 --> 00:34:20,270 tuna lat-anatamani anatamani pia. 581 00:34:20,270 --> 00:34:24,509 Kuangalia nyuma katika data zetu, tuna latitudo na longitudo 582 00:34:24,509 --> 00:34:25,425 kwa kila uchunguzi. 583 00:34:25,425 --> 00:34:28,131 584 00:34:28,131 --> 00:34:29,130 Basi hebu kutumia makadirio. 585 00:34:29,130 --> 00:34:33,250 586 00:34:33,250 --> 00:34:37,639 >> Hivyo kuangalia ufafanuzi wetu, tunataka exposition-- wetu 587 00:34:37,639 --> 00:34:39,590 tuna latitude na longitude. 588 00:34:39,590 --> 00:34:40,770 Lakini tunataka pixel maadili. 589 00:34:40,770 --> 00:34:43,510 Na zinageuka, tuna hasa nini sisi want-- makadirio. 590 00:34:43,510 --> 00:34:46,239 Sana kama tulikuwa kutumia wadogo haki hapa, 591 00:34:46,239 --> 00:34:52,075 tuko sasa kwenda kutumia makadirio na kuupitisha kuratibu. 592 00:34:52,075 --> 00:34:55,241 593 00:34:55,241 --> 00:34:56,949 Hivyo jambo la kwanza tuko doing-- hivyo sisi ni 594 00:34:56,949 --> 00:35:01,520 kupata d, ambayo ni data binafsi kipengele cha tetemeko binafsi 595 00:35:01,520 --> 00:35:02,370 kusoma. 596 00:35:02,370 --> 00:35:04,640 Jambo la kwanza sisi kufanya ni kupata kuratibu. 597 00:35:04,640 --> 00:35:06,150 Haki wote, tuna kuratibu. 598 00:35:06,150 --> 00:35:09,160 >> Jambo la pili sisi kufanya ni kupita kwamba juu ya makadirio. 599 00:35:09,160 --> 00:35:13,440 Makadirio waongofu wale kuratibu ndani ya pixel maadili, x na y. 600 00:35:13,440 --> 00:35:16,680 Na kisha jambo la mwisho sisi wanataka kufanya ni kupata tu x, 601 00:35:16,680 --> 00:35:19,342 kesi ambayo hii ni moja ya kwanza. 602 00:35:19,342 --> 00:35:22,050 Ni mara ya kwanza ya mambo mawili kwamba ni kurejea na makadirio. 603 00:35:22,050 --> 00:35:27,840 604 00:35:27,840 --> 00:35:29,630 >> Tutaweza kufanya hivyo kwa ajili y. 605 00:35:29,630 --> 00:35:34,960 Lakini badala yake, tutaweza kurudi Sehemu ya pili, y. 606 00:35:34,960 --> 00:35:35,980 Kupata tayari kwa ajili ya kujikumbusha. 607 00:35:35,980 --> 00:35:39,830 608 00:35:39,830 --> 00:35:46,450 Ooh, tabia ya ziada here-- nzuri, tuna 609 00:35:46,450 --> 00:35:51,730 data inayotokana hati hiyo ni kuficha faili hili JSON ya vitu, 610 00:35:51,730 --> 00:35:57,560 kutengeneza ramani, na mabadiliko ya sifa kuhusiana na data 611 00:35:57,560 --> 00:35:59,600 mradi kwenye ramani. 612 00:35:59,600 --> 00:36:00,840 Hii ni kweli ya kuvutia. 613 00:36:00,840 --> 00:36:03,770 Hii ni baridi. 614 00:36:03,770 --> 00:36:05,640 >> Hebu kuchukua it up notch. 615 00:36:05,640 --> 00:36:08,795 I mean, tuna vipande viwili vya habari na kila hatua data. 616 00:36:08,795 --> 00:36:10,000 I mean, watu watatu. 617 00:36:10,000 --> 00:36:12,540 Tuna kuratibu, ambayo ni x na y. 618 00:36:12,540 --> 00:36:15,700 Na tuna ukuu. 619 00:36:15,700 --> 00:36:17,420 >> Tunahitaji encode ukubwa fulani. 620 00:36:17,420 --> 00:36:18,920 Tuna mengi ya njia. 621 00:36:18,920 --> 00:36:20,370 Tunaweza kutumia rangi. 622 00:36:20,370 --> 00:36:21,890 Tunaweza kutumia radius. 623 00:36:21,890 --> 00:36:23,040 Tunaweza kutumia opacity. 624 00:36:23,040 --> 00:36:25,540 Tunaweza kutumia mambo mengi katika kanuni. 625 00:36:25,540 --> 00:36:29,180 Yoyote ya sifa hizi na wengi zaidi kwamba si waliotajwa hapo, 626 00:36:29,180 --> 00:36:33,065 kwa sababu wao ni hiari, tunaweza kutumia encode data hii, kiharusi 627 00:36:33,065 --> 00:36:35,670 na hayo yote nimekuwa zilizotajwa. 628 00:36:35,670 --> 00:36:36,690 >> Hebu kufanya radius. 629 00:36:36,690 --> 00:36:38,830 Nadhani radius ni Intuitive zaidi. 630 00:36:38,830 --> 00:36:46,210 Hivyo tena, tutaweza kuchukua nafasi ya kuwa ngumu-coded 40 na kufanya baadhi ya mahesabu. 631 00:36:46,210 --> 00:36:48,810 Tutaweza kutumia favorite wadogo zetu tena. 632 00:36:48,810 --> 00:36:50,290 Na sisi ni nyuma d. 633 00:36:50,290 --> 00:36:55,850 Lakini si d kwa sababu tunataka ukubwa ya d. d ni tu uhakika data. 634 00:36:55,850 --> 00:36:57,430 Sisi itabidi kupita ukubwa kwa wadogo. 635 00:36:57,430 --> 00:36:58,470 >> Hebu jaribu tena. 636 00:36:58,470 --> 00:37:00,230 Ooh, haifanyi kazi. 637 00:37:00,230 --> 00:37:02,940 Kwa nini ni si kazi? 638 00:37:02,940 --> 00:37:04,387 >> Hivyo kumbuka kile kiwango gani. 639 00:37:04,387 --> 00:37:05,470 Hebu tuangalie wadogo tena. 640 00:37:05,470 --> 00:37:10,800 Ramani Scale 1-10 juu ya kwa 22-600, zaidi au chini. 641 00:37:10,800 --> 00:37:12,030 600 ni kubwa. 642 00:37:12,030 --> 00:37:14,730 Hii ni kwa nini sisi ni kupata hii. 643 00:37:14,730 --> 00:37:18,420 >> Hivyo tunataka kubadilisha wadogo zetu na kitu zaidi ya kuridhisha. 644 00:37:18,420 --> 00:37:22,610 Hebu kusema, tunataka 0-60. 645 00:37:22,610 --> 00:37:25,340 60 ni kubwa, lakini 10 matetemeko ni incredibly nadra. 646 00:37:25,340 --> 00:37:27,880 Kwa kweli, wameweza kamwe kilichotokea. 647 00:37:27,880 --> 00:37:31,830 >> Hivyo kile hii kufanya ni, itabidi kuchukua ukubwa yetu kwamba huenda 1-10 648 00:37:31,830 --> 00:37:34,490 na ramani kwenye kupanua nje. 649 00:37:34,490 --> 00:37:37,370 Na ramani ni juu ya kwa 0 60. 650 00:37:37,370 --> 00:37:38,840 Hebu mahitaji. 651 00:37:38,840 --> 00:37:41,850 >> Nice, tuna visualization. 652 00:37:41,850 --> 00:37:42,500 Hii ni kubwa. 653 00:37:42,500 --> 00:37:43,736 Hii ni data halisi. 654 00:37:43,736 --> 00:37:46,360 Utagundua, katika toy mdogo wangu mfano, kubwa tetemeko 655 00:37:46,360 --> 00:37:49,417 ni haki juu yetu. 656 00:37:49,417 --> 00:37:50,000 Lakini hiyo ni yake. 657 00:37:50,000 --> 00:37:54,422 Tuna tarehe inaendeshwa visualization kwamba hutumia data 658 00:37:54,422 --> 00:37:56,255 na inatupa kweli kuvutia habari. 659 00:37:56,255 --> 00:38:02,600 660 00:38:02,600 --> 00:38:06,420 Yeah, hebu kuongeza baadhi interactivity yake. 661 00:38:06,420 --> 00:38:08,675 Mimi alieleza kuwa alikuwa nguvu kubwa ya D3. 662 00:38:08,675 --> 00:38:11,490 663 00:38:11,490 --> 00:38:15,060 >> Hivyo hapa, kwa kila kipengele, tuko kuelezea kundi la sifa. 664 00:38:15,060 --> 00:38:20,230 Lakini tunaweza pia kuelezea nini tunataka kutokea na mambo interactivity. 665 00:38:20,230 --> 00:38:26,190 Kwa mfano, tunaweza kuelezea kile kinachotokea wakati sisi panya juu. 666 00:38:26,190 --> 00:38:28,740 667 00:38:28,740 --> 00:38:33,640 Na kama sana kwamba, kwamba itabidi kuchukua kazi, 668 00:38:33,640 --> 00:38:36,700 sawa na sifa tulikuwa kabla, 669 00:38:36,700 --> 00:38:44,650 ambapo sisi kufanya kitu kwa kipengele wakati sisi hover juu yake. 670 00:38:44,650 --> 00:38:47,100 >> Kwa hivyo jambo la kwanza tunahitaji kufanya ni kuchagua kwamba kipengele, 671 00:38:47,100 --> 00:38:49,435 kupata hiyo kimsingi, katika browser. 672 00:38:49,435 --> 00:38:57,090 673 00:38:57,090 --> 00:39:00,920 na kisha sisi inaweza kuweka sifa yake. 674 00:39:00,920 --> 00:39:06,870 Hivyo nini mimi kufanya hapa ni, wakati sisi hover juu ya jambo fulani, tutaweza kupata kwamba kipengele 675 00:39:06,870 --> 00:39:11,197 na kisha kuweka opacity yake ya nyuma 1, kwa opaque kabisa. 676 00:39:11,197 --> 00:39:12,488 Hebu kuona nini kwamba inaonekana kama. 677 00:39:12,488 --> 00:39:29,430 678 00:39:29,430 --> 00:39:39,080 >> Inaonekana tuna semicolon ziada hapa. 679 00:39:39,080 --> 00:39:42,420 Hivyo kama sisi hover juu hapa, anapata full. 680 00:39:42,420 --> 00:39:46,530 681 00:39:46,530 --> 00:39:48,960 Lakini sasa, bila shaka, ni anakaa kamili, kwa sababu sisi 682 00:39:48,960 --> 00:39:53,240 na kueleza kile kinachotokea wakati kuondoa mshale yetu. 683 00:39:53,240 --> 00:39:59,990 Basi hebu kufanya hasa kwamba juu ya mouseout, kinyume na mouseover. 684 00:39:59,990 --> 00:40:06,399 >> Na tutaweza upya kwa nini tulikuwa before-- 0.5. 685 00:40:06,399 --> 00:40:10,260 Na sasa, kila wakati sisi hover, sisi kupata mzunguko kamili. 686 00:40:10,260 --> 00:40:13,468 Inatusaidia kuona nini sisi tuko kuchagua kimsingi. 687 00:40:13,468 --> 00:40:19,210 688 00:40:19,210 --> 00:40:22,860 >> Na sasa hebu kufanya hili kubwa kweli kweli. 689 00:40:22,860 --> 00:40:26,210 Hebu kuunganisha hii data halisi. 690 00:40:26,210 --> 00:40:30,890 Basi hebu kuuliza inaweza USGS kuhusu data zao. 691 00:40:30,890 --> 00:40:35,630 Hivyo Marekani Geological Survey ina data kuhusu matetemeko ya ardhi. 692 00:40:35,630 --> 00:40:41,460 Wana API umma ambayo ina uwezo kuliwa katika JSON format. 693 00:40:41,460 --> 00:40:42,548 Basi hebu kufanya hivyo. 694 00:40:42,548 --> 00:40:49,730 695 00:40:49,730 --> 00:40:55,900 >> Hivyo hii ni kidogo ya kificho kwamba unajumuisha na USGS API. 696 00:40:55,900 --> 00:40:57,990 Na kuna kidogo ya usindikaji juu yake. 697 00:40:57,990 --> 00:41:02,200 Hii si muhimu lakini simplifies ni kwa data format rahisi kama moja 698 00:41:02,200 --> 00:41:03,800 sisi alikuwa mbele. 699 00:41:03,800 --> 00:41:08,140 Hivyo, mimi kujikwamua mwito wetu data.json wetu bandia kwenye faili. 700 00:41:08,140 --> 00:41:13,110 Na badala yake, mimi nina wito USGS kimsingi. 701 00:41:13,110 --> 00:41:16,700 >> Hebu mahitaji, nice. 702 00:41:16,700 --> 00:41:21,260 Hii ni halisi, halisi ya maisha data kutoka wiki hii kwa ajili ya matetemeko ya ardhi. 703 00:41:21,260 --> 00:41:23,217 Hii ni kweli ya kuvutia. 704 00:41:23,217 --> 00:41:25,050 Hii si ajabu kwa ajili yetu, lakini kuna 705 00:41:25,050 --> 00:41:27,909 mengi ya matetemeko ya West Coast katika California. 706 00:41:27,909 --> 00:41:30,950 Lakini nilifikiri ilikuwa ni ya kuvutia sana kuwa kulikuwa na matetemeko mengi 707 00:41:30,950 --> 00:41:34,350 katika Alaska, na inaonekana, hapa katika Midwest. 708 00:41:34,350 --> 00:41:37,630 I mean, ya kuvutia, na sisi ni nzuri. 709 00:41:37,630 --> 00:41:40,410 Hiyo ni hitimisho. 710 00:41:40,410 --> 00:41:43,760 >> Lakini kimsingi, hii ni nini D3 inatusaidia kufanya. 711 00:41:43,760 --> 00:41:48,030 Inatusaidia kuchukua data, kumfunga kwa vipengele katika DOM, 712 00:41:48,030 --> 00:41:51,620 na kuwa na mambo hayo mabadiliko kama kazi ya data, 713 00:41:51,620 --> 00:41:54,780 kuwa wale sifa, kila sifa wengi wa mambo, 714 00:41:54,780 --> 00:41:57,393 wote kuwa na manufaa kwa njia kufikisha habari. 715 00:41:57,393 --> 00:42:05,440 716 00:42:05,440 --> 00:42:09,290 >> D3 ni nguvu incredibly maktaba na pia kushangaza kukimbia. 717 00:42:09,290 --> 00:42:12,260 Hii ni baadhi ya mambo ya nguvu. 718 00:42:12,260 --> 00:42:15,960 Takwimu visualization ni incredibly chombo nguvu 719 00:42:15,960 --> 00:42:21,530 kwa kuwasilisha kwa watu kina ufahamu kwamba anapata msingi yao 720 00:42:21,530 --> 00:42:25,430 na husaidia waelewe, katika njia hii ya kushangaza na Intuitive, 721 00:42:25,430 --> 00:42:29,760 jinsi data linafanya kazi na jinsi data mabadiliko ya maisha yetu. 722 00:42:29,760 --> 00:42:31,019