[Daqq ta mużika] 

DAVID CHOUINARD: Ninsab David Chouinard, u dan huwa D3. Merħba. Aħna qed tmur biex jitgħallmu dwar D3 llum. D3 huwa qafas JavaScript għall-bini ta 'kwalità għolja viżwalizazzjonijiet interattivi għall-web. Affarijiet simili dak li aħna qed jaraw fid-dahar ta 'lili, aħna qed tmur biex jitgħallmu jagħmlu dawk affarijiet, tip ta 'l-baŜi ta' dan. Iżda li għaddej biex ikunu friski. Ejja tibda jagħmlu pretty stampi. Imxejna ltqajna aktar demos ta 'prospetti disponibbli. Ejja nagħmlu dan. 

Att I, DOM manipulation-- aħna qed tmur biex tibda dritt bogħod tagħmel affarijiet jibred. L-ewwelnett, fuq ix-xellug, għandna kodiċi. Dwar id-dritt, għandna ir-riżultat tal-kodiċi tagħna. Ejja jgħaddu minnha. 

Ejja jagħmlu ċirku. Kif ma li ħoss? svg.append circle-- aħna biss għamlet ċirku. Inti ma nemminx me, right? Mhuwiex hemmhekk. 

Allura dak li għamilna dritt hawn jiġifieri, SVG huwa vector graphics li jistgħu jegħlbuhom magħhom. Dan huwa l-mod aħna tgħid il-browser li jagħmlu vector graphics fil-browser. Dak li aħna biss għamlet id-dritt issa huwa miżjud ċirku jibbrawżjaw. 

Il-wegħda hi li ċ-ċirku teħtieġ daqsxejn ta 'attributi bażiċi qabel ma nistgħu attwalment jarawha. Għandna bżonn li tgħid li l-pożizzjoni x taghha, pożizzjoni y tagħha, raġġ tagħha. Aħna ma tgħid xi li, hekk aħna mhux qed tara dan id-dritt issa. Imma ejja għid Jittieħed. 

Allura l-ewwel nett, inti ħadthom ltqajna biex jagħtu ċirku tagħna isem. Mela ejja sejħa hija ċirku. Ċirku tagħna għandha l-isem issa. U ejja tagħtiha attributi ftit. Kif dwar CX għandhom jirrelataw x, hekk iċ-ċentru tal-pożizzjoni x. Ejja ngħidu, 200 għal 200 pixels. 

Ejja tagħtiha y ta '200 pixels kif ukoll. U R, radius, ta 'madwar 40 pixels. Issa ejja ara. I ma tistax jespliċitaw. 

Hemm inti tmur. Għandna ċirku fil-pożizzjoni 200 pixels, 200 pixels, raġġ ta '40 pixels. Tip ta 'kessaħ, id-dritt? Għandna ċirku. Yeah. 

Allura l-ebda ħtieġa biex isegwu flimkien. Kollha dawn l-eżempji, kollha ta ' il-kodiċi li qed nagħmel illum Se jiġi pprovdut online fl-aħħar fil-forma ta 'eżempji interattivi ma punti ta 'kontroll fil kull att, u l-bqija. 

Ejja nagħmlu aktar Jittieħed. Dan iċ-ċirku iswed huwa verament ikrah. Jien sorry għal dak l-iżball Messaġġi hemm dritt. Hemm immorru. 

Ejja tagħtiha kulur. Kif jgħid li? I simili għall-azzar blu. Ukoll, ċirku tagħna color nbidlu. Li l-kbir. Ejjew nagħmluha semi-trasparenti too-- semi-trasparenti. 

Allura dawn huma attributi aħna qed tiddefinixxi fuq il-ċirku. L-ewwel ħaġa li għamilna huwa nitfgħu ċirku fuq il-paġna. U allura aħna qed tiddefinixxi mazz ta 'attributi. Uħud minn dawn huma meħtieġa, bħall CX, CY, u Radius. U oħrajn huma fakultattivi. 

Hemm ħafna aktar attributi. Hemm ħafna minnhom. Per eżempju, jista 'jkollna puplesija kif ukoll, puplesija ta 'aħmar. Imma ejja tneħħi dik. Aħna lura għal ċirku, ċirku blu. 

Mela ejja tagħmel aktar ċrieki. Kif jgħid li? Ejja jagħmlu ċirku ieħor. Dan huwa eċċitanti, id-dritt? 

Allura ngħid I biss Kopja-pasted dak li kellna diġà. Ejja sejħa hija circle2. U ejja jagħmlu l-eżatt istess ħaġa u tagħtih attributi, mogħtija l-pożizzjoni x ta '300. Yay, għandna żewġ ċrieki issa. 

U ovvjament, nistgħu taġġorna dawn il-valuri. I tista 'tpoġġi dan fil 400, u issa li jiċċaqlaq. U peress li huwa annoying, ejja tneħħi dan, so circle2.remove. Huwa marret issa. 

Allura dak li aħna qed tagħmel u huwa biss ħafna, very-- dan hija simili ħafna għal dak li inti tista 'tagħmel fil-jQuery, per eżempju. Aħna biss manipulazzjoni l-DOM, huwa msejjaħ. Inti tista smajt din il-kelma qabel. Aħna qed joħolqu Jittieħed, it-twaqqif attributi fuq Jittieħed, it-tneħħija Jittieħed. 

Issa, hawn fejn jiġrilha interessanti. Allura aktar tard fil-kodiċi, nistgħu xorta jirreferu għall-ċirku oriġinali here. Mela ejja reset attribut tagħha għall CX. Ejja ngħidu, x-pożizzjoni tagħha sa 400. U jien ser transizzjoni li, hekk huwa ovvju. Hemm immorru. 

Allura aħna miżjud ċirku. Aħna stabbiliti xi attributi. Aħna miżjud ċirku ieħor, jitneħħa dan. U allura aħna qed jimmodifikaw l-ċirku oriġinali. 

Imma hawn fejn jiġrilha ħafna aktar interessanti. Mhux biss nistgħu jistabbilixxu attributi kif eżatt valuri, nistgħu ngħidu, ħej, ċirku, mur għall-pożizzjoni 200. Nistgħu wkoll jistabbilixxu lilhom bħala funzjonijiet. 

Allura minflok li jagħtiha 400 hawn, nistgħu nagħmlu xi kalkolazzjoni fuq il-fly għal dak li aħna tixtieq li attribut li tkun. Allura dan huwa kif youd jesprimu dak. Aħna ngħidu, minflok 400, let me jtik funzjoni minflok. U hawn, ġewwa din il-funzjoni, nistgħu nagħmlu kull kalkolu crazy. 

Aħna jista 'jieħu l-ħin u l- nħarsu lejn uħud ħaġa oħra u dinamikament jiddeċiedu għalihom l-ċirku liema valur rridu. Kif dwar aħna biss jagħtu dan pożizzjoni x każwali? Allura li li. 

Allura dak li tgħid hi, għal kull x, run din il-funzjoni. U dak li aħna qed tagħmel huwa kalkolu xi affarijiet, xi drabi bl-addoċċ il-wisa u r-ritorn dak. Hekk kull darba we run li, irridu jiksbu ċirku li tmur għal post każwali. Huwa tip ta 'kessaħ. Inħoss bħal I tista 'tħares fi dan għal ftit. Aħna qed jibdew biex jiksbu xi ħaġa interessanti hawn. Ejja jagħmlu din id-data misjuqa issa. M'hemm l-ebda data hawn. Ejja bidla li. 

Documents-- Att II, Data Immexxija Mela ejja jirritornaw għall here. U ejja biss jeħles circle2, għaliex aħna qed biss żieda-tneħħija u dan. Allura aħna ma verament bżonnu. Għandna bżonn li jkun hemm ħafna aktar għaqlija hawn. Ejja ngħidu, aħna għandna xi data ta 'xi tip. One moment-- ejja ngħidu, kellna data ta 'din il-formola. Kellna firxa, just mazz ta 'numri. Aħna għandna seba numri hawnhekk, x'ikun dawn jammontaw represent-- fil-kont bankarju tal-poplu, kif kemm huma iżen, alla jaf x'inhu. 

Dawn huma n-numri, u aħna jridu jużaw ċrieki tagħna biex jirrappreżentaw dawn in-numri b'xi. Aħna rridu li tie tagħna ċrieki lil dawn in-numri. Allura dak li nagħmlu. Ejja ngħidu, irridu ċirku għal kull numru. Stajna nagħmlu l-qodma Ħaġa konna doing-- tehmeż ċirku u circle2 u circle3. Iżda dan gets mill-naħa, u hemm ħafna ta 'tirrepeti loġika. 

Mela ejja nikseb aktar għaqlija ma 'dak. Minflok tuża l-ċirku var svg.append li konna biss bl-użu, aħna qed tmur biex tuża F'din il-kaxxa ftit hawn. Ma rridx li jmorru fil-fond lejn dak li dawn il-partijiet kollha jagħmlu. U huwa tip ta 'suġġett avvanzat. And Nixtieq I jistgħu. 

Imma l-ħaġa importanti li recognize-- u tkun taf tara huwa ħafna drabi fil-kodiċi D3. Dan il-blokk ta 'test bażiku toħloq kemm tista 'ċrieki kif hemm elementi ta 'data f'dan array dritt hawn. Allura dan joħloq kif ħafna ċrieki bħal hemm elementi. Huwa ser joħolqu lilna seba ċrieki. U ma xi ħaġa tassew, tassew essenzjali. Mela ejja jimxu dik. Ejja neħħi ċirku oħra tagħna. Ejja biss jikkummentaw dan parti out u run dan jerġa. 

Hemm immorru. Allura ċirku tagħna hawnhekk hija jiskuraw ħafna, għaliex aħna jkollhom seba ċrieki, wieħed fuq quċċata ta 'l-oħra. Aħna biss maħluqa seba ċrieki, wieħed kull wieħed għal kull wieħed minn dawn l-elementi tad-dejta. Iżda hemm xi ħaġa importanti li ġara ma 'dan snippet dritt hawn. 

Huwa dak id-data kien marbut. Allura kull wieħed ta ' dawk l-elementi ta 'data, 10, 45, 105, kien illegat għal ċirku partikolari. Allura dawn mhux biss maħluqa mazz ta 'ċrieki imma rabtiet dawn iż-żewġ affarijiet flimkien. 

U fil-futur, għaliex ħloqna dawk iċ-ċrieki ma 'din il-funzjoni D3, jekk I jagħtuk ċirku, inti tista tagħti me-data assoċjati magħha. Allura nistgħu jistaqsu D3. Ħej, D3, għandi dan iċ-ċirku. X'hemm-data li ċ-ċirku għandu? U D3 se jgħidulna 10 jew 45 jew 105. 

Dawn l-affarijiet huma marbuta. Li l-kunċett stess, fundamentali ħafna. Ejja nħarsu lejn dak. 

Allura l-mod kif aħna'd jistaqsu D3-- hekk dan huwa irrilevanti għal dan, iżda biss trust me fuq dan. Dan huwa kif aħna nistaqsu D3. Ħej, D3, agħti lili l-ewwel ċirku li inti tista 'ssib. Agħti me-ewwel ċirku tista 'ssib. U allura nistgħu jistaqsu D3, x'hemm id-data fuq dik, bħal dan, 10. 

Allura aħna staqsi D3, issib lili l-ewwel ċirku tista 'ssib. X'hemm data tagħha? 10, li huwa tabilħaqq tagħna ewwel element tad-data. Nistgħu jitlobha, ħej, D3, issibna tielet ċirku tagħna. 105. Għaliex dan huwa verament importanti? 

Allura dritt hawn, semmejt li nistgħu jużaw funzjonijiet. U jien semma li kien ħaġa qawwija ħafna. Allura mhux biss tista funzjonijiet tagħna tagħmel affarijiet bħal jagħmlu xi komputazzjoni, per eżempju, ritorn numru bl-addoċċ, hija tista ' wkoll tagħmel affarijiet ibbażati fuq id-data. Dan huwa dak tad-dejta misjuqa dokumenti jfisser. Dak hu D3 stands. 

Allura dan x postition-- minflok ta 'ftit qal, l-ċrieki, nikseb x-pożizzjoni 200, we jista 'jagħti dan funzjoni. U hawn, nistgħu nagħmlu xi kalkolu. u d hawn stands fil-post għad-data. Allura kull darba aħna għandna ċirku, bażikament, D3 se toħloq f'dawn is-seba ċrieki. U mbagħad għal kull 

ċirku, li għaddej biex imorru, ħej, circle1 x'hemm pożizzjoni x tiegħek. Preċedentement, konna dejjem tweġib 200. Imma issa, kull darba D3 jitlob us x'hemm pożizzjoni x tiegħek, li għaddej biex jagħtu us-- għandna dan iċ-ċirku, hekk aħna jkollhom l-informazzjoni. Huwa ser tagħtina l-informazzjoni u jgħidu, dak li tridu l-espożizzjoni li jkun, ibbażata fuq dik id-data. 

Ejja biss jirritorna d-data attwali. Allura jekk aħna run dan, dan jagħti data us misjuqa dokumenti. Dawn ċrieki huma bbażati fir-rigward ta position-- dawn qed bażijiet bħala funzjoni tad-data. 

Allura għall-ewwel ċirku, D3 tpoġġi ċirku. U mbagħad D3 tistaqsi lilna, dak li nagħmlu trid li l-espożizzjoni li jkun. U aħna biss jgħidu, ikun x'ikun id-data hija. Jagħmlu l-espożizzjoni 10. 

Imbagħad hija tistaqsi, dak li tridu l- espożizzjoni li jkun għat-tieni ċirku. U aħna risposta, 45. U aħna, naturalment, jista tagħmel xi komputazzjoni hawn. I isibu li dawk iċ-ċrieki huma tip ta 'squished up. 

Allura immoltiplika lilha mill 3, immoltiplika data bi 3. Ċirku tagħna biss ltqajna estiża out. Valur tagħna kien ttriplikat. 

Il-ċirku huwa verament fuq it-tarf, hekk ejja forsi tip ta 'offset dan. Ejja ngħidu, b'20. Hawnhekk inti tmur. 

Din hija data viżwalizzazzjoni. Huwa wieħed bażika ħafna, iżda dan tagħtina xi ħarsa lejn data tagħna. Hija tgħidilna li, per eżempju, aħna jkollhom cluster ftit ta 'elementi. U aħna għandna outlier kbira hawn. Din tagħtina xi informazzjoni dwar id-distribuzzjoni. 

Jekk konna, per eżempju, għall-bidla id-data sa 150 hawn u jġedded, viżwalizzazzjoni tagħna tinbidel. Dan id-dokument hija data misjuqa. 

Allura naturalment, dawn l-elementi kollha, dawn l-attributi kollha hawn, nistgħu nużaw funzjoni, mhux biss il-numri, mhux biss lx u l-pożizzjonijiet y. Allura nistgħu nużaw funzjoni għall-kulur. Allura aħna ser nagħmlu l-istess. Aħna ser tagħtiha funzjoni. 

U ejja ngħidu, jista 'jkollna conditionals fil-funzjoni tagħna. Din il-funzjoni tista 'tkun mijiet ta 'linji twal. Hija tista 'tagħmel affarijiet ħafna, kkumplikata ħafna. 

Mela ejja tpoġġi jekk stqarrija hawn. Ejja ngħidu, jekk data tagħna huwa inqas minn 50, li wħud limitu li aħna qed interessati fl għal xi raġuni. Ejjew nagħmluha aħdar. Inkella, ejja jagħmilha aħmar. Kif jgħid li? Nizza. 

Allura viżwalizzazzjoni data tagħna qed tibda li jwasslu informazzjoni aktar interessanti fuq kanali ħafna. Allura issa nafu ftit dwar id-distribuzzjoni. U aħna nafu li hemm xi tip ta ' cut off fi 50 li aħna qed interessati. Nafu li hemm żewġ punti ta 'dejta hawn taħt dak il-limitu u ħafna minnhom hawn fuq. 

Allura bħala pass finali, din id-data hawn, huwa rari ħafna li tara dan bħal dik. Mela ejja biss jiċċaqalqu out għal varjabbli minħabba li l-aktar nodfa, bħal dan. U allura nużaw dak il-varjabbli hawn. Huwa l-istess ħaġa eżatt. Huwa biss bit cleaner. 

Sussegwentement up, Att III, Scales-- Allura problema waħda d-dritt hawnhekk hija, jekk nibdlu tagħna data f'dan value-- 200 jekk aħna bidla li 400 jew xi ħaġa u jġedded, allura dan il-valur biss marru offscreen. Allura loġika tagħna dritt hawn ta 'kif nagħmlu l-ħinijiet 3 u 20, li jinfirxu dan jitwettaq u mbagħad offset hija daqsxejn huwa verament clunky. 

What do dawn in-numri jfisser? Huma qed biss hard kodifikati hemmhekk. U dawn qed ħafna marbuta mad-dejta. Irridu dokument tad-data misjuqa. Irridu dokument flessibbli ħafna, li d-data mogħtija, tadatta lilha u jirrappreżenta dan. 

Dak li għandna bżonn huwa bażikament, aħna jkollhom din il-firxa ta 'numri 10. 45, 105. U aħna rridu biex jelenkaw dik out fuq il-wisa, il-wisa 'kollha hawn. Allura aħna għandna l-firxa ta ' Numri għaddejjin 0-100. U aħna għandna dan il-kampus I imur 20-700, f'dan il-każ. 

Aħna tip ta 'tixtieq li mappa dik fuq. Aħna rridu li l-iskala li sa u allura offset hija daqsxejn ftit. Jirriżulta li D3 għandha dawn. Huwa sejjaħ skala. Mela ejja tużah. 

Il-mod li works-- jien ser tip dan up u mbagħad jispjegaw dan. Din hija l-iskala. Dak li se tagħmel huwa, se tfassal Valuri 1-200 fuq biex 20-600. Aħna jista 'jivverifika dik. Nistgħu naraw li hawn. 

Mela jekk jien għalf hija 1-- mument wieħed. Agħti me-tieni waħda. I irid ikun mistyped dan. Hemm inti tmur. Jien sorry dwar dan. 

Allura dak skala se tagħmel huwa, se tieħu valur u mbagħad jikkonvertu li, jespandu dan out, u għalhekk timla l-firxa sħiħa int tistaqsi għall. Allura f'dan il-każ, jekk aħna tagħtiha wieħed, li għaddej biex iħażżu li out fuq 20. U jekk aħna tagħtiha 200, huwa ser mappa li fuq 600. U x'imkien bejniethom, jekk irridu jiksbu 100, huwa se tkun x'imkien fl bejn 20 u 600. 

U ovvjament, issa dan huwa dak għandna bżonn biex tneħħi dawk kodifikati iebes affarijiet għandna hemm dritt. Allura dak li rridu nagħmlu huwa jieħdu l-data li aħna qed partikolari, li d-data individwali element, u tgħaddih għall-iskala l-ewwel. Allura iskala se iskala it up. 

Well-- Oh, għandna żball ftit hawn. Aħna qed dejta nieqsa. Hemm inti tmur. U li tespandi it out. 

Li jagħtina l-istess riżultat kellna qabel, iżda minflok li dawk hard kodifikati restrizzjonijiet. U jekk id-daqs ta 'tagħna bidliet kanvas, per eżempju, jekk irridu li jkollhom din fuq 400 pixels u huwa squishes out, nistgħu jkollhom dan over-- nistgħu jespandu dan, jew aħna jistgħu jnaqqsu dan il-marġini-xellug għal- xi ħaġa inqas jew aktar minn 20. Dawn in-numri, dawn hard kodifikati Numri issa jagħmel sens għalina. 

U nistgħu nagħmlu ħafna aktar affarijiet interessanti kif ukoll. Allura minflok li jkollhom lineari skala, aħna tista 'tixtieq li log skala. U li se tagħtina skala log. 

Allura issa iskala tagħna, minflok ta ' biss tespandi l-attenzjoni li firxa, li qed jagħmel l-affarijiet aktar sofistikati. Minflok ma jkollhom din il-firxa hard kodifikati, u minflok li dak 600, aħna tista 'tixtieq li biss tuża l-wisa, hekk mill-20 il-wisa minus 40, 2 darbiet il-marġini fuq in-naħa l-oħra. U dan jagħmel ħafna aktar sens li xi ħadd li tista 'tidher fil-kodiċi. 

Interessanti, l-iskali jiksbu ħafna, ħafna sofistikat kif ukoll. Huma jagħmlu ħafna affarijiet interessanti. Allura skali ma neċessarjament ikollhom biex joperaw biss bin-numri. Ejja jagħmlu skala kulur. 

Allura firxa tagħna tista be-- dominju tagħna huwa 1-200. Dik hija l-ħaġa input. Iżda aħna tista 'tixtieq li mappa minn aħdar għal aħmar, per eżempju. U issa, jekk aħna jgħaddu 1, aħna qed tmur biex tikseb aħdar. Jekk aħna tagħtiha 200, aħna ser nikseb aħmar. U jekk aħna jgħaddu xi ħaġa fl bejn, li għaddej biex tkun xi taħlita ta 'li, x'imkien fuq il-pendil bejn aħdar u aħmar. 

U minflok li dan it-tip ta 'loġika clunky għandna hawnhekk ma 'l- kondizzjonali hemm dritt, jista 'jkollna something-- a iskala lineari bejn dawk. Allura aħna'd tuża l-iskala aħna biss maħluqa, li aħna msejħa kulur. U aħna'd tagħtiha d', li huwa element tad-data tagħna. U hemm immorru. Għandna skala kulur. 

Allura dan huwa mapping. Allura ix-xellug nett huwa kompletament aħdar. Id-lemin hija kompletament aħmar. U kollox bejn hija funzjoni ta 'd. Għandna interessanti viżwalizazzjonijiet hawn. Imma data tagħna kien tip ta 'boring. Ejja naraw dak li stajna nagħmlu jekk kellna data aktar interessanti. 

Att IV, Bil Ħidma Data-- l-ewwel ħaġa aħna ser jixtiequ jagħmlu biex jagħmlu tagħna viżwalizzazzjoni aktar interessanti huwa li jċaqalqu l-informazzjoni x'imkien ieħor. Huwa clunky ħafna li jkollhom id-data hard kodifikati hawn. U ġeneralment, aħna ser tkun tistaqsi xi ħadd ieħor għad-data. Aħna ser tkun forsi tistaqsi il-gvern, l-Uffiċċju taċ-Ċensiment, x'hemm data tiegħek u mbagħad plotting dak jew tistaqsi xi entità ta 'parti terza għal xi data u mbagħad bini ta ' viżwalizzazzjoni fuq dik. 

Allura l-ewwel ħaġa li rridu nagħmlu huwa jiċċaqalqu li biex x'imkien ieħor. Allura jien ser toħloq fajl hawn imsejħa data.json. JSON huwa l-format tad-data. Inti ma għandekx tkun taf ħafna dwar dan. U aħna qed tmur biex kopja l- ftit data għandna hemmhekk, paste fil hemm verbatim, mur lura għall-kodiċi viżwalizzazzjoni tagħna hawn, u jużaw din il-funzjoni dritt hawn. Inti ma għandekx tkun taf id-dettalji. Imma dak li dan se tagħmel hu, se ssib dan il-fajl, jġibu dan, u r-ritorn lill magħna. Allura dak li dan ma huwa, din tmur u jiksbu l-fajl data.json. U allura l-kodiċi thats inċiża inside-- essenzjalment, kollha l-kodiċi għandna there-- se run biss meta aħna tikseb l-informazzjoni lura. U allura li għaddej biex imexxu dan kodiċi bl-data li għandna. Great, aħna għandna viżwalizzazzjoni li queries għal xi kodiċi x'imkien inkella, li normalment hija fejn qorti tistaqsi xi data minn x'imkien ieħor, li normalment hija kif viżwalizazzjonijiet jaħdmu. 

Imma Irrid immur lura għad-data. Allura l-informazzjoni fundamentalment in D3-- D3 jikkonsma data li l-lista ta 'affarijiet. D3 jistenna d-dejta biss tkun lista ta 'affarijiet, firxa ta' affarijiet. Ma jimpurtax liema dawk l-affarijiet huma, sakemm huwa firxa ta 'minnhom. 

Allura hawnhekk, per eżempju, nistgħu ta ' Naturalment kienu f'wiċċ l-ilma valuri point. Aħna jista 'jkollhom negatives. D3 ma care, sakemm kif huwa lista ta 'affarijiet. 

Affarijiet kif interessanti aħna jista 'jkollhom, nistgħu wkoll jkollhom lista ta 'kordi bħal dik. Allura dawn huma l-aħbarijiet Crimson I telgħet ftit jiem ilu. U forsi inti tista 'ssib xi interessanti affarijiet dwar dawn ftit aħbarijiet. 

Għalhekk għal darb'oħra, din hija lista ta 'affarijiet. D3 ma care. Dawn jiġri li jkun string. Imxejna inbidel data tagħna. 

Ejja ritorn għall-viżwalizzazzjoni tagħna. Issa, viżwalizzazzjoni tagħna jistenna l-input li tkun in-numri. Allura aħna qed tmur biex ikollhom biex jagħmlu xi tibdiliet. Hekk per eżempju, l-ewwel nett, forsi irridu li jpoġġu dawn ċrieki flimkien mit-tul tal-ħabel prinċipali, il- numru ta 'karattri fit-ċima. 

Allura dak li aħna ser nagħmlu is-- kull darba tagħna funzjoni tissejjaħ bi string, aħna ser issib huwa t-tul And imbagħad jgħaddu dik l-iskala. Il-kulur, jien ser jirritorna li biex l-azzar blu. U hemm immorru. Għandna viżwalizzazzjoni aħbarijiet ta Crimson. 

Iskala tagħna huwa daqsxejn off. Ejja nassumu li l-itwal headline hija ta '100 karattri fit-tul, hekk span li out a bit. U aħna għandna viżwalizzazzjoni. Għalhekk jidher li l-aħbarijiet l-aktar huma pjuttost qrib flimkien, f'termini ta 'linja karattru. Iżda wieħed hemm verament jispikka. 

Nistgħu nibnu xi għodod biex jesploraw li aktar. Imma meta I kien qed jaħdem fuq dan, I kien kurjuż jekk, f'dan is-sett tad-data, aħbarijiet b'żewġ punti fihom ikun itwal. I jassumi kieku. 

Mela ejja nsib. Ejja jużaw il-kulur kanal bħal għamilna qabel, biex encode xi dwar jekk hemm kolon jew l-ebda. Allura aħna ser tuża kondizzjonali mill-ġdid. Inti ma għandekx tkun taf id-dettalji ta 'dan, iżda dan huwa kif aħna tiċċekkja string għal karattru partikolari fl JavaScript, għal darb'oħra, mhux rilevanti. 

Imma jekk aħna ma ssibx kolon, aħna ser jirritornaw aħdar. U jekk nagħmlu, aħna ser jirritornaw ħamra. Għalhekk għal darb'oħra, aħbarijiet li jkunu kolon se jkun aħmar. Dan huwa dak li din means-- sbieħ. 

Allura jidher li tiegħi ipoteżi hija ttellgħux. Hemm tnejn biss. Aħna biss sitt punti tad-data u tnejn biss kellhom colons. Iżda jidher daqsxejn aktar fuq it-tarf t'isfel, fil-fatt. Punti Ewlenin bi colons jidhru li ġeneralment iqsar, inqas fil data tagħna set-- interessanti. 

Ejja ritorn li biex azzar blu u mbagħad tara dak li nistgħu nagħmlu anke ma data aktar interessanti. Għalhekk għal darb'oħra, I semma li data D3 hija lista ta 'affarijiet. Imxejna numri ta 'ħafna tipi tidher. Imxejna dehru kordi. Imma l-affarijiet jistgħu wkoll ikunu oġġetti. 

Huma jistgħu jkunu affarijiet kumplikati li jinkludu ħafna affarijiet. Li wieħed jgħid li b'mod aktar ċar, f'ħafna każijiet, aħna trid tibni kull punt tad-data kif aktar ikkumplikat milli sempliċiment valur wieħed. Jekk youd timmaġina database dwar l-istudenti, jista 'jkun hemm student isem, student ID, u ħafna affarijiet assoċjat ma 'rekord partikolari, mhux biss string jew numru. Mela ejja nħarsu lejn dak. 

Dan huwa sett wieħed tali data. Din hija sett dwar terremoti data. Allura kollox hawn fuq il-lista tagħna jew firxa ta 'affarijiet fih ħafna affarijiet innifsu. Allura kull punt tad-data għandu kobor u jikkoordinaw. U jikkoordina infushom fihom żewġ affarijiet. 

Allura kull jum issa hija ħafna aktar ikkumplikata u ħafna aktar interessanti u fih ħafna aktar informazzjoni interessanti. Ejja naraw nistgħu nibnu barra minn dak. Jirritornaw lura hawn, għal darb'oħra, bl-użu viżwalizzazzjoni ċirku istogramma tagħna konna mibnija, ejja ara jekk nistgħu nibnu viżwalizzazzjoni ta 'distribuzzjoni kobor fil-sett tad-data tagħna. 

Allura hawnhekk, huwa l-istess kunċett. Imma issa, d fih aktar affarijiet. d fih elementi ħafna tad-dejta. Allura aħna nikseb d-dahar. D3 tagħtina d. U aħna nirrispondu mill-konstatazzjoni tal-kobor ta d u mbagħad tgħaddi dik l-iskala. 

U allura aħna bżonn għall-bidla iskala tagħna, tal-kors. Allura kobor sempliċiment ma jmorru ferm aktar minn 10. Attwalment, hemm qatt ma kien terremot 10 kobor. Imma dak li tip ta 'ta' fuq tagħna tarf, spettru ta 'fuq tagħna. 

Ejja jġedded. Nizza, aħna għandna viżwalizzazzjoni. Huwa interessanti li note-- hekk hemm żewġ punti ta 'dejta li huma kważi eżattament fuq quċċata ta 'kull oħra, f'termini ta 'kobor. You see dan billi l-opaċità aħna qed jużaw. 

Għandna data ġeografika issa. Għandna latitudnijiet u lonġitudni. Forsi nistgħu nagħmlu xi ħaġa ħafna aktar interessanti ma 'dak. Ejja ssib ftit aktar mod interessanti biex wieħed jivviżwalizza dan aktar ikkumplikat data ikollna aċċess għal. 

Att V, Mapping-- fundamentalment, irridu li jpoġġu dawn fuq mappa. I mean, dan huwa fejn dan ikun għaddej. Aħna rridu li encode informazzjoni dwar il- pożizzjoni ta 'dawn qari terremot, kif ukoll kobor tagħhom, għaliex għandna dan issa. Aħna nifhmu kif jikkunsmaw data aktar ikkumplikati. 

L-ewwel ħaġa li aħna ser nagħmlu huwa joħolqu mappa, mappa isfond. Jien ser jgħaddu dan malajr ħafna. Dan huwa kodiċi delikata. Huwa wieħed ieħor ta 'dawk riċetti inti ma verament għandek tifhem bis-sħiħ għalik għall-użu. Iżda din hija kodiċi. Dan il-kodiċi dritt hawn joħloq mappa. 

Aħna mhux se jmorru fid-dettall. Imma superfiċjalment, x'tagħmel hi, qorti tistaqsi dan il-fajl us.json, li huwa fajl tad-data bħal l-waħda kellna qabel. Huwa aktar kumplessi, tal-kors. Iżda f'dan il-każ, kollox, kull punt tad-data huwa dan l-istat u għandu lista ta ' latitudnijiet u lonġitudni li jiddefinixxu l-polygon, dik il-forma, dak l-istat. 

Allura dak D3 se tagħmel huwa simili għal dak li għamilna qabel. Hija se titlob dan u jorbtu li biex element. U hemm funzjoni li se jfasslu dak l-element out, ibbażata fuq il-latitudnijiet u l-lonġitudni. Tista 'taqra aktar dwar dan. U jien jirrakkomanda dan. 

Hemm links fil- tmiem ta 'dan il-kodiċi stazzjonati. U l-kodiċi hija kkummentat. Fil hemm rabtiet għal aktar dwar dan. I jirrakkomandaw inti tħares it up. Imma dak li aħna jimpurtahom huwa din il-funzjoni projezzjoni. Irrid immur permezz ta 'dak. 

L-ewwelnett, let me juru lilek li, iva, aħna għandna mappa. Mapep huma jibred. Mela ejja nħarsu lejn din funzjoni ta 'produzzjoni. 

Projezzjoni huwa ferm bħal skala, skali darb'oħra. Allura dak produzzjoni għall- din il-funzjoni projezzjoni ma huwa, nistgħu tgħaddiha lonġitudni u latitudes-- f'dan il-każ, dawn il-valuri hawn huma l- lat-twal tal-bini aħna qed seduta fil-lemin now-- għall projezzjoni. U projezzjoni se jaqilbu dan in-valuri tal-pixel xuy. 

Allura dak projezzjoni qed tagħmel hija simili ħafna għal skala tagħna. Huwa jieħu latitudnijiet tagħna u lonġitudni li jirrappreżenta globu kollu u tiċkien u d-daqs dik l isfel għall-kwadru li rridu, li konna mogħtija lilha. F'dan il-każ, aħna qed tgħaddi dawn il-valuri. U huwa tagħtina, ukoll, li fuq l-iskrin tiegħek ifisser 640 pixels. Dan screen kollu huwa 700 pixels wiesgħa, b'tali mod li jagħmilna dwar hawn, u 154 pixels isfel, li nixtieq istima hija pjuttost ħafna hawn. 

Allura tieħu dawk il-twal lat, li jirrappreżentaw xi ħaġa fuq il-globu kollu u squishing u jiċċaqalqu li madwar biex tagħtina x u l-valuri pixel y, dan huwa l-ewwel ħaġa li l- jsir f'dan il-kodiċi mapping. U allura l-bqija tal- kodiċi jikkonsma l-informazzjoni u mbagħad mapep dawk it-twal lat fuq xi ħaġa fuq l-iskrin tiegħek. 

Iżda aħna qed tmur biex jużaw dan projezzjoni funzjonijiet, għaliex jinstabx għandna twal lat-twal kif ukoll. Ħarsa lura lejn id-data tagħna, aħna għandna latitudnijiet u lonġitudni għal kull osservazzjoni. Mela ejja jużaw projezzjoni. 

Allura tħares lejn espożizzjoni tagħna, irridu exposition-- tagħna għandna latitudni u lonġitudni. Iżda aħna rridu valuri pixel. U jirriżulta, għandna eżattament dak li aħna want-- projezzjoni. Simili ħafna konna użu fuq skala dritt hawn, aħna issa qed tmur għall-użu projezzjoni u tgħaddih koordinati. Allura l-ewwel ħaġa aħna qed doing-- hekk aħna qed jkollna d, li hija d-data individwali element ta 'terremot individwu qari. L-ewwel ħaġa li għandna nagħmlu hu li tikseb l-koordinati. Kull dritt, aħna għandna l-koordinati. 

It-tieni ħaġa li għandna nagħmlu huwa jgħaddu dik fuq projezzjoni. Projezzjoni tikkonverti dawk koordinati f'valuri pixel, xuy. U allura l-aħħar ħaġa li għandna trid tagħmel huwa biss jiksbu l-x, li dan il-każ huwa l-ewwel wieħed. Hu l-ewwel miż-żewġ affarijiet li huma ritornati minn projezzjoni. 

Aħna ser nagħmlu l-istess għall y. Iżda minflok, aħna ser terġa 'lura it-tieni element, il-y. Lestu biex tiffriska. Ooh, karattri żejda here-- sbieħ, aħna għandna dokument misjuqa data thats ħabi dan il-fajl JSON ta 'oġġetti, tagħmel mappa, u jinbidlu l- attribut b'relazzjoni għad-data biex tkun proġettata fuq mappa. Dan huwa verament interessanti. Dan huwa jibred. 

Ejja teħodha up a talja. I mean, għandna żewġ biċċiet ta ' informazzjoni ma 'kull punt tad-data. I mean, tlieta. Għandna l-koordinati, li hija xuy. U aħna għandna l-kobor. 

Għandna bżonn li jikkodifikaw kobor b'xi. Għandna ħafna ta 'kanali. Nistgħu jużaw kulur. Nistgħu jużaw raġġ. Aħna tista 'tuża l-opaċità. Aħna tista 'tuża ħafna affarijiet fil-kodiċi. Kwalunkwe ta 'dawn l-attributi u ħafna aktar li mhumiex elenkati hemmhekk, għaliex qed fakultattiv, nistgħu jużaw biex encode din id-data, il-puplesija u dawn kollha affarijiet stajt msemmija. 

Ejja nagħmlu raġġ. Naħseb raġġ huwa l-aktar intuwittivi. Għalhekk għal darb'oħra, aħna ser tissostitwixxi dik hard-kodifikati 40 u tagħmel xi kalkoli. Aħna ser tuża skala favoriti tagħna għal darb'oħra. U aħna qed passat d. Imma mhux d għaliex aħna rridu li l-kobor ta d. d huwa biss il-punt tad-data. Aħna ser jgħaddu l-kobor għall-iskala. 

Ejja nippruvaw li għal darb'oħra. Ooh, din ma taħdimx. Għaliex ma taħdimx? 

Mela ftakar dak iskala ma. Ejja nħarsu lejn l-iskala mill-ġdid. Mapep skala minn 1 sa 10 dwar li 22-600, aktar jew anqas. 600 huwa enormi. Dan huwa għaliex aħna qed jkollna dan. 

Allura aħna tixtieq li tibdel iskala tagħna għal xi ħaġa aktar raġonevoli. Ejja ngħidu, irridu 0-60. 60 huwa kbir, iżda 10 terremoti huma oerhört rari. Fil-fatt, huma qatt ma stajt ġara. 

Allura dak li dan se tagħmel hu, li ser tieħu kobor tagħna li tmur 1-10 u mappa fuq biex jespandu dan out. U mappa fuq biex 0-60. Ejja jġedded. 

Nizza, aħna għandna viżwalizzazzjoni. Dan huwa kbir. Din hija data attwali. Int ser ikollok avviż, fil-ġugarelli tiegħi ftit eżempju, l-akbar terremot huwa dritt fuq quċċata minna. Imma thats it. Għandna misjuqa data viżwalizzazzjoni li jikkonsma d-data u tagħtina verament informazzjoni interessanti. Yeah, ejja żid ftit interattività lilha. Semmejt li kien l-forza qawwija ta 'D3. 

Allura hawnhekk, għal kull element, aħna qed jiddeskrivi mazz ta 'attributi. Iżda nistgħu wkoll jiddeskrivi dak li rridu li jiġri ma 'elementi interattività. Per eżempju, aħna tista 'tiddeskrivi x'jiġri meta aħna maws fuq. U simili ħafna li, li ser tagħti funzjoni, simili ħafna għall- attributi kellna qabel, fejn nagħmlu xi ħaġa biex il- element meta aħna imbagħad jerġgħu jsiru fuq dan. 

Allura l-ewwel ħaġa li għandna bżonn li tagħmel hu li tagħżel dak l-element, li jsibuha bażikament, fil-browser. u allura aħna tista 'sett attribut lilha. Allura dak li qed nagħmel hawnhekk hija, meta aħna imbagħad jerġgħu fuq xi ħaġa, aħna ser nikseb dak l-element u mbagħad stabbiliti l-opaċità tagħha lura għal 1, kompletament opak. Ejja naraw dak li qisu. 

Jidher għandna virgola extra hawn. Allura jekk aħna imbagħad jerġgħu jsiru fuq hawn, jiġrilha sħiħa. Imma issa, naturalment, huwa soġġorni sħiħ, għaliex aħna għandha tiddeskrivi dak li jiġri meta neħħi cursor tagħna. Mela ejja do eżattament dak fuq mouseout, għall-kuntrarju mouseover. 

U aħna ser reset li dak li kellna before-- 0.5. U issa, kull darba we imbagħad jerġgħu, irridu jiksbu ċirku sħiħ. Dan jgħinna tara dak li aħna aħna qed tagħżel essenzjalment. 

U issa ejja jagħmlu dan verament kbir. Ejja jgħaqqdu dan għad-data reali. Mela ejja jistaqsu tista USGS dwar data tagħhom. Allura l-US Geological Survey jkollu data dwar terremoti. Huma għandhom API pubbliku li l-kapaċi li jiġu kkunsmati fil-format JSON. Mela ejja tagħmel dan. 

Allura dan huwa daqsxejn ta 'kodiċi li jgħaqqad lill-API USGS. U hemm daqsxejn ta 'pproċessar fuqha. Dan mhuwiex rilevanti iżda jissimplifika dan għal format tad-data sempliċi bħal dik kellna qabel. So I jeħles sejħa tagħna għall- data.json foloz tagħna fuq il-fajl. U minflok, jien ssejjaħ l USGS essenzjalment. 

Ejja jġedded, sbieħ. Dan huwa, data attwali tal-ħajja reali minn din il-ġimgħa għall-terremoti. Dan huwa verament interessanti. Dan mhux sorprendenti għalina, iżda hemm lott ta 'terremoti fuq l- Kosta tal-Punent fil-California. Imma ħsibt li kien interessanti ħafna li kien hemm tant terremoti fl-Alaska, u apparentement, hawn fil-punent nofsani. I mean, interessanti, u aħna qed tajba. Dik hija l-konklużjoni. 

Iżda fundamentalment, dan huwa dak D3 jgħinna nagħmlu. Dan jgħinna tieħu data, torbot lill elementi fil-DOM, u jkollhom dawk l-elementi bidla bħala funzjoni tad-data, jkollhom dawk l-attributi, kollha l- attributi ħafna ta 'l-elementi, kollha tkun utli għall-kanali li jwasslu informazzjoni. 

D3 hija oerhört qawwija librerija u amazingly immexxija tajjeb. Dan huwa xi għalf qawwija. Viżwalizzazzjoni Data huwa għodda oerhört qawwija biex jgħaddu lill-persuni fil-fond għarfien li gets qalba tagħhom u jgħinhom jifhmu, fid B'dan il-mod profond u intuwittivi, kif id-dejta xogħlijiet u kif data bidliet ħajja tagħna.