>> [MUSIC PLAYING]
>> DAVID Chouinard: M蓹n David Ben Chouinard v蓹 bu D3 edir.
Xo艧 g蓹lmisiniz.
Biz bu g眉n D3 haqq谋nda m蓹lumat olacaq.
D3 JavaScript 莽蓹r莽iv蓹sind蓹 y眉ks蓹k keyfiyy蓹tli tikinti 眉莽眉n
web 眉莽眉n interaktiv visualizations.
Biz etdiyiniz n蓹 kimi 艧eyl蓹r M蓹n蓹 geri g枚r蓹n,
biz o etm蓹k 枚yr蓹nm蓹k olacaq h蓹r 艧eyi, bu 蓹saslar谋 c眉r.
Amma bu s蓹rin olacaq.
Nin ba艧lamaq ed蓹k olduqca 艧蓹kill蓹r edir.
Biz daha 莽ox demolar谋 var M枚vcud perspektivl蓹ri.
Bunu ed蓹k.
>> Act I, DOM manipulation-- gedirik s蓹rin 艧eyi edilm蓹si hemen ba艧lamaq 眉莽眉n.
陌lk n枚vb蓹d蓹, sol, biz kodu var.
Sa臒, biz bizim kodu n蓹tic蓹sidir.
脺zr蓹 ke莽m蓹k ed蓹k.
>> Bir daire etm蓹k ed蓹k.
Nec蓹 ki, s蓹s edir?
svg.append circle-- biz yaln谋z bir dair蓹 etdi.
Siz sa臒, m蓹n蓹 iman yoxdur?
Orada deyil.
>> Bel蓹likl蓹, biz edir burada n蓹, SVG 枚l莽eklenebilir vektor qrafik edir.
Bu 眉莽眉n brauzer dem蓹k yoldur brauzerinizin vektor qrafik etm蓹k.
Biz yaln谋z indi etdi g枚z bir dair蓹 蓹lav蓹 edilir.
>> s枚z dair蓹 ki, 茝sas atributlar谋ndan bir az t蓹l蓹b edir
faktiki olaraq onu g枚rm蓹k bil蓹r.
Biz, bu onun x m枚vqeyini dem蓹k laz谋md谋r Onun y m枚vqeyi, onun radius.
Biz ki, h蓹r hans谋 dem蓹k deyil, bel蓹 ki, biz indi bunu g枚r蓹n deyilik.
Amma stuff dem蓹k imkan verir.
>> Bel蓹 ki, ilk n枚vb蓹d蓹, siz var Bizim dair蓹 bir ad verm蓹k.
Bel蓹 ki, dair蓹 z蓹ng ed蓹k.
Bizim dair蓹 indi bir ad谋 var.
V蓹 bir ne莽蓹 atributlar谋 ver蓹k.
Nec蓹 CX haqq谋nda, x m蓹rk蓹zi olacaq x m枚vqeyi m蓹rk蓹zi.
200 piksel 眉莽眉n 200 deyirl蓹r.
>> Kimi d蓹 bu 200 piksel y verim.
V蓹 t蓹xmin蓹n 40 piksel r, bir radius.
陌ndi g枚r蓹k.
M蓹n yaz谋m bilm蓹z.
>> Burada getm蓹k.
Biz v蓹ziyy蓹ti 200 bir dair蓹 var piksel, 200 piksel, 40 piksel radius.
Kind s蓹rin, sa臒?
Biz bir dair蓹 var.
B蓹li.
>> Bel蓹 ki, he莽 bir ehtiyac boyunca riay蓹t edin.
B眉t眉n bu n眉mun蓹l蓹r, b眉t眉n M蓹n bu g眉n edir蓹m kodu
sonunda online t蓹min edil蓹c蓹k interaktiv n眉mun蓹l蓹ri 艧蓹klind蓹
da m蓹nt蓹q蓹l蓹rind蓹 h蓹r bir akt, v蓹 s.
>> Daha stuff bunu ed蓹k.
Bu qara dair蓹 h蓹qiq蓹t蓹n 莽irkin deyil.
Hesab edir蓹m ki, s蓹hv t蓹蓹ss眉f edir蓹m orada messages.
Biz d蓹 gedin.
>> Nin bir r蓹ng ver蓹k.
Nec蓹 var?
M蓹n polad mavi ist蓹yir蓹m.
B蓹li, bizim dair蓹si r蓹ngi d蓹yi艧di.
Bu harika.
Nin yar谋-艧蓹ffaf ed蓹k too-- yar谋-艧蓹ffaf.
>> Bel蓹 ki, bu atributlar谋 var Biz dair蓹 m眉蓹yy蓹n edirik.
Biz ilk 艧ey biz page bir dair蓹 qoydu.
V蓹 sonra biz m眉蓹yy蓹n edirik atributlar谋 bir d蓹st蓹.
Bunlardan b蓹zil蓹ri t蓹l蓹b olunur, CX, CY, v蓹 Radius kimi.
V蓹 ba艧qalar谋 iste臒e ba臒l谋d谋r.
>> Bir 莽ox atributlar谋 var.
Onlar谋n bir 莽ox var.
M蓹s蓹l蓹n, biz ola bil蓹r stroke, el蓹c蓹 d蓹 q谋rm谋z谋 bir vuru艧.
Amma aradan qald谋r谋lmas谋 ed蓹k.
Biz geri bir daire, mavi dair蓹 ist蓹yirik.
>> Bel蓹 ki, daha 莽ox dair蓹l蓹ri ed蓹k.
Nec蓹 var?
Ba艧qa bir dair蓹 ed蓹k.
Bu h眉quq, maraql谋?
>> M蓹n yaln谋z Copy-yap谋艧d谋r谋l谋r dem蓹k biz art谋q.
Nin circle2 z蓹ng ed蓹k.
V蓹 d蓹qiq n蓹 ed蓹k Eyni 艧ey v蓹 verm蓹k
300 x m枚vqeyi n蓹z蓹r蓹 alaraq, atributlar谋.
Yay, indi iki dair蓹l蓹ri var.
>> 茝lb蓹tt蓹, biz bil蓹r bu d蓹y蓹rl蓹ri yenil蓹m蓹.
M蓹n 400 qoymaq bil蓹r, v蓹 indi h蓹r蓹k蓹t edir.
Bu annoying var-ci ild蓹n, ed蓹k bel蓹 circle2.remove, aradan qald谋r谋lmas谋.
陌ndi getdi.
>> Bel蓹likl蓹, biz i艧le v蓹 Bu very--, yaln谋z 莽ox deyil
siz蓹 n蓹 莽ox ox艧ard谋r M蓹s蓹l蓹n, jQuery ed蓹 bil蓹r.
Biz yaln谋z manipulyasiya edirik DOM, deyirl蓹r.
Siz 蓹vv蓹l s枚z e艧itmi艧蓹m bil蓹r.
Biz q蓹bulu m蓹hsullar谋 yaratmaq edirik m蓹hsullar谋 aradan qald谋r谋lmas谋, m蓹hsullar谋 haqq谋nda atributlar谋.
>> Maraql谋 olur yerl蓹艧ir 陌ndi burada.
Bel蓹 ki, sonra kodu, biz h蓹l蓹 d蓹 bil蓹r Burada orijinal dair蓹 bax谋n.
Bel蓹 ki, CX 枚z atributu yenid蓹n imkan verir.
400 onun x m枚vqeyi dey蓹k.
M蓹n ke莽id gedir蓹m ki, ayd谋n deyil, bel蓹 ki,.
Biz d蓹 gedin.
>> Bel蓹likl蓹, biz bir dair蓹 蓹lav蓹 edib.
Biz b蓹zi atributlar谋 se莽in.
Biz ba艧qa dair蓹 蓹lav蓹 qald谋r谋ld谋.
V蓹 sonra biz de臒i艧tirmeyle edirik Orijinal dair蓹.
>> Bu olur yerl蓹艧ir Amma burada bir 莽ox maraql谋.
Yaln谋z biz atributlar谋 bil蓹rsiniz yaln谋z d蓹y蓹r kimi, biz, dem蓹k olar
hey, dair蓹, 200 yerl蓹艧dirilm蓹lidir gedin.
Biz d蓹 funksiyalar谋 kimi qura bil蓹rsiniz.
>> Bel蓹 ki, 蓹v蓹zin蓹, burada 400 verilm蓹si b蓹zi hesablanmas谋 ed蓹 bil蓹rsiniz
n蓹 眉莽眉n Tez biz ki, atribut olmaq ist蓹yir蓹m.
Bel蓹 ki, bu ifad蓹 ist蓹diyiniz nec蓹.
Biz yerin蓹 400, m蓹n蓹 imkan, dem蓹k 蓹v蓹zin蓹 bir funksiyas谋 verir.
V蓹 burada, bu funksiya daxilind蓹, Biz h蓹r hans谋 bir crazy hesablanmas谋 ed蓹 bil蓹rsiniz.
>> Biz vaxt bil蓹r v蓹 B蓹zi dig蓹r 艧ey baxmaq
v蓹 dinamik q蓹rar biz ist蓹diyiniz n蓹 d蓹y蓹ri dair蓹.
Nec蓹 biz yaln谋z verm蓹k haqq谋nda Bu t蓹sad眉fi x m枚vqeyi?
Bel蓹 ki, var.
>> Bel蓹 ki, n蓹 deyir ki, 眉莽眉n, H蓹r x, bu funksiyan谋 莽al谋艧t谋r谋n.
V蓹 n蓹 edirik hesablanmas谋 edir b蓹zi 艧eyl蓹r, t蓹sad眉fi d蓹f蓹 eni
v蓹 qaytar谋lmas谋.
Bel蓹likl蓹, biz run h蓹r zaman, biz almaq t蓹sad眉fi yer蓹 gedir dair蓹.
Bu s蓹rin n枚v眉 var.
M蓹n baxmaq bil蓹r kimi hiss edir蓹m bir az bu.
Biz almaq 眉莽眉n ba艧lan臒谋c edirik Burada maraql谋 bir 艧ey.
Indi idar蓹 bu m蓹lumatlar谋 ed蓹k.
Burada he莽 bir m蓹lumat yoxdur.
Ki, d蓹yi艧dirm蓹k ed蓹k.
>> Akt谋 II, Data idar蓹 s蓹n蓹dl蓹rd蓹 Bel蓹 ki, burada qay谋daq.
V蓹 yaln谋z circle2 xilas ed蓹k biz yaln谋z 蓹lav蓹 v蓹 aradan qald谋r谋lmas谋, 莽眉nki
Bu.
Bel蓹 ki, biz, h蓹qiq蓹t蓹n, ehtiyac yoxdur.
Biz burada bir 莽ox a臒谋ll谋 olmaq laz谋md谋r.
Biz, Dey蓹k bir n枚v b蓹zi m蓹lumatlar.
Bir, dey蓹k anda Biz bu formada m蓹lumatlar谋 var idi.
Biz yaln谋z, bir s谋ra var idi 蓹d蓹d bir d蓹st蓹.
Biz burada yeddi n枚mr蓹l蓹ri n蓹 bu represent-- m蓹bl蓹臒i
xalq bank hesab谋, nec蓹 q蓹d蓹r Allah n蓹 bilir 莽蓹kin.
>> Bu n枚mr蓹l蓹r v蓹 biz Bizim dair蓹l蓹ri istifad蓹 etm蓹k ist蓹diyiniz
el蓹 h蓹min n枚mr蓹l蓹r t蓹msil ed蓹c蓹k.
Biz 蓹limizd蓹n ba臒lamaq ist蓹yir蓹m bu n枚mr蓹l蓹r蓹 dair蓹l蓹r.
Bel蓹likl蓹, biz n蓹.
Dey蓹k, ist蓹yirik H蓹r s谋ra dair蓹.
Biz k枚hn蓹 ed蓹 bil蓹r Biz doing-- edildi 艧ey
dair蓹 蓹lav蓹 v蓹 circle2 v蓹 circle3.
Amma bu 蓹l h蓹yata olur, v蓹 m蓹ntiq t蓹krar bir 莽ox var.
>> Bel蓹 ki, daha a臒谋ll谋 almaq imkan verir.
茝v蓹zind蓹 var dair蓹 istifad蓹 , biz yaln谋z istifad蓹 edilmi艧dir ki, svg.append
Biz istifad蓹 etm蓹k olacaq burada bu ki莽ik blok.
M蓹n d蓹rin getm蓹k ist蓹mir蓹m n蓹 b眉t眉n bu hiss蓹l蓹r yoxdur.
V蓹 inki艧af etmi艧 bir m枚vzu n枚v眉 var.
M蓹n isterdim.
>> Amma 蓹sas odur ki, recognize-- v蓹 Siz D3 kodu 莽ox tez-tez g枚r蓹c蓹ksiniz.
M蓹tn 蓹sasland谋r谋lm谋艧 Bu blok kimi bir 莽ox dair蓹l蓹r yarad谋r
m蓹lumat elementl蓹ri var burada bu array.
Bel蓹 ki, bu kimi bir 莽ox yarad谋r orada dair蓹l蓹r elementl蓹ridir.
Bu, bizim yeddi dair蓹l蓹ri yaratmaq olacaq.
V蓹 bu, h蓹qiq蓹t蓹n, h蓹qiq蓹t蓹n, 蓹sas 艧ey yoxdur.
Bel蓹 ki, run imkan verir.
Bizim dig蓹r dair蓹 aradan qald谋r谋lmas谋 ed蓹k.
Yaln谋z bu 艧蓹rh ed蓹k h蓹yata hiss蓹si v蓹 yenid蓹n bu ax谋r.
>> Biz d蓹 gedin.
Bel蓹 ki, burada bizim dair蓹 bir 莽ox qaranl谋q, 莽眉nki biz
Yeddi dair蓹l蓹ri var, bir dig蓹r 眉st.
Biz yaln谋z yeddi dair蓹l蓹ri, bir yaratm谋艧d谋r Bu data elementl蓹rin h蓹r biri 眉莽眉n h蓹r.
Amma ba艧 ver蓹n 蓹sas 艧ey var burada bu par莽as谋 il蓹.
>> Bu data ba臒l谋 idi ki, var.
Bel蓹 ki, h蓹r bir bir bu data elementl蓹ri,
10, 45, 105, ba臒l谋 idi x眉susi dair蓹.
Bel蓹 ki, bu yaln谋z yarad谋lm谋艧 deyil dair蓹l蓹rinin bir d蓹st蓹
lakin birlikd蓹 bu iki 艧eyi 蓹laq蓹l蓹ri.
>> V蓹 g蓹l蓹c蓹kd蓹 biz yaratd谋q, 莽眉nki Bu D3 funksiyas谋 il蓹 h蓹min dair蓹l蓹r,
M蓹n siz蓹 bir dair蓹 verm蓹k 蓹g蓹r, siz M蓹n蓹 onunla ba臒l谋 m蓹lumat verir.
Bel蓹 ki, biz D3 xahi艧 ed蓹 bil蓹r.
Hey, D3, bu dair蓹 var.
Dair蓹 var data n蓹dir?
V蓹 D3 biz蓹 10 v蓹 ya 45 v蓹 ya 105 dem蓹k ist蓹yir蓹m.
>> Bunlar ba臒l谋d谋rlar.
Ki, bir 莽ox, 莽ox fundamental anlay谋艧 var.
Ki baxaq.
>> Bel蓹 ki, yol biz bel蓹 D3-- xahi艧 ediyorum Bu, bu yersiz
ancaq bu bar蓹d蓹 m蓹n蓹 etibar.
Bu D3 xahi艧 nec蓹.
Hey, D3, m蓹n蓹 ilk verm蓹k Siz tapa bil蓹rsiniz dair蓹si.
M蓹n蓹 tapa bil蓹rsiniz ilk dair蓹 verin.
V蓹 sonra biz D3 xahi艧 ed蓹 bil蓹r, n蓹 bu kimi ki, data, 10.
>> Bel蓹 ki, biz yaln谋z D3 xahi艧 m蓹n蓹 tapmaq Siz tapa bil蓹rsiniz ilk dair蓹.
Onun data n蓹dir?
10 h蓹qiq蓹t蓹n 蓹limizd蓹n deyil 陌lk data element.
Biz, hey, D3 onu xahi艧 ed蓹 bil蓹r bizim 眉莽眉nc眉 dair蓹 tapa bil蓹rsiniz.
105.
Niy蓹 bu, h蓹qiq蓹t蓹n vacibdir?
>> Bel蓹 ki, burada, m蓹n qeyd ki, funksiyalar谋 istifad蓹 ed蓹 bil蓹r.
M蓹n ki, qeyd 莽ox g眉cl眉 bir 艧ey.
Bel蓹 ki, yaln谋z funksiyalar谋 艧eyi ed蓹 bil蓹r deyil M蓹s蓹l蓹n kimi, b蓹zi hesablanmas谋 etm蓹k,
, bir t蓹sad眉fi say谋 bu ed蓹 bil蓹rsiniz qay谋tmaq da m蓹lumatlar 蓹sas谋nda 艧eyl蓹r.
Bu data idar蓹 s蓹n蓹dl蓹r dem蓹k n蓹.
Bu D3 dayan谋r budur.
>> Bel蓹 ki, bu x postition-- yerin蓹 yaln谋z, b眉t眉n dair蓹l蓹r s枚yl蓹y蓹r蓹k,
x m枚vqeyi 200 olsun, biz bu bir funksiyas谋 ver蓹 bil蓹r.
V蓹 burada, b蓹zi hesablanmas谋 ed蓹 bil蓹rsiniz.
v蓹 d burada m蓹lumat 眉莽眉n yerd蓹 dayan谋r.
Bel蓹 ki, h蓹r zaman var bir dair蓹, 蓹sas蓹n,
D3 Bu yeddi dair蓹l蓹ri yaradacaq.
V蓹 sonra h蓹r
>> dair蓹, bu, hey, getm蓹k olacaq circle1 Sizin x m枚vqeyi budur.
茝vv蓹ll蓹r biz h蓹mi艧蓹 200 cavab.
Amma indi h蓹r zaman D3 soru艧ur Biz蓹 x m枚vqeyi n蓹,
Bu biz, biz蓹 oynat谋l谋rken verm蓹k olacaq ki, dair蓹, biz m蓹lumatlar var.
Bu, biz蓹 m蓹lumat verm蓹k v蓹 dem蓹k olacaq n蓹 ekspozisiyas谋 olmaq ist蓹yir蓹m ki,
data 蓹saslan谋r.
>> Yaln谋z faktiki m蓹lumatlar谋 qay谋daq.
Biz bu run Bel蓹 ki, bu verir Biz蓹 data s蓹n蓹dl蓹ri idar蓹.
Bu dair蓹l蓹r 蓹saslan谋r 蓹laq蓹 position-- da
Qeyd: onlar m蓹lumat谋n funksiyas谋 kimi 蓹saslar谋 ist蓹yirik.
>> 陌lk dair蓹si Bel蓹 ki, D3 bir dair蓹 qoyur.
V蓹 sonra D3 n蓹, biz蓹 xahi艧 edir Siz ekspozisiyas谋 olmaq ist蓹yir蓹m.
V蓹 biz yaln谋z m蓹lumat n蓹 dem蓹k.
Ekspozisiyas谋 10 olun.
>> Sonra ist蓹diyiniz n蓹, xahi艧 ekspozisiyas谋 ikinci dair蓹si 眉莽眉n olmal谋d谋r.
V蓹 biz 45 cavab.
V蓹 biz, 蓹lb蓹tt蓹 bil蓹r burada hesablanmas谋n谋 edir.
M蓹n o dair蓹l蓹r ki, tapmaq c眉r q蓹d蓹r squished olunur.
>> Bel蓹 ki, 3 m蓹lumatlar谋 莽oxaltmaq 3 il蓹 莽oxaltmaq.
Bizim dair蓹 yaln谋z geni艧l蓹nmi艧dir oldu.
Bizim d蓹y蓹ri 眉莽 d蓹f蓹 artm谋艧d谋r.
>> dair蓹, h蓹qiq蓹t蓹n k蓹nar谋nda bel蓹 ki, b蓹lk蓹 c眉r onu ofset imkan verir.
脺zr蓹 20, deyirl蓹r.
Burada getm蓹k.
>> Bu data vizual edir.
Bu, 莽ox 蓹sas biri, lakin bu Bizim data bir fikir verir.
Bu biz蓹 deyir ki, m蓹s蓹l蓹n, biz elementl蓹rin bir az 莽oxluq var.
V蓹 biz burada b枚y眉k bir outlier var.
Bu biz蓹 m蓹lumat verir s蓹hif蓹l蓹rd蓹n getdikl蓹ri bar蓹d蓹.
>> Biz olsayd谋, m蓹s蓹l蓹n, d蓹yi艧dirm蓹k Burada 150 Yenile data,
Bizim vizual d蓹yi艧dirilir.
Bu s蓹n蓹d data idar蓹 edir.
>> 茝lb蓹tt蓹 ki, b眉t眉n bu elementl蓹r, Burada b眉t眉n bu atributlar谋,
Biz bir funksiyas谋 istifad蓹 ed蓹 Yaln谋z n枚mr蓹l蓹ri, yaln谋z
x v蓹 y v蓹zif蓹l蓹ri.
Bel蓹likl蓹, biz r蓹ng 眉莽眉n bir funksiyas谋 istifad蓹 ed蓹 bil蓹rsiniz.
Bel蓹 ki, biz eyni ed蓹c蓹yik.
Biz bir funksiyas谋 verm蓹k laz谋md谋r.
>> V蓹 biz ola bil蓹r, dey蓹k Bizim funksiyas谋 conditionals.
Bu funksiya ola bil蓹r uzun x蓹tl蓹ri y眉z.
Bu, 莽ox, 莽ox m眉r蓹kk蓹b 艧eyi ed蓹 bil蓹r.
>> Bel蓹 ki, burada 蓹g蓹r b蓹yanat qoymaq bildirin.
Bizim data az olduqda, dey蓹k 50-d蓹n, b蓹zi 蓹r蓹f蓹sind蓹 var
biz maraql谋 oldu臒unu n蓹d蓹ns蓹 眉莽眉n.
脺zr蓹 ya艧谋l ed蓹k.
茝ks halda, bu q谋rm谋z谋 ed蓹k.
Nec蓹 var?
Nice.
>> Bel蓹 ki, bizim data vizual ba艧lay谋r daha maraql谋 m蓹lumat 莽atd谋rmaq
莽ox kanallar谋.
Bel蓹 ki, indi biz bir az bilirik s蓹hif蓹l蓹rd蓹n getdikl蓹ri bar蓹d蓹.
V蓹 biz bir n枚v var ki, bilirik biz ilgilendi臒iniz 50 k蓹sdi.
Biz iki data xal var bilirik ki, Onlar谋n 蓹n 莽ox h蓹ddind蓹n a艧a臒谋 v蓹
yuxar谋da.
>> Bel蓹 ki, son add谋m kimi, burada bu m蓹lumatlar, bu kimi g枚rm蓹k 莽ox nadir deyil.
Bel蓹 ki, yaln谋z bir d蓹yi艧蓹n onu h蓹r蓹k蓹t ed蓹k bu kimi t蓹miz, 莽眉nki.
V蓹 sonra biz burada d蓹yi艧蓹n istifad蓹 edin.
Bu eyni 艧ey.
Bu, sad蓹c蓹 bir az t蓹miz.
>> Sonrak谋 q蓹d蓹r Akt谋 III, Scales-- Bel蓹 ki, bir problem
biz d蓹yi艧dirm蓹k 蓹g蓹r burada bizim Bu 200 value-- m蓹lumat
Biz 400 d蓹yi艧dirm蓹k 蓹g蓹r v蓹 ya bir 艧ey v蓹 yenileme,
onda bu d蓹y蓹r yaln谋z offscreen getdi.
Burada bizim m蓹ntiq Bel蓹 ki, nec蓹 biz d蓹f蓹 3
20, sonra onu yaymaq v蓹 bu ofset bir az h蓹qiq蓹t蓹n clunky edir.
>> Bu n枚mr蓹l蓹r n蓹 dem蓹kdir?
Onlar yaln谋z a臒谋r orada kodlu edirik.
Onlar 莽ox m蓹lumat ba臒lad谋 edirik.
Biz data idar蓹 s蓹n蓹d ist蓹yir蓹m.
脟ox 莽evik s蓹n蓹d ist蓹yir蓹m, veril蓹n m蓹lumatlar谋n ki, bu uy臒unla艧谋r
v蓹 t蓹msil edir.
>> Biz 蓹sas蓹n laz谋md谋r ki, edir 蓹d蓹d 10 bu s谋ra var.
45, 105.
V蓹 biz 眉z蓹rind蓹 ki, x蓹rit蓹y蓹 ist蓹yir蓹m eni, burada tam eni.
Bel蓹likl蓹, biz bir s谋ra var 0-dan 100 ged蓹n n枚mr蓹l蓹ri.
V蓹 biz bu kampus I gedir Bu halda, 700 20.
>> Biz c眉r ki, x蓹rit蓹si ist蓹yir蓹m.
Biz o klikl蓹yin etm蓹k ist蓹yir蓹m sonra bir az ofset.
Bu D3 bu ki 莽谋x谋r.
Bu miqyasl谋 deyirl蓹r.
Bel蓹 ki, istifad蓹 ed蓹k.
>> M蓹n gedir蓹m 莽al谋艧谋r ki, yol Bu q蓹d蓹r yaz谋n v蓹 sonra izah.
Bu miqyasl谋 edir.
N蓹 ed蓹c蓹yik, bu x蓹rit蓹y蓹 ed蓹c蓹k 20 600 眉莽眉n 1-d蓹n 200-蓹 d蓹y蓹rl蓹r.
Biz bu kontrol ed蓹 bil蓹rsiniz.
Biz burada g枚r蓹 bil蓹rsiniz.
>> Bel蓹 ki, m蓹n onu qidaland谋rmaq 1 var bir an.
M蓹n蓹 bir ikinci verin.
M蓹n bunu mistyped olmal谋d谋r.
Burada getm蓹k.
M蓹n bu bar蓹d蓹 眉z眉ld眉m.
>> Bel蓹 ki, bir miqyasl谋 n蓹 ki, bir d蓹y蓹r olacaq ki,
v蓹 sonra 莽evirm蓹k, ki, geni艧l蓹ndirm蓹k, bel蓹 ki,
Sizin 眉莽眉n xahi艧 edirik s谋ra doldurur.
Bu halda, bel蓹 ki, biz bunu bir verm蓹k 蓹g蓹r, Bu 20 眉z蓹rind蓹 ki, x蓹rit蓹y蓹 olacaq.
Biz bu 200 verm蓹k 蓹g蓹r, bu 600 眉莽眉n x蓹rit蓹si gedir.
V蓹 haradasa aras谋nda, Biz 100 almaq, bu
yerd蓹 olacaq 20 v蓹 600 aras谋nda.
>> V蓹 蓹lb蓹tt蓹, indi bu n蓹 edir Biz bu a臒谋r kodlu aradan qald谋r谋lmas谋 laz谋md谋r
艧eyl蓹r orada var.
Bel蓹 ki, biz n蓹 etm蓹k ist蓹yir蓹m n蓹 Biz ist蓹yirik m蓹lumatlar谋 almaq
n蓹z蓹r蓹 alaraq, f蓹rdi m蓹lumatlar element v蓹 ilk miqyasl谋 ke莽ir.
Bel蓹 ki, miqyasl谋 onu miqyasl谋 olacaq.
>> Oh Well--, biz burada bir az s蓹hv var.
Biz data itkin edirik.
Burada getm蓹k.
V蓹 onu geni艧l蓹ndirir.
>> Bu biz蓹 eyni verir N蓹tic蓹d蓹 biz 蓹vv蓹l
lakin 蓹v蓹zin蓹 olanlar a臒谋r m蓹hdudiyy蓹tl蓹r kodlu.
V蓹 枚l莽眉s眉 bizim k蓹tan d蓹yi艧iklikl蓹r, misal 眉莽眉n,
bu art谋q etm蓹k ist蓹yirsinizs蓹 400 piksel v蓹 onu squishes,
Biz bunu over-- ola bil蓹r Biz bunu geni艧l蓹ndirm蓹k, v蓹 ya ed蓹 bil蓹r
Bu sol margin azalda bil蓹r daha az v蓹 ya 20-d蓹n 莽ox bir 艧ey.
Bu n枚mr蓹l蓹r, bu a臒谋r kodlu n枚mr蓹l蓹ri indi bizim m蓹nada.
>> V蓹 biz bir 莽ox daha 莽ox ola bil蓹r el蓹c蓹 d蓹 maraql谋 艧eyl蓹r.
Bel蓹 ki, 蓹v蓹zin蓹 bir x蓹tti olan miqyasl谋, bir miqyasl谋 daxil ed蓹 bil蓹rsiniz.
V蓹 biz蓹 bir g眉nl眉k miqyasl谋 ver蓹c蓹k.
>> Bel蓹 ki, indi bizim miqyasl谋 蓹v蓹zin蓹 yaln谋z s谋ra geni艧l蓹ndirilm蓹si,
Bu daha m眉r蓹kk蓹b 艧eyler var.
Bunun 蓹v蓹zin蓹 a臒谋r s谋ra olan v蓹 蓹v蓹zin蓹 600 olan kodlu,
biz yaln谋z eni istifad蓹 ed蓹 bil蓹rsiniz, bel蓹 ki, eni m蓹nfi 40 20,
2 d蓹f蓹 dig蓹r t蓹r蓹fd蓹n margin.
Bu bir 莽ox 蓹h蓹miyy蓹t k蓹sb edir kodu baxmaq bil蓹r kims蓹.
>> Maraql谋d谋r ki, t蓹r蓹zi almaq 莽ox 莽ox inki艧af etmi艧, h蓹m d蓹.
Onlar maraql谋 bir 莽ox.
Bel蓹 ki, t蓹r蓹zi m眉tl蓹q yoxdur yaln谋z n枚mr蓹l蓹ri il蓹 f蓹aliyy蓹t.
Bir r蓹ng miqyasl谋 ed蓹k.
>> Bel蓹 ki, bizim 眉莽眉nd眉r Olacaq bil蓹r bizim domen 200 1.
Bu giri艧 艧ey.
Amma biz x蓹rit蓹si ist蓹yir蓹m bil蓹r M蓹s蓹l蓹n, q谋rm谋z谋, ya艧谋l.
陌ndi biz bunu 1 ke莽m蓹k 蓹g蓹r, biz ya艧谋l almaq olacaq.
Biz bu 200 vers蓹l蓹r, biz q谋rm谋z谋 almaq laz谋md谋r.
Biz aras谋nda bu 艧ey ke莽m蓹k 蓹g蓹r, ki, bir mix olacaq,
haradasa gradient haqq谋nda ya艧谋l v蓹 q谋rm谋z谋 aras谋nda.
>> V蓹 蓹v蓹zin蓹 olan clunky m蓹ntiq bu c眉r
biz burada var orada 艧蓹rti,
biz bir 艧ey bir ola bil蓹r aras谋nda x蓹tti miqyasl谋.
Bel蓹likl蓹, biz miqyasl谋 istifad蓹 edin, biz yaln谋z yarad谋lm谋艧 biz r蓹ng 莽a臒谋r谋blar.
V蓹 biz, bu d verm蓹k ist蓹diyiniz Bizim data element edir.
V蓹 biz getm蓹k.
Biz bir r蓹ng miqyasl谋 var.
>> Bel蓹 ki, bu mapping edir.
Bu g眉n蓹 q蓹d蓹r t蓹rk tamamil蓹 ya艧谋l.
sa臒谋nda tamamil蓹 q谋rm谋z谋.
Aras谋nda h蓹r 艧ey d bir funksiyas谋 var.
Biz maraql谋 var Burada visualizations.
Amma bizim data c眉r dar谋xd谋r谋c谋 idi.
Biz 蓹g蓹r n蓹 ed蓹 bil蓹r n蓹 ed蓹k daha 莽ox maraql谋 m蓹lumatlar idi.
>> Act IV, il蓹 陌艧 Ilk 艧ey veri
Biz etm蓹k 眉莽眉n n蓹 etm蓹k laz谋md谋r bizim daha maraql谋 vizual
ba艧qa bir yerd蓹 m蓹lumat h蓹r蓹k蓹t etm蓹kdir.
Bu 眉莽眉n 莽ox clunky deyil m蓹lumat 莽蓹tin anlar kodlu.
V蓹 眉mumiyy蓹tl蓹, biz xahi艧 olacaq m蓹lumat 眉莽眉n ba艧qas谋.
Biz b蓹lk蓹, h枚kum蓹t xahi艧 olacaq Siyah谋yaal谋nmas谋 B眉rosu veri n蓹
v蓹 sonra hiyl蓹l蓹ri v蓹 ya xahi艧 B蓹zi m蓹lumatlara g枚r蓹, b蓹zi 眉莽眉nc眉 艧蓹xs
v蓹 sonra tikinti ki, vizual.
>> Ilk 艧ey, bel蓹 ki, biz n蓹 ist蓹yirik ba艧qa bir yerd蓹 ki, h蓹r蓹k蓹t edir.
M蓹n bir yaratmaq 眉莽眉n gedir蓹m Burada deyil蓹n data.json fayl.
JSON data format edir.
Siz haqq谋nda 莽ox bilm蓹k yoxdur.
V蓹 biz sur蓹ti olacaq biz var az m蓹lumat,
orada bir蓹 yap谋艧d谋r谋b getm蓹k geri vizual kodu
burada v蓹 burada bu funksiyan谋 istifad蓹 edin.
Siz 蓹trafl谋 bilm蓹k yoxdur.
Amma n蓹 bu ed蓹c蓹yik ki, bu fayl tapa bil蓹rsiniz,
bu almaq v蓹 biz蓹 qaytar谋n.
Bel蓹 ki, bu n蓹 gedir ki, v蓹 data.json fayl almaq.
V蓹 sonra b眉t眉n kodu ki, mahiyy蓹tc蓹 Inside indented,
b眉t眉n code biz orada olacaq var biz geri m蓹lumat almaq yaln谋z ax谋r.
V蓹 sonra run olacaq Biz data kodu.
B枚y眉k, biz bir sor臒u vizual
B蓹zi kodu yerd蓹 ba艧qa, hans谋 ad蓹t蓹n
harada b蓹zi m蓹lumatlar谋 sor臒u ba艧qa bir yerd蓹, ad蓹t蓹n olan
visualizations nec蓹.
>> Amma m蓹lumatlara geri getm蓹k ist蓹yir蓹m.
D3-- D3 蓹sasl谋 Bel蓹 ki, data 艧eyi bir siyah谋s谋 var data s蓹rf edir.
D3 data yaln谋z bir siyah谋s谋 g枚zl蓹yir 艧eyi, h蓹r 艧eyi bir s谋ra.
Bu n蓹 o 艧eyi F蓹rq etm蓹z bel蓹 uzun onlar谋n bir s谋ra kimi, var.
>> Bel蓹 ki, burada, m蓹s蓹l蓹n, biz olunmas谋 bil蓹r 茝lb蓹tt蓹 point d蓹y蓹rl蓹ri 眉z蓹n var.
Biz neqativ ola bil蓹r.
D3 bel蓹 uzun ald谋rmaz, Bu 艧eyi bir siyah谋s谋 kimi.
>> Biz maraql谋 艧eyl蓹r ola bil蓹r, biz d蓹 ola bil蓹r
kimi strings bir siyah谋s谋 var.
Bel蓹 ki, bu Crimson ba艧l谋qlar谋 var M蓹n bir ne莽蓹 g眉n 蓹vv蓹l se莽ilmi艧.
V蓹 b蓹lk蓹 b蓹zi maraql谋 tapa bil蓹rsiniz bu bir ba艧l谋qlar谋 haqq谋nda h蓹r 艧eyi.
>> Bel蓹 ki, yen蓹 bu 艧eyi bir siyah谋s谋.
D3 qay臒谋 deyil.
Bu string olmaq 眉莽眉n n蓹.
Biz data d蓹yi艧ib etdik.
>> Bizim vizual qay谋daq.
陌ndi bizim vizual g枚zl蓹yir giri艧 n枚mr蓹l蓹ri olmal谋d谋r.
Bel蓹likl蓹, biz olacaq Bir ne莽蓹 d蓹yi艧iklikl蓹r etm蓹k.
Bel蓹 ki, m蓹s蓹l蓹n, ilk n枚vb蓹d蓹, b蓹lk蓹 Biz birlikd蓹 bu dair蓹l蓹r qoymaq ist蓹yir蓹m
m枚vzu uzunlu臒u, m枚vzu simvol say谋.
>> Bel蓹 ki, n蓹 biz h蓹r zaman That ed蓹c蓹yik bizim funksiyas谋 bir simli il蓹 adlan谋r,
biz uzunlu臒u tapa bil蓹rsiniz v蓹 sonra miqyasl谋 ki, ke莽ir.
r蓹ng, m蓹n qay谋tmaq laz谋md谋r polad mavi ki.
V蓹 biz getm蓹k.
Biz vizual bir Crimson ba艧l谋qlar谋.
>> Bizim miqyasl谋 bir az off edir.
茝n uzun g眉man ed蓹k m枚vzu, 100 simvol uzunlu臒unda
bel蓹 ki, bir az ki span.
V蓹 biz bir vizual var.
Bel蓹 ki, 蓹n 莽ox ba艧l谋qlar谋 g枚r眉n眉r birlikd蓹 olduqca yax谋n,
karakter x蓹tti bax谋m谋ndan.
Amma bir h蓹qiq蓹t蓹n se莽ilir.
>> Biz b蓹zi al蓹tl蓹r qurmaq bil蓹r daha t蓹dqiq etm蓹k.
M蓹n bu bar蓹d蓹 i艧 zaman, m蓹n maraql谋 olub, bu veri d蓹sti,
bir n枚qt蓹 il蓹 ba艧l谋qlar谋 Onlar谋n uzun olard谋.
M蓹n ki, n蓹z蓹rd蓹 tutur.
>> Bel蓹 ki, tapmaq imkan verir.
R蓹ng istifad蓹 ed蓹k kanal, biz 蓹vv蓹l oldu臒u kimi
olub b蓹zi kodlar bir n枚qt蓹 v蓹 ya he莽 bir var.
Bel蓹likl蓹, biz bir daha 艧蓹rti istifad蓹 ed蓹c蓹yik.
Bilirsiniz yoxdur Bu m蓹lumat,
lakin bu bir yoxlamaq nec蓹 x眉susi xarakter 眉莽眉n string
JavaScript yen蓹 m眉vafiq deyil.
>> Amma biz bir tapmasan谋z kolon, biz ya艧谋l qay谋tmaq laz谋md谋r.
Biz 蓹g蓹r, biz q谋rm谋z谋 qay谋tmaq laz谋md谋r.
Bel蓹 ki, yen蓹 oldu臒unu ba艧l谋qlar谋 bir n枚qt蓹 q谋rm谋z谋 olacaq var.
Bu g枚z蓹l dem蓹kdir, n蓹.
>> Bel蓹 ki, g枚r眉n眉r ki, m蓹nim f蓹rziyy蓹 bumped olunur.
Yaln谋z iki var.
Biz yaln谋z alt谋 data xal var v蓹 yaln谋z iki colons idi.
Amma bu bir az daha g枚r眉n眉r a艧a臒谋 sonunda, 蓹slind蓹.
Colons il蓹 ba艧l谋qlar谋 g枚r眉n眉r 眉mum蓹n olmaq,
bizim data 蓹n az谋 maraql谋 set--.
>> Etm蓹k 眉莽眉n ki, qay谋daq polad mavi v蓹 sonra g枚rm蓹k
Biz h蓹tta ed蓹 bil蓹rsiniz n蓹 daha maraql谋 m蓹lumatlar.
Bel蓹 ki, yen蓹, m蓹n qeyd D3 data 艧eyi bir siyah谋s谋.
Biz bir 莽ox n枚vl蓹ri n枚mr蓹l蓹ri g枚rd眉m.
Biz strings g枚rd眉k.
Lakin 艧eyi d蓹 obyektl蓹ri ola bil蓹r.
>> Onlar m眉r蓹kk蓹b 艧eyl蓹r ola bil蓹r ki, bir 莽ox 艧eyi daxildir.
Daha ayd谋n des蓹k, 茝ks蓹r hallarda, biz
h蓹r data point qurmaq ist蓹yir蓹m daha 莽ox yaln谋z bir d蓹y蓹ri daha m眉r蓹kk蓹bdir.
Bir t蓹s蓹vv眉r ist蓹yirsinizs蓹 t蓹l蓹b蓹 haqq谋nda bazas谋
t蓹l蓹b蓹 ola bil蓹r ad谋, t蓹l蓹b蓹 ID,
v蓹 bir 莽ox 艧eyi ba臒l谋 x眉susi rekord il蓹,
yaln谋z bir simli v蓹 ya bir s谋ra.
Bel蓹 ki, baxaq.
>> Bu set bel蓹 bir m蓹lumatd谋r.
Bu z蓹lz蓹l蓹 haqq谋nda m眉蓹yy蓹n bir m蓹lumatd谋r.
Bizim siyah谋 v蓹 ya array burada h蓹r 艧ey, bel蓹 ki, 艧eyi 莽ox 艧ey 枚z眉 ehtiva edir.
Bel蓹 ki, h蓹r data point bir bal g眉c眉nd蓹 v蓹 蓹laq蓹l蓹ndirm蓹k.
V蓹 枚zl蓹ri koordinatlar谋 iki 艧eyi ehtiva edir.
>> Bel蓹 ki, art谋q h蓹r g眉n daha 莽ox var m眉r蓹kk蓹b v蓹 bir 莽ox maraql谋
v蓹 daha 莽ox ehtiva edir maraql谋 m蓹lumatlar.
Biz ki, h蓹yata qurmaq bil蓹r g枚rm蓹k ed蓹k.
, Yen蓹 bura qay谋daraq istifad蓹 Bizim histogram dair蓹 vizual
in艧a etdik, biz in艧a ed蓹 bil蓹rsiniz 蓹g蓹r in g枚r蓹k bal g眉c眉nd蓹 paylanmas谋 vizual
Bizim data set.
>> Bel蓹 ki, burada, eyni anlay谋艧 var.
Amma indi, d 莽ox 艧ey var.
d 莽ox m蓹lumat elementl蓹ri ehtiva edir.
Bel蓹 ki, biz d almaq.
D3 biz蓹 d verir.
V蓹 biz b枚y眉kl眉y眉n眉 tapmaq cavab d v蓹 sonra miqyasl谋 ki, ke莽蓹n.
>> V蓹 sonra biz d蓹yi艧dirm蓹k laz谋md谋r Bizim miqyasl谋, 蓹lb蓹tt蓹.
B枚y眉kl眉kl蓹ri sad蓹c蓹 deyil, bel蓹 ki, daha 10 gedin.
茝slind蓹, orada he莽 oldu 10 bal g眉c眉nd蓹 z蓹lz蓹l蓹.
Amma bizim 眉st c眉r sonunda, bizim 眉st spektri.
>> 脺zr蓹 yenilemek ed蓹k.
Nice, bir vizual var.
Bu, note-- maraql谋d谋r Iki data xal var ki,
dem蓹k olar ki, m蓹hz h蓹r 眉st edir dig蓹r, miqyas谋 bax谋m谋ndan.
Biz istifad蓹 etdiyiniz qeyri-艧蓹ffafl谋q il蓹 g枚r眉r眉k.
>> Biz indi co臒rafi m蓹lumatlar var.
Biz seqmentl蓹rind蓹 v蓹 uzunluq var.
B蓹lk蓹 biz bir 艧ey yoxdur v蓹 ola bil蓹r 莽ox ki, daha maraql谋.
B蓹zi daha 莽ox tapa olsun g枚r眉nt眉l蓹m蓹k 眉莽眉n maraql谋 yol
Bu daha m眉r蓹kk蓹b m蓹lumat biz girm蓹 imkan谋 vard谋r.
>> Act V, Mapping-- 蓹sasl谋, biz bir harita bu qoymaq ist蓹yir蓹m.
M蓹n bu hara getdiyini, bu, dem蓹k.
Biz haqq谋nda m蓹lumat kodlar ist蓹yir蓹m Bu z蓹lz蓹l蓹 oxu m枚vqeyi,
habel蓹 onlar谋n bal g眉c眉nd蓹, biz indi var.
Biz istehlak nec蓹 ba艧a d眉艧m蓹k daha m眉r蓹kk蓹b data.
>> Biz ed蓹c蓹yik ilk 艧ey bir x蓹rit蓹, fon x蓹rit蓹si yaratmaq.
M蓹n vasit蓹sil蓹 getm蓹k 眉莽眉n gedir蓹m Bu, 莽ox tez.
Bu 莽蓹tin kodu.
O ba艧qa biri reseptl蓹r, h蓹qiq蓹t蓹n, yoxdur
Istifad蓹 etm蓹k 眉莽眉n tam ba艧a d眉艧m蓹k laz谋md谋r.
Amma bu kodu.
Bu kod Burada bir x蓹rit蓹 yarad谋r.
>> Biz 蓹trafl谋 getm蓹k fikrind蓹 deyilik.
Amma s蓹thi, n蓹 edir bu us.json fayl谋 sor臒u ed蓹n
bir veri fayl谋 kimi biz 蓹vv蓹l idi bir.
Bu, 蓹lb蓹tt蓹, daha m眉r蓹kk蓹b var.
Lakin bu halda, h蓹r 艧ey, H蓹r data point bu d枚vl蓹t
v蓹 bir siyah谋s谋 var en ve boylam
ki, poliqon m眉蓹yy蓹n, ki, forma, d枚vl蓹t.
>> Bel蓹 ki, D3 n蓹 ox艧ar biz 蓹vv蓹l n蓹 眉莽眉n.
Bu t蓹l蓹b v蓹 bir element 眉莽眉n m蓹cburidir.
V蓹 bir funksiyas谋 var ki, ki element h蓹yata x蓹rit蓹si ed蓹c蓹k,
seqmentl蓹rind蓹 ve boylam 蓹saslan谋r.
Siz daha 莽ox oxuya bil蓹rsiniz.
M蓹n bu g蓹lir.
>> Da links var Bu kodu sonu olunub.
V蓹 code 艧蓹rh olunur.
Bu daha 眉莽眉n links var.
M蓹n bu q蓹d蓹r baxmaq g蓹lir.
Amma biz n蓹 qay臒谋 Bu proyeksiya f蓹aliyy蓹t g枚st蓹rir.
M蓹n ke莽m蓹k ist蓹yir蓹m.
>> 陌lk n枚vb蓹d蓹, m蓹n蓹 g枚st蓹rm蓹k bildirin Siz ki, b蓹li, biz bir x蓹rit蓹 var.
Maps s蓹rin var.
Bel蓹 ki, bu baxaq istehsal f蓹aliyy蓹t g枚st蓹rir.
>> Projection 莽ox deyil miqyas谋nda kimi, yen蓹 t蓹r蓹zi.
Bel蓹 ki, n蓹 istehsal谋 眉莽眉n Bu proyeksiya funksiyas谋
, biz Boylam ke莽蓹 bil蓹r ki, yoxdur v蓹 bu halda latitudes--,
Burada bu d蓹y蓹rl蓹r Binan谋n Lat-longs
Biz sa臒 oturan edirik , 陌ndi proyeksiya.
V蓹 proyeksiya d枚n眉艧t眉r眉r x v蓹 y pixel d蓹y蓹rl蓹r daxil.
>> Bel蓹 ki, n蓹 proyeksiya edir Bizim miqyas谋na 莽ox ox艧ard谋r.
Bu, bizim seqmentl蓹rind蓹 alaraq v蓹 b眉t眉n d眉nyan谋n t蓹msil Boylam
v蓹 azalan v蓹 sizing Biz ist蓹yirik meydan谋nda a艧a臒谋,
Biz verilmi艧 etdik ki.
Bu halda, biz ist蓹yirik bu d蓹y蓹rl蓹ri ke莽蓹n.
V蓹 bu, yax艧谋, biz蓹 verilm蓹si ekranda 640 piksel dem蓹kdir.
Bu, b眉t眉n ekran 700 piksel geni艧 ki, burada haqq谋nda biz蓹 edir ki,
a艧a臒谋 v蓹 154 piksel, m蓹n smeta olduqca 莽ox burada.
>> Bel蓹 ki, o lat-longs alaraq olan B眉t眉n d眉nyan谋n bir 艧ey t蓹msil
v蓹 squishing v蓹 蓹traf谋nda h蓹r蓹k蓹t Biz蓹 x v蓹 y pixel d蓹y蓹rl蓹r verm蓹k,
bu var ilk 艧ey Bu mapping kodu etdik.
V蓹 sonra qalan kodu data istehlak
v蓹 h蓹min lat-longs x蓹rit蓹l蓹r ekranda bir 艧ey 眉z蓹rind蓹.
>> Amma biz bu proyeksiya istifad蓹 etm蓹k olacaq funksiyalar谋, bu 莽谋x谋r, 莽眉nki
biz d蓹 lat-longs longs var.
Bizim data geri Axtar谋ram, biz en ve boylam 蓹laq蓹l蓹ndirir
H蓹r m眉艧ahid蓹.
Bel蓹 ki, proyeksiya istifad蓹 ed蓹k.
>> Bel蓹 ki, bizim ekspozisiyan谋n baxaraq, Biz exposition-- ist蓹yirik
Biz enlem ve boylam bir var.
Amma biz pixel d蓹y蓹rl蓹r ist蓹yirik.
V蓹 莽谋x谋r, biz m蓹hz var biz proyeksiya want--.
Biz 莽ox kimi Burada miqyasl谋 istifad蓹 ed蓹r蓹k,
biz indi proyeksiya istifad蓹 etm蓹k olacaq v蓹 koordinatlar谋 ke莽ir.
Ilk 艧ey, bel蓹 ki, Biz ist蓹yirik ki, doing-- edirik
f蓹rdi m蓹lumatlar谋n 蓹ld蓹 d, f蓹rdi z蓹lz蓹l蓹 element
oxu.
Biz n蓹 ilk 艧ey koordinatlar谋 蓹ld蓹 edir.
B眉t眉n h眉quqlar, biz koordinatlar谋 var.
>> biz ikinci 艧ey proyeksiya ki, ke莽ir.
Projection bu koordinatlar谋 莽evirir pixel d蓹y蓹rl蓹r, x v蓹 y daxil.
V蓹 sonra son 艧ey biz yaln谋z x almaq etm蓹k ist蓹yir蓹m,
olan bu halda ilk biridir.
Bu iki 艧eyi ilk var ki, proyeksiya t蓹r蓹find蓹n qaytar谋l谋r.
>> Biz y 眉莽眉n eyni ed蓹c蓹yik.
Ancaq 蓹v蓹zin蓹, biz qay谋tmaq laz谋md谋r 陌kinci element, y.
Yenilemek 眉莽眉n haz谋r olun.
Ooh, 蓹lav蓹 xarakter burada g枚z蓹l, biz
bir data idar蓹 s蓹n蓹d obyektl蓹rin bu JSON fayl谋 gizl蓹dilm蓹si,
bir x蓹rit蓹 edilm蓹si v蓹 d蓹yi艧dirilm蓹si m蓹lumatlar谋na ba臒l谋 aid
bir x蓹rit蓹d蓹 layih蓹.
Bu, h蓹qiq蓹t蓹n maraql谋d谋r.
Bu s蓹rin edir.
>> Bir notch onu ed蓹k.
Hesab edir蓹m ki, iki 蓹d蓹d var, dem蓹k H蓹r data n枚qt蓹si il蓹 m蓹lumat.
M蓹n 眉莽 dem蓹kdir.
Biz koordinatlar谋 var, olan bir x v蓹 y edir.
V蓹 biz b枚y眉kl眉y眉n眉 var.
>> Biz el蓹 miqyas谋n谋 kodlar laz谋md谋r.
Biz kanallar谋 bir 莽ox var.
Biz r蓹ng istifad蓹 ed蓹 bil蓹rsiniz.
Biz radius istifad蓹 ed蓹 bil蓹rsiniz.
Biz qeyri-艧蓹ffafl谋q istifad蓹 ed蓹 bil蓹r.
Biz kodu bir 莽ox 艧eyi istifad蓹 ed蓹 bil蓹r.
Bu atributlar谋 v蓹 莽ox h蓹r hans谋 orada siyah谋da yoxdur ki, daha
onlar iste臒e ist蓹yirik, 莽眉nki biz bil蓹r Bu data kodlar istifad蓹 stroke
v蓹 b眉t眉n bu 艧eyl蓹r dediyim etdik.
>> 脺zr蓹 radius ed蓹k.
M蓹n radius 蓹n asan hesab edir蓹m.
Bel蓹 ki, yen蓹 biz ki, a臒谋r kodlu 蓹v蓹z laz谋md谋r 40 v蓹 b蓹zi hesablamalar etm蓹k.
Biz yen蓹 sevimli miqyasl谋 istifad蓹 ed蓹c蓹yik.
V蓹 biz d ke莽mi艧 ist蓹yirik.
Biz b枚y眉kl眉y眉n眉 ist蓹yir蓹m, 莽眉nki Lakin d deyil d. d yaln谋z m蓹lumat n枚qt蓹sidir.
Biz bal g眉c眉nd蓹 miqyasl谋 ke莽m蓹k laz谋md谋r.
>> 脺zr蓹 daha c蓹hd ed蓹k.
Ooh, bu i艧 deyil.
N蓹 i艧 deyil?
>> Bel蓹 ki, n蓹 miqyasl谋 xat谋rlay谋ram.
Yenid蓹n miqyas谋nda baxaq.
1-d蓹n 10 Scale x蓹rit蓹l蓹r 600 22, az v蓹 ya 莽ox.
600 b枚y眉kd眉r.
Biz bu 蓹ld蓹 etdiyiniz g枚r蓹.
>> Bel蓹 ki, biz miqyas谋n谋 d蓹yi艧dirm蓹k ist蓹yir蓹m daha m蓹qbul bir 艧ey.
Biz 60 0 ist蓹yirik dey蓹k.
60 b枚y眉k, lakin 10 z蓹lz蓹l蓹 inan谋lmaz nadirdir.
茝slind蓹, onlar ba艧 he莽 vaxt etdik.
>> Bel蓹 ki, bu n蓹, bu almaq laz谋md谋r 1-d蓹n 10 gedir bizim bal g眉c眉nd蓹
v蓹 onu geni艧l蓹ndirm蓹k 眉莽眉n onu x蓹rit蓹y蓹.
V蓹 60 0 onu x蓹rit蓹si.
脺zr蓹 yenilemek ed蓹k.
>> Nice, bir vizual var.
Bu, b枚y眉k deyil.
Bu faktiki m蓹lumatd谋r.
Siz m蓹nim ki莽ik oyuncaq, g枚r蓹c蓹ksiniz M蓹s蓹l蓹n, 蓹n b枚y眉k z蓹lz蓹l蓹
biz蓹 do臒ru 眉st edir.
Amma bu.
Biz tarix idar蓹 vizual ki, data istehlak
v蓹 h蓹qiq蓹t蓹n biz蓹 verir maraql谋 m蓹lumatlar.
B蓹li, b蓹zi 蓹lav蓹 ed蓹k bu interaktiv.
M蓹n ki, qeyd D3 g眉cl眉 q眉vv蓹.
>> Bel蓹 ki, burada, h蓹r bir element, biz ist蓹yirik atributlar谋ndan bir d蓹st蓹 izah.
Amma biz d蓹 biz ist蓹diyiniz n蓹 t蓹svir ed蓹 bil蓹rsiniz interaktiv elementl蓹ri il蓹 ba艧.
M蓹s蓹l蓹n, biz t蓹svir ed蓹 bil蓹r n蓹 zaman si莽an 眉z蓹rind蓹 olur.
V蓹 莽ox ox艧ar, ki, bir funksiyas谋 almaq laz谋md谋r,
莽ox ox艧ar biz 蓹vv蓹l idi atributlar谋
biz bir 艧ey yoxdur biz art谋q element hover zaman.
>> Bel蓹 ki, ilk 艧ey laz谋md谋r ki, element se莽in edir,
browser, 蓹sas蓹n tapmaq 眉莽眉n.
sonra biz m眉蓹yy蓹n ed蓹 bil蓹r bu bir atributu.
Biz hover zaman n蓹 m蓹n burada edir蓹m ki, bir 艧ey 眉z蓹rind蓹, biz element almaq laz谋md谋r
v蓹 sonra geri qeyri-艧蓹ffafl谋q m眉蓹yy蓹n 1, tamamil蓹 qeyri-艧蓹ffaf 眉莽眉n.
Ki kimi g枚r眉n眉r n蓹 ed蓹k.
>> Biz bir var g枚r眉n眉r Burada 蓹lav蓹 n枚qt蓹li verg眉l.
Biz burada hover Bel蓹 ki, tam olur.
Amma indi, 蓹lb蓹tt蓹, onu tam qal谋r 脟眉nki biz
n蓹 t蓹svir etm蓹k laz谋md谋r zaman kursor 莽谋xar谋n.
Bel蓹 ki, m蓹hz bunu bildirin mouseout, mouseover f蓹rqli olaraq.
>> V蓹 biz onu yenid蓹n qurmaq laz谋md谋r biz 0,5 茝vv蓹l var idi.
陌ndi, h蓹r zaman hover, biz tam dair蓹 almaq.
Bu, bizim n蓹 g枚rm蓹k k枚m蓹k edir, biz biz mahiyy蓹tc蓹 se莽ilm蓹si edirik.
>> 陌ndi bu, h蓹qiq蓹t蓹n b枚y眉k ed蓹k.
Real m蓹lumatlara bu 蓹laq蓹 ed蓹k.
Bel蓹 ki, soru艧aq bil蓹r USGS onlar谋n data haqq谋nda.
AB艦-谋n Geoloji Bel蓹 ki, z蓹lz蓹l蓹 haqq谋nda m蓹lumat var.
Onlar ed蓹 ictimai API var JSON formatda istehlak edil蓹c蓹k.
Bel蓹 ki, bunu ed蓹k.
>> Bel蓹 ki, bu kodu bir az ki, USGS API birl蓹艧dirir.
V蓹 emal bir az var.
Bu m眉vafiq deyil, lakin onu asanla艧d谋r谋r kimi bir sad蓹 data format
biz 蓹vv蓹l idi.
Bel蓹likl蓹, m蓹n bizim z蓹ng qurtarmaq fayl Bizim saxta data.json.
V蓹 蓹v蓹zin蓹, z蓹ng edir蓹m Mahiyy蓹tc蓹 USGS.
>> , Bu yenileyin g枚z蓹l olsun.
Bu faktiki, real-life data z蓹lz蓹l蓹 bu h蓹ft蓹.
Bu, h蓹qiq蓹t蓹n maraql谋d谋r.
Bu t蓹蓹cc眉bl眉 deyil Bizim 眉莽眉n, lakin var
z蓹lz蓹l蓹l蓹rin bir 莽ox California West Coast.
Amma bu 莽ox maraql谋 idi d眉艧眉nd眉m bir 莽ox z蓹lz蓹l蓹 var idi ki,
Alyaska, v蓹 y蓹qin, burada Midwest.
M蓹n maraql谋 dem蓹k v蓹 biz yax艧谋 deyilik.
Bu n蓹tic蓹 var.
>> Amma 蓹sasl谋, bu D3 biz蓹 k枚m蓹k edir.
Bu, bizim m蓹lumat almaq k枚m蓹k edir, bind DOM elementl蓹ri 眉莽眉n,
v蓹 bu elementl蓹r d蓹yi艧iklik var m蓹lumatlar谋n bir funksiyas谋 kimi,
bu atributlar谋, b眉t眉n elementl蓹rin 莽ox atributlar谋,
b眉t眉n kanallar谋 眉莽眉n faydal谋 ola m蓹lumat 莽atd谋rmaq 眉莽眉n.
>> D3 inan谋lmaz g眉cl眉 kitabxana v蓹 q蓹rib蓹 d蓹 ax谋r.
Bu, b蓹zi g眉cl眉 hey蓹ti var.
Data vizual bir inan谋lmaz g眉cl眉 al蓹t
d蓹rin insanlara 莽atd谋r谋lmas谋 眉莽眉n onlar谋n 蓹sas olur anlay谋艧lar
v蓹 onlara, anlamaq k枚m蓹k edir Bu d蓹rin v蓹 intuitiv 艧蓹kild蓹,
nec蓹 data i艧l蓹rin v蓹 nec蓹 m蓹lumat h蓹yat谋m谋z谋 d蓹yi艧ir.