[సంగీతాన్ని] 

DAVID CHOUINARD: నేను డేవిడ్ ఉన్నాను Chouinard, మరియు ఈ D3 ఉంది. స్వాగతం. మేము నేడు D3 గురించి తెలుసుకోవడానికి చూడాలని. D3 ఒక JavaScript ప్రణాళిక అధిక నాణ్యత నిర్మించడానికి వెబ్ ఇంటరాక్టివ్ ప్రతిబింబాలను. మేము ఏమి చేస్తున్నామో వంటి థింగ్స్ నాకు వెనుక చూసిన, మేము ఆ చేయడానికి తెలుసుకోవడానికి చూడాలని విషయాలు, ఇది పునాదులను రకం. కానీ అది చల్లని చేస్తాడు. యొక్క ప్రారంభించడానికి లెట్ అందంగా చిత్రాలు మేకింగ్. మేము మరింత ప్రదర్శనలు పొందారు అందుబాటులో అవకాశాలు. లెట్ యొక్క ఇది. 

నేను యాక్ట్, DOM manipulation-- మేము వెళుతున్న చల్లని విషయాలు మేకింగ్ వెంటనే ప్రారంభించడానికి. అన్ని మొదటి, ఎడమవైపు, మేము కోడ్ కలిగి. కుడి న, మేము కలిగి మా కోడ్ ఫలితంగా. ఇది ద్వారా వెళ్ళి తెలపండి. 

యొక్క ఒక వృత్తం తయారు చేద్దాము. ఎలా ఆ ధ్వని చేస్తుంది? svg.append circle-- మేము కేవలం ఒక వృత్తం చేసిన. మీరు కుడి, నాకు నమ్మకం లేదు? ఇది అక్కడ కాదు. 

కాబట్టి మేము ఇక్కడే ఏమి, SVG కొలవలేని వెక్టర్ గ్రాఫిక్స్ ఉంది. ఈ మేము బ్రౌజర్ చెప్పడం మార్గం బ్రౌజర్ లో వెక్టర్ గ్రాఫిక్స్. మనం కేవలం కుడి ఇప్పుడు చేశాడు బ్రౌజ్ ఒక వృత్తం జోడిస్తారు. 

వాగ్దానం సర్కిల్ ఉంది ప్రాథమిక లక్షణాలను ఒక బిట్ అవసరం మేము నిజానికి అది చూడటానికి ముందు. మేము దాని x స్థానం చెప్పడం అవసరం దాని y స్థానం, దాని వ్యాసార్థం. మేము ఏ అది చెప్పరు, కాబట్టి మేము ఇప్పుడు చూసిన లేదు. కానీ యొక్క విషయాన్ని అది చెప్పనివ్వండి. 

అన్ని కాబట్టి మొదటి, మీరు వచ్చింది చేసిన మా సర్కిల్ ఒక పేరు ఇవ్వడం. కాబట్టి యొక్క సర్కిల్ కాల్ తెలియజేయండి. మా సర్కిల్ ఇప్పుడు ఒక పేరు ఉంది. మరియు ఇది కొన్ని గుణాలను కల్పించడానికి అనుమతిస్తాయి. ఎలా CX గురించి కాబట్టి, x సెంటర్ x స్థానానికి మధ్యలో. 200 పిక్సెళ్ళు, 200 చెప్పటానికి లెట్. 

అలాగే 200 పిక్సెళ్ళు ఒక y ఇవ్వాలని లెట్. మరియు గురించి 40 పిక్సల్స్ ఆర్, ఎ వ్యాసార్థం. ఇప్పుడు చూద్దాము. నేను స్పెల్లింగ్ కాదు. 

అక్కడ మీరు వెళ్ళండి. మేము స్థానం 200 వద్ద ఒక వృత్తం కలిగి పిక్సెళ్ళు, 200 పిక్సెళ్ళు, 40 పిక్సెళ్ళు యొక్క వ్యాసార్థం. చల్లని రకం, కుడి? మేము ఒక వృత్తం కలిగి. అవును. 

కాబట్టి అవసరం పాటు అనుసరించండి. ఈ ఉదాహరణలు అన్ని నేను ఈ రోజు చేస్తున్నదాన్ని కోడ్ చివరిలో ఆన్లైన్ అందిస్తాము ఇంటరాక్టివ్ ఉదాహరణలు రూపంలో వద్ద పరీక్షాకేంద్రాలు తో ప్రతి చర్య, మరియు అందువలన న. 

యొక్క మరింత stuff లెట్. ఈ నలుపు వృత్తం నిజంగా అగ్లీ ఉంది. నేను ఆ లోపం క్షమించండి అక్కడే సందేశాలను. అక్కడ మేము వెళ్ళి. 

ఇది ఒక రంగు ఇవ్వాలని లెట్. అని ఉంది? నేను ఉక్కు నీలం ఇష్టం. Well, మా సర్కిల్ రంగు మారింది. ఆ గొప్ప పని. యొక్క ఇది పాక్షిక పారదర్శక తయారు చేద్దాము too-- సెమీ పారదర్శక. 

కాబట్టి ఈ గుణాలు ఉంటాయి మేము సర్కిల్ లో నిర్వచించు చేస్తున్నారు. మేము మొదటి విషయం ఉంది మేము పేజీలో ఒక వృత్తం చాలు. మరియు తర్వాత మేము నిర్వచించు చేస్తున్నారు లక్షణాల యొక్క బంచ్. వీటిలో కొన్ని అవసరం, CX సి వై, మరియు వ్యాసార్థం వంటి. మరియు ఇతరులు వైకల్పికం. 

చాలా లక్షణాలను ఉన్నాయి. వాటిని చాలా ఉన్నాయి. ఉదాహరణకు, మేము కలిగి కాలేదు స్ట్రోక్ అలాగే, ఎరుపు ఒక స్ట్రోక్. కానీ యొక్క ఆ తొలగించడానికి వీలు. మేము తిరిగి ఒక వృత్తము, ఒక నీలం సర్కిల్ ఉన్నారు. 

కాబట్టి యొక్క మరింత వృత్తాలు తయారు చేద్దాము. అని ఉంది? యొక్క మరొక సర్కిల్ తయారు చేద్దాము. ఈ కుడి, ఉత్తేజకరమైన ఉంది? 

సో నేను కాపీ-అతికించారు చెప్పటానికి మనం ఉన్నాం. యొక్క ఇది circle2 కాల్ లెట్. మరియు యొక్క ఖచ్చితమైన తెలియజేసేలా అదే విషయం అది ఇవ్వాలని 300 యొక్క ఒక X- స్థానం ఇవ్వబడింది, ఆపాదించాడు. అవును, మేము ఇప్పుడు రెండు వృత్తాలు కలిగి. 

మరియు కోర్సు యొక్క, మేము అనుకొనుట ఈ విలువలు అప్డేట్. నేను 400 వద్ద ఉంచారు కాలేదు, మరియు ఇప్పుడు అది కదులుతుంది. అది బాధించే మరియు నుండి, లెట్స్ కాబట్టి circle2.remove, దాన్ని తొలగించండి. ఇది ఇప్పుడు అయిపోంది. 

కాబట్టి మేము చేస్తున్న ఏమి మరియు ఈ very--, కేవలం చాలా ఉంది మీరు ఏమి పోలి ఉంది ఉదాహరణకు, j క్వెరీ లో ఏమి ఉండవచ్చు. మేము కేవలం అభిసంధానించడం చేస్తున్నారు DOM, దాన్ని అని. మీరు ముందు పదం విన్న ఉండవచ్చు. మేము సెట్, stuff సృష్టిస్తున్నారు అంశాలను తీసివేయడం, విషయంపై ఆపాదించాడు. 

ఇది ఆసక్తికరమైన గెట్స్ పేరు ఇప్పుడు, ఇక్కడ. కాబట్టి తర్వాత కోడ్, మేము ఇప్పటికీ అనుకొనుట ఇక్కడ అసలు సర్కిల్ చూడండి. కాబట్టి యొక్క CX దాని గుణం రీసెట్ తెలియజేయండి. 400 దాని x స్థానం, యొక్క అని పిలవబడు. నేను మార్పుని వెళుతున్న ఆ, దానిని స్పష్టంగా ఉంది కాబట్టి. అక్కడ మేము వెళ్ళి. 

కాబట్టి మేము ఒక వృత్తం జోడించారు. మేము కొన్ని గుణాలను. మేము, మరొక సర్కిల్ జోడించారు అది తొలగించబడుతుంది. మరియు తర్వాత మేము మార్చడం చేస్తున్నారు అసలు వృత్తం. 

అది గెట్స్ కానీ ఇక్కడ ఉన్నారు చాలా ఆసక్తికరమైన. మాత్రమే మేము గుణాలను చేయవచ్చు కేవలం విలువలను, మేము చెప్పగలను హే, సర్కిల్, 200 ఉంచడం వెళ్ళండి. మేము కూడా విధులు వాటిని సెట్ చేయవచ్చు. 

సో బదులుగా, ఇక్కడ 400 ఇవ్వడం మేము కొన్ని లెక్కింపు చేయవచ్చు దానికి ఎగిరి మేము ఆ గుణం ఉండాలనుకుంటున్నాను. కాబట్టి ఈ మీరు వ్యక్తం కావలసిన ఎలా ఉంది. మేము బదులుగా 400 యొక్క, నాకు తెలియజేయండి చెప్పారు బదులుగా మీరు ఒక ఫంక్షన్ ఇవ్వాలని. మరియు ఇక్కడ, ఈ ఫంక్షన్ లోపల, మేము ఏ వెర్రి లెక్కింపు చేయవచ్చు. 

మేము సమయం పడుతుంది మరియు కొన్ని ఇతర విషయం చూడండి ధైర్యంగా నిర్ణయించుకోండి మేము ఏ విలువ వృత్తం. ఎలా మేము కేవలం ఇవ్వాలని గురించి అది ఒక యాదృచ్ఛిక x స్థానం? కాబట్టి ఆ ఆ. 

సో వాట్ చెబుతున్నాయి ఉంది ప్రతి x, ఈ ఫంక్షన్ అమలు. మరియు మనం చేస్తున్న లెక్క ఉంది కొన్ని విషయాలు, ఒక యాదృచ్ఛిక వెడల్పు సార్లు మరియు ఆ తిరిగి. కాబట్టి మేము ఆ అమలు ప్రతి సమయం, మేము ఒక పొందుటకు ఒక యాదృచ్ఛిక స్థానానికి వెళ్ళే వృత్తం. ఇది చల్లని యొక్క ఉంటాము. నేను కనిపించాలి వంటి నేను భావిస్తున్నాను ఒక చిన్న కోసం ఈ వద్ద. మేము పొందుటకు మొదలు పెడుతున్నారు ఇక్కడ ఆసక్తికరమైన ఏదో. ఇప్పుడు నడిచే ఈ డేటాను తయారు చేద్దాము. ఇక్కడ ఏ డేటా ఉంది. యొక్క మార్చే లెట్. 

చట్టం II, డేటా నడిచే Documents-- కాబట్టి యొక్క ఇక్కడ తిరిగి తెలియజేయండి. మరియు, యొక్క కేవలం circle2 వదిలించుకోవటం తెలియజేయండి మేము కేవలం జోడించడం మరియు తొలగించడం ఉన్నందున అది. కాబట్టి మేము నిజంగా అవసరం లేదు. మేము ఇక్కడ చాలా తెలివైన ఉండాలి. మేము కలిగి, అనుకుందాము విధమైన కొన్ని డేటా. ఒకటి, యొక్క అని పిలవబడు క్షణంలో మేము ఈ రూపం డేటా కలిగి. మేము కేవలం ఒక శ్రేణి కలిగి సంఖ్యలు ఒక సమూహం. మేము ఇక్కడ ఏడు సంఖ్యలను కలిగి సంసార ఈ ప్రాతినిధ్యం మొత్తం ప్రజలు బ్యాంకు ఖాతా, ఎలా వారు దేవుడు ఏమి తెలుసు, బరువు. 

ఈ సంఖ్యలు ఉంటాయి, మరియు మేము మా వృత్తాలు ఉపయోగించడానికి కావలసిన ఏదో ఆ సంఖ్యలు ప్రాతినిధ్యం. మేము మా కట్టాలి కావలసిన ఆ సంఖ్యలు వృత్తాలు. కాబట్టి మేము ఏమి. యొక్క సే, మనం కావలసిన ఒక ప్రతి సంఖ్య కోసం వృత్తం. మేము పాత చేయగల మేము చేస్తూ చేశారు విషయం సర్కిల్ append మరియు circle2 మరియు circle3. కానీ ఈ చేతి అవుట్, మరియు తర్కం పునరావృతమైన ఒక చాలా ఉంది. 

కాబట్టి యొక్క ఆ మరింత తెలివైన పొందుటకు వీలు. బదులుగా var సర్కిల్ ఉపయోగించి , మేము కేవలం ఉపయోగిస్తున్నారని svg.append మేము ఉపయోగించే చూడాలని ఇక్కడ ఈ చిన్న బ్లాక్. నేను లోతైన లో వెళ్ళి వద్దు ఏమి అన్ని ఈ భాగాలను. మరియు అది ఒక ఆధునిక అంశం యొక్క ఉంటాము. నేను అనుకొనుట అనుకుంటున్నారా. 

కానీ కీ విషయం recognize-- మరియు మీరు D3 కోడ్ లో చాలా తరచుగా చూస్తారు. టెక్స్ట్ ప్రాథమిక బ్లాకును పలు వర్గాల్లో సృష్టిస్తుంది డేటా అంశాలు ఉన్నాయి ఇక్కడే ఈ శ్రేణి లో. కాబట్టి ఈ అనేక సృష్టిస్తుంది అక్కడ వృత్తాలు అంశాలు. ఇది మాకు ఏడు వలయాలు సృష్టించడానికి జరగబోతోంది. మరియు అది ఒక నిజంగా కీ విషయం చేస్తుంది. కాబట్టి యొక్క అమలు అనుమతిస్తాయి. మా ఇతర సర్కిల్ తొలగించండి లెట్. యొక్క ఈ వ్యాఖ్యానించిన లెట్ బయటకు భాగంగా మళ్ళీ ఈ అమలు. 

అక్కడ మేము వెళ్ళి. కాబట్టి ఇక్కడ మా సర్కిల్ ఒక చాలా ముదురు, మేము ఎందుకంటే ఏడు వృత్తాలు కలిగి, ఒక ఇతర పైన. మేము కేవలం ఏడు వృత్తాలు, ఒక రూపొందించినవారు ఈ డేటా అంశాల చెరో. కానీ జరిగిన కీలక విషయం ఉంది ఇక్కడే ఈ స్నిప్పెట్ తో. 

ఇది డేటా కట్టుబడ్డాడు ఆ. కాబట్టి ప్రతి ఒకటి యొక్క ఆ డేటా అంశాలు, 10, 45, 105, కట్టుబడ్డాడు ఒక నిర్దిష్ట సర్కిల్కు. కాబట్టి ఈ మాత్రమే సృష్టించలేదు వృత్తాలు ఒక బంచ్ కానీ కలిసి ఆ రెండు విషయాలు ప్రస్తావించారు. 

భవిష్యత్తులో, మేము రూపొందించినవారు ఎందుకంటే ఈ D3 ఫంక్షన్ తో ఆ వృత్తాలు, నేను మీరు ఒక సర్కిల్ ఇవ్వాలని ఉంటే, మీరు చెయ్యవచ్చు నాకు అది సంబంధం డేటా ఇస్తాయి. కాబట్టి మేము D3 అడగవచ్చు. హే, డి 3, నేను ఈ సర్కిల్ ఉంది. వృత్తం ఉంది ఆ డేటా ఏమిటి? మరియు D3 మాకు 10 లేదా 45 లేదా 105 తెలియచేయును. 

ఈ విషయాలు బంధం ఏర్పరుస్తాయి. ఆ చాలా, చాలా ప్రాథమిక భావన ఉంది. యొక్క ఆ చూద్దాం. 

కాబట్టి మార్గం మేము D3-- అడగండి భావిస్తున్న ఈ, ఈ సంబంధం లేదు కానీ దాని మీద నన్ను నమ్మండి. ఈ మేము D3 అడగండి ఎలా. హే, డి 3, నాకు మొదటి ఇవ్వాలని మీరు పొందవచ్చు వృత్తం. నాకు మీరు పొందవచ్చు మొదటి సర్కిల్ ఇవ్వండి. మరియు తర్వాత మేము D3 గోవా కాలేదు ఏమిటి ఈ వంటి ఆ డాటా, 10. 

కాబట్టి మేము కేవలం D3 అడగండి నన్ను కనుగొంటారు మీరు కనుగొనగలరు మొదటి వృత్తం. దాని డేటా ఏమిటి? 10, ఆ నిజానికి మా ఉంది మొదటి డేటాను మూలకం. మేము, హే, డి 3 అడిగే కాలేదు మాకు మా మూడవ వృత్తం కనుగొనేందుకు. 105. ఎందుకు ఈ నిజంగా ముఖ్యం? 

కాబట్టి ఇక్కడే నేను చెప్పిన మేము విధులు ఉపయోగించవచ్చు. నేను ఆ పేర్కొన్నారు ఒక శక్తివంతమైన విషయం. సో మాత్రమే మా విధులను పనులను చేయవచ్చు ఉదాహరణకు, కొన్ని గణనకు, ఒక యాదృచ్ఛిక సంఖ్య చేయవచ్చు తిరిగి డేటా ఆధారపడి పనులను. ఈ డేటా నడిచే పత్రాలు అర్థం ఏమిటి. ఆ D3 ఉన్నచో ఏమిటి. 

కాబట్టి ఈ x postition-- బదులుగా కేవలం అన్ని సర్కిల్ల మాట్లాడుతూ, x స్థానం 200 పొందుటకు, మేము అది ఒక ఫంక్షన్ ఇవ్వాలని కాలేదు. మరియు ఇక్కడ, మేము కొన్ని లెక్కింపు చేయవచ్చు. మరియు ఇక్కడ D డేటా కోసం స్థానంలో నిలుస్తుంది. కాబట్టి ప్రతి సమయం మేము కలిగి ఒక వృత్తం, ప్రధానంగా, D3 ఈ ఏడు వృత్తాలు సృష్టిస్తుంది. ఆపై ప్రతి 

సర్కిల్, అది హే, వెళ్ళడానికి జరగబోతోంది circle1 మీ x స్థానం ఏమిటి. గతంలో, మేము ఉన్నాయి ఎల్లప్పుడూ 200 ఆన్సరింగ్. కానీ ఇప్పుడు, ప్రతిసారీ D3 అడుగుతుంది మాకు మీ x స్థానం ఏది, మేము కలిగి us-- ఇవ్వాలని జరగబోతోంది ఆ వృత్తం, కాబట్టి మేము డేటా చేశారు. ఇది మాకు డేటా ఇవ్వాలని మరియు చెప్పటానికి జరగబోతోంది ఏమి మీరు వైభవంగా ఉండాలనుకుంటున్నాను లేదు, డేటా ఆధారంగా. 

యొక్క కేవలం వాస్తవ డేటా తిరిగి లెట్. మేము ఈ అమలు చేస్తే, ఈ ఇస్తుంది మాకు డేటా పత్రాలు నడిచే. ఈ వృత్తాలు ఆధారపడి ఉంటాయి సంబంధించి స్థానం లో వారు డేటా విధిగా స్థావరాలు ఉన్నారు. 

మొదటి సర్కిల్ కాబట్టి, D3 ఒక వృత్తం ఉంచుతుంది. ఆపై D3 ఏమి, మాకు అడుగుతుంది మీరు వైభవంగా ఉండాలనుకుంటున్నాను. మరియు మేము కేవలం డేటా ఏమైనా చెప్పడానికి. వైభవంగా 10 నిర్ధారించుకోండి. 

అప్పుడు మీరు ఏమి అనుకుంటున్నారు, అడుగుతుంది వైభవంగా రెండవ సర్కిల్ కోసం ఉండాలి. మరియు మేము 45 సమాధానం. మరియు మేము, కోర్సు యొక్క, చెయ్యవచ్చు ఇక్కడ కొన్ని గణన చేయడానికి. నేను ఆ సర్కిల్స్ కనుగొనేందుకు రకమైన squished ఉంటాయి. 

3 కాబట్టి డేటా గుణిస్తారు 3 ద్వారా గుణిస్తారు. మా సర్కిల్ కేవలం విస్తరించింది కాకముందు. మా విలువ మూడింతలు జరిగినది. 

సర్కిల్, నిజంగా అంచున ఉంది కాబట్టి యొక్క బహుశా రకమైన అది ఆఫ్సెట్ తెలియజేయండి. 20 ద్వారా చెబుతారు. ఇక్కడ మీరు వెళ్ళండి. 

ఈ ఒక డేటా విజువలైజేషన్ ఉంది. ఇది ఒక చాలా ప్రాథమిక ఒకటి, కానీ ఈ మాకు మా డేటా కొన్ని అంతర్దృష్టి ఇస్తుంది. ఇది మాకు చెబుతుంది, ఉదాహరణకు, మేము మూలకాల ఒక చిన్న క్లస్టర్ ఉన్నాయి. మరియు మేము ఇక్కడ ఒక పెద్ద outlier చేశారు. ఈ మాకు కొంత సమాచారాన్ని ఇస్తుంది పంపిణీ గురించి. 

మేము ఉంటే, ఉదాహరణకు, మార్చడానికి ఇక్కడ 150 మరియు రిఫ్రెష్ డేటా, మా విజువలైజేషన్ మార్చబడింది. ఈ పత్రం డేటా నడిచే. 

కోర్సు యొక్క కాబట్టి, ఈ అంశాలను, ఇక్కడ ఈ గుణాలను, మేము ఒక ఫంక్షన్ ఉపయోగించగలను చేయవచ్చు కేవలం సంఖ్యలు, కేవలం x మరియు y స్థానాలు. కాబట్టి మేము రంగు కోసం ఒక ఫంక్షన్ ఉపయోగించవచ్చు. కాబట్టి మేము అదే చేస్తాను. మేము ఒక ఫంక్షన్ ఇస్తాము. 

మరియు మేము, యొక్క అని పిలవబడు మా ఫంక్షన్ లో షరతులతో. ఈ ఫంక్షన్ కావచ్చు దీర్ఘ పంక్తులు వందల. ఇది చాలా క్లిష్టమైన పనులను చేయవచ్చు. 

కాబట్టి యొక్క ఇక్కడ ఒక ప్రకటన ఉంటే చాలు తెలపండి. మా డేటా తక్కువ ఉంటే, యొక్క అని పిలవబడు 50 కంటే, కొన్ని ప్రవేశ వార్తలు మేము ఆసక్తి ఉన్నట్లు కొన్ని కారణాల కోసం. యొక్క ఇది ఆకుపచ్చ తయారు చేద్దాము. లేకపోతే, అది ఎరుపు తయారు చేద్దాము. అని ఉంది? నీస్. 

కాబట్టి మా డేటా విజువలైజేషన్ ప్రారంభమైనదని మరింత ఆసక్తికరమైన సమాచారాన్ని చెప్పేటప్పుడు అనేక చానెళ్లలో. కాబట్టి ఇప్పుడు మేము ఒక బిట్ తెలుసు పంపిణీ గురించి. మరియు మేము విధమైన ఉంది తెలుసు మేము ఆసక్తి ఉన్నాము 50 వద్ద నిలిపివేశారు. మేము రెండు డేటా పాయింట్ల ఉన్నాయి అని తెలుసు వాటిని చాలా ప్రారంభ క్రింద మరియు పైన. 

కాబట్టి ఒక చివరి దశ వంటి, ఇక్కడ ఈ డేటా, అది ఆ వంటి ఈ చూడటానికి చాలా అరుదైన ఉంది. కాబట్టి యొక్క కేవలం ఒక వేరియబుల్ దానిని బయటకు వెళ్దాం ఈ వంటి, క్లీనర్ ఎందుకంటే. మరియు తర్వాత మేము ఇక్కడ ఆ వేరియబుల్ ఉపయోగించడానికి. ఇది ఖచ్చితమైన అదే విషయం. ఇది కేవలం ఒక బిట్ క్లీనర్ యొక్క. 

తదుపరి అప్, చట్టం III, Scales-- కాబట్టి ఒక సమస్య కుడి మేము మార్పు ఉంటే, ఇక్కడ మా ఈ 200 విలువ లో డేటా మేము 400 మార్చుకోండి లేదా ఏదో మరియు రిఫ్రెష్, అప్పుడు ఈ విలువ కేవలం రూపురేఖలకు వెళ్ళింది. ఇక్కడే మా తర్కం కాబట్టి ఎలా మేము ఏమి సార్లు 3 మరియు 20, తరువాత దాన్ని వ్యాపించాయి అది ఆఫ్సెట్ ఒక బిట్ నిజంగా clunky ఉంది. 

ఆ సంఖ్యలు దీని అర్ధం ఏమిటి? వారు కేవలం హార్డ్ కోడెడ్ చేస్తున్నారు. మరియు వారు చాలా డేటా ముడిపడి చేస్తున్నారు. మేము ఒక డేటా నడిచే పత్రాన్ని కావలసిన. మేము చాలా సరళమైన పత్రాన్ని కావలసిన, ఇచ్చిన డేటా, అది వర్తిస్తుంది మరియు అది సూచిస్తుంది. 

మనం ప్రధానంగా అవసరం మేము, సంఖ్యలు 10 ఈ శ్రేణి కలిగి. 45, 105. మరియు మేము మీదకు ఎత్తి మ్యాప్ అనుకుంటున్నారా వెడల్పు, ఇక్కడ పూర్తి వెడల్పు. కాబట్టి మేము శ్రేణి కలిగి 0 నుండి 100 వెళుతున్న సంఖ్యలు. మరియు మేము ఈ క్యాంపస్ నేను వెళ్తాడు ఈ సందర్భంలో, 700 20 నుండి. 

మేము రకమైన ఆ చిత్ర చిహ్నం కావలసిన. మేము అప్ స్కేల్ కావలసిన మరియు అప్పుడు కొద్దిగా ఆఫ్సెట్. ఇది D3 ఈ కలిగి అవుతుంది. ఇది ఇంతక్రితం అని. కాబట్టి యొక్క ఉపయోగించడానికి అనుమతిస్తున్నట్లు. 

నేను వెళుతున్న రచనలు ఆ మార్గం ఈ అప్ టైప్ మరియు అప్పుడు అది వివరిస్తాయి. ఈ స్థాయి ఉంది. ఏమిటి అది చేస్తాను, దాన్ని మ్యాప్ చేస్తుంది 20 600 న 1 నుంచి 200 కు విలువలు. మేము ఆ తనిఖీ చేయవచ్చు. మేము ఇక్కడ చూడగలరు. 

కాబట్టి నేను తిండికి ఉంటే 1 ఉంటుంది ఒక క్షణం. నాకు ఒక రెండవ ఇవ్వండి. నేను mistyped ఉండాలి. అక్కడ మీరు వెళ్ళండి. నేను ఆ గురించి క్షమించండి. 

కాబట్టి ఒక స్థాయిలో చేస్తాను ఏమి , ఒక విలువను పడుతుంది ఉంది ఆపై ఆ మార్చేందుకు, ఆ సాగుతుందని, కాబట్టి అది మీరు కోరుతూ చేస్తున్న పూర్తి స్థాయి నింపుతుంది. ఈ సందర్భంలో, మేము అది ఒక ఇవ్వాలని ఉంటే, అది 20 పై ఆ మ్యాప్ జరగబోతోంది. మేము అది 200 ఇవ్వాలని ఉంటే, అది వార్తలు 600 ఆ న మ్యాప్ అన్నారు. ఎక్కడో మధ్య లో, మేము 100 వస్తే, అది వార్తలు ఎక్కడో వెళుతున్న 20 మరియు 600 మధ్య లో. 

మరియు కోర్సు యొక్క, ఇప్పుడు ఈ ఏమిటి మేము ఆ హార్డ్ కోడెడ్ తొలగించాలి విషయాలు మేము అక్కడే ఉన్నాయి. కాబట్టి మనం చేయాలనుకుంటున్నారా ఏమి ఉంది మేము చేస్తున్న డేటా పడుతుంది ఇచ్చిన ఆ వ్యక్తి ఆ డేటా మూలకం, మరియు మొదటి స్థాయికి దానిని పాస్. కాబట్టి ఎత్తున అది అప్ స్కేల్ ఉంటుంది. 

ఓహ్ Well--, మేము ఇక్కడ ఒక చిన్న లోపం ఉంది. మేము డేటా కోల్పోతున్నారు. అక్కడ మీరు వెళ్ళండి. మరియు అది అవుట్ విస్తరిస్తుంది. 

మాకు అదే ఇస్తుంది ఫలితంగా మేము, ముందు కానీ బదులుగా ఆ కలిగి హార్డ్ అవరోధాల కోడెడ్. మరియు ఒకవేళ యొక్క పరిమాణం మా కాన్వాస్ మార్పులు, ఉదాహరణకు, మేము ఈ పైగా కలిగి అనుకుంటే 400 పిక్సెళ్ళు మరియు దాన్ని squishes, మేము అది వెళ్ళి కలిగి మేము దీన్ని విస్తరించడానికి లేదా మేము చేయవచ్చు ఈ ఎడమ మార్జిన్ తగ్గిస్తుంది తక్కువ లేదా ఎక్కువ కంటే 20 ఏదో. ఈ సంఖ్యలు, ఈ హార్డ్ కోడెడ్ సంఖ్యలు ఇప్పుడు మాకు తెలుస్తుంది. 

మరియు మేము చాలా ఎక్కువ జాగ్రత్త అలాగే ఆసక్తికరమైన విషయాలు. సో బదులుగా ఒక సరళ కలిగి ఎత్తున, మేము ఒక స్థాయిలో లాగిన్ అనుకోవచ్చు. మరియు మాకు ఒక లాగ్ స్థాయి ఇస్తుంది. 

కాబట్టి ఇప్పుడు మా స్థాయి, బదులుగా ఆ శ్రేణిని విస్తరిస్తున్న, అది మరింత అధునాతన విషయాలు చేయుచున్నాడు. బదులుగా హార్డ్ ఈ శ్రేణి కలిగి , మరియు బదులుగా ఆ 600 కలిగి కోడెడ్, మేము కేవలం వెడల్పు వుపయోగించాలని అనుకొనుచున్న, కాబట్టి వెడల్పు మైనస్ 40 కు 20 నుండి, 2 సార్లు ఇతర వైపు మార్జిన్. మరియు ఈ ఒక చాలా అర్ధమే కోడ్ చూడండి గల ఎవరైనా. 

ఆసక్తికరంగా, ప్రమాణాల పొందండి చాలా అధునాతన అలాగే. వారు ఆసక్తికరమైన విషయాలు చేస్తాను. కాబట్టి ప్రమాణాల తప్పనిసరిగా లేదు కేవలం సంఖ్యలు ఆపరేట్. ఒక రంగు స్థాయి తయారు చేద్దాము. 

కాబట్టి మా శ్రేణి ఉండబోతుంది కాలేదు మా డొమైన్ 200 1. ఆ ఇన్పుట్ విషయం. కానీ మేము నుండి మ్యాప్ అనుకుంటున్నారా ఉండవచ్చు ఉదాహరణకు, ఎరుపు ఆకుపచ్చ. ఇప్పుడు, మేము అది 1 పాస్ ఉంటే, మేము ఆకుపచ్చ పొందడానికి వెళుతున్న. మేము అది 200 ఇవ్వాలని ఉంటే, మేము ఎరుపు పొందుతారు. మరియు మేము మధ్య అది ఏదో పాస్ ఉంటే, ఆ కొన్ని మిశ్రమంగా ఉంటుంది జరగబోతోంది, ఎక్కడో వాలు ఆకుపచ్చ మరియు ఎరుపు మధ్య. 

మరియు బదులుగా కలిగి clunky తర్కం యొక్క ఈ రకమైన మేము ఇక్కడ కలిగి అక్కడే నియత మేము ఏదైనా కలిగి కాలేదు ఆ మధ్య సరళ తరహా. కాబట్టి మేము స్థాయి ఉపయోగించే ఇష్టం మేము కేవలం , రూపొందించినవారు మేము రంగు పిలుపునిచ్చింది. మరియు మేము అది d ఇవ్వాలని కోరుతున్న మా డేటాను మూలకం ఉంది. మరియు అక్కడ మేము వెళ్ళి. మేము ఒక రంగు స్థాయి కలిగి. 

కాబట్టి ఈ మాపింగ్ ఉంది. ఇప్పటివరకు ఎడమ పూర్తిగా ఆకుపచ్చ. కుడి వైపున పూర్తిగా ఎరుపు. మరియు మధ్య లో ప్రతిదీ D యొక్క ఒక ఫంక్షన్ ఉంది. మేము ఒక ఆసక్తికరమైన కలిగి ఇక్కడ ప్రతిబింబాలను. కానీ మా డేటా రకమైన బోరింగ్ ఉంది. మేము ఉంటే ఏమి చేయగలరో చూద్దాం మేము మరింత ఆసక్తికరమైన డేటా కలిగి. 

చట్టం IV, పనిచేస్తోంది మొదటి విషయం డేటాను మేము చేయడానికి చెయ్యవచ్చును మా మరింత ఆసక్తికరమైన విజువలైజేషన్ ఎక్కడైనా డేటా తరలించడమే. ఇది కలిగి చాలా clunky వార్తలు డేటా ఇక్కడ హార్డ్ కోడెడ్. మరియు సాధారణంగా, మేము అడగడం ఉంటాం డేటా కోసం మరొకరి. మేము ఉండవచ్చు ప్రభుత్వం కోరింది అవుతారు సెన్సస్ బ్యూరో, మీ డేటా ఏమిటి మరియు ఆ ఇతివృత్తం లేదా అడుగుతూ కొన్ని డేటా కోసం కొన్ని మూడవ-పార్టీ పరిధి ఆపై ఒక భవనం ఆ పై సాక్షాత్కారము. 

మొదటి విషయం కాబట్టి మనం చేయాలనుకుంటున్నారా ఎక్కడైనా ఆ తరలించడానికి ఉంది. కాబట్టి నేను ఒక సృష్టించడానికి వెళుతున్న ఇక్కడ అని data.json దాఖలు. JSON డేటా ఫార్మాట్. మీరు గురించి చాలా తెలుసు లేదు. మరియు మేము కాపీ చూడాలని మేము అక్కడ కొద్దిగా డేటా, అక్కడ యధాతధంగా లో అతికించండి, వెళ్ళి తిరిగి మా విజువలైజేషన్ కోడ్ ఇక్కడ, మరియు ఇక్కడ ఈ ఫంక్షన్ ఉపయోగించడానికి. మీరు వివరాలు తెలుసుకోవాలంటే లేదు. కానీ ఏమి చేస్తాను, ఉంది అది ఆ ఫైల్ కనుగొంటారు, అది పొందడం, మరియు అది మాకు తిరిగి. కాబట్టి ఈ ఏమి అది వెళుతుంది ఉంది మరియు data.json ఫైల్. ఆపై అన్ని కోడ్ వార్తలు ముఖ్యంగా లోపల ఇండెంట్, అన్ని కోడ్ మేము అక్కడ విల్ లేదు మేము తిరిగి డేటా వచ్చినప్పుడు మాత్రమే అమలు. అది ఆ అమలు జరగబోతోంది మేము కలిగి డేటా కోడ్. గ్రేట్, మేము ఒక ప్రశ్నిస్తుంది ఆ విజువలైజేషన్ కొన్ని కోడ్ ఎక్కడో ఎవరికి ఇది సాధారణంగా ఉంది అది ఎక్కడ నుండి కొన్ని డేటా ప్రశ్నిస్తుంది ఎక్కడైనా, సాధారణంగా ఇది ప్రతిబింబాలను పని ఎలా. 

కానీ నేను డేటా తిరిగి వెళ్లాలనుకుంటే. D3-- D3 మౌలికంగా కాబట్టి డేటా విషయాల జాబితా ఆ డేటా ఖర్చవుతుంది. D3 డేటా కేవలం ఒక జాబితా ఉంటుంది ఆశిస్తున్నట్లు విషయాలు, విషయాలు యొక్క వ్యూహం. ఇది ఆ విషయాలు పట్టింపు లేదు చాలా కాలం అది వాటిని యొక్క వ్యూహం వంటి, ఉన్నాయి. 

ఇక్కడ, ఉదాహరణకు, మేము యొక్క కాలేదు కోర్సు ఫ్లోటింగ్ పాయింట్ విలువలు చేశారు. మేము ప్రతికూలతలు కాలేదు. D3 చాలా కాలం పట్టించుకోరు అది విషయాలను జాబితా ఉంది వంటి. 

మేము ఆసక్తికరమైన విషయాలు చూపుతుంది మేము కూడా అనుకొనుట ఆ వంటి తీగలను జాబితా కలిగి. కాబట్టి ఈ క్రిమ్సన్ ముఖ్యాంశాలు ఉన్నాయి నేను కొన్ని రోజుల క్రితం కైవసం చేసుకుంది. మరియు ఉండవచ్చు మీరు కొన్ని ఆసక్తికరమైన పొందవచ్చు ఈ ఒక ముఖ్యాంశాలు గురించి విషయాలు. 

మరలా, ఈ విషయాలు జాబితా. D3 పట్టించుకోరు. ఈ స్ట్రింగ్ కావడం. మేము మా డేటా మార్చారు. 

మా విజువలైజేషన్ తిరిగి లెట్. ఇప్పుడు, మా విజువలైజేషన్ ఆశిస్తున్నట్లు ఇన్పుట్ సంఖ్యలు అని. కాబట్టి మేము చేయబోతున్నామని కొన్ని మార్పులు చేయడానికి. కాబట్టి ఉదాహరణకు, మొదటి అన్ని యొక్క, బహుశా మేము పాటు ఈ వృత్తాలు ఉంచాలి కావలసిన శీర్షిక యొక్క పొడవు ద్వారా, శీర్షిక లో అక్షరాలు సంఖ్య. 

కాబట్టి మనం ప్రతిసారీ ఏమిటంటే చేస్తాను మా ఫంక్షన్ ఒక స్ట్రింగ్ తో అంటారు, మేము అది పొడవు పొందుతారు మరియు ఆపై స్థాయిలో ఆ పాస్. రంగు, నేను తిరిగి ఉంటాం ఉక్కు నీలం అని. మరియు అక్కడ మేము వెళ్ళి. మేము ఒక విజువలైజేషన్ కలిగి క్రిమ్సన్ ముఖ్యాంశాలు. 

మా ఎత్తున ఒక బిట్ ఆఫ్. అతిపొడవైన భావిస్తాయి లెట్ శీర్షిక, 100 కారెక్టర్లు కాబట్టి ఒక బిట్ బయటకు span. మరియు మేము ఒక విజువలైజేషన్ చేశారు. కనుక ఇది చాలా ముఖ్యాంశాలు తెలుస్తోంది కలిసి అందంగా దగ్గరగా ఉన్నాయి, పాత్ర లైన్ పరంగా. కానీ ఒక నిజంగా నిలుస్తుంది. 

మేము కొన్ని టూల్స్ నిర్మించడానికి కాలేదు మరింత ఆ అన్వేషించడానికి. నేను ఈ పని చేసినప్పుడు కానీ, నేను ఆసక్తికరమైన లేదో, ఈ డేటా సెట్ లో, ఒక కోలన్ తో ముఖ్యాంశాలు వాటిని ఇక ఉంటుంది. నేను వారు ఊహిస్తుంది. 

కాబట్టి యొక్క అవ్ట్ కనుగొనండి. యొక్క రంగు ఉపయోగించడానికి అనుమతిస్తున్నట్లు ఛానల్ మేము ముందు చేశాడు అనేదానిపై ఎన్కోడ్ ఒక కోలన్ లేదా సంఖ్య ఉంది. కాబట్టి మేము మళ్ళీ ఒక నియత ఉపయోగిస్తాము. మీరు తెలుసు లేదు ఈ వివరాలు, కానీ ఈ మేము ఒక తనిఖీ ఎలా ఉంది ఒక నిర్దిష్ట పాత్ర కోసం స్ట్రింగ్ జావాస్క్రిప్ట్ లో, మళ్ళీ, సంబంధిత కాదు. 

కానీ మేము ఒక కనుగొనేందుకు లేకపోతే పెద్దప్రేగు, మేము ఆకుపచ్చ తిరిగి పొందుతారు. మేము అలా ఉంటే, మేము ఎరుపు తిరిగి పొందుతారు. మరలా, ఆ ముఖ్యాంశాలు ఒక కోలన్ ఎరుపు ఉంటుంది చేశారు. ఈ nice means-- ఏమిటి. 

కాబట్టి ఆ తెలుస్తోంది నా పరికల్పన దాని పట్టును సడలించింది. కేవలం రెండు ఉంది. మేము కేవలం ఆరు డేటా పాయింట్లు కలిగి మరియు కేవలం రెండు కోలన్లు వచ్చింది. కానీ అది ఒక బిట్ మరింత కనిపిస్తుంది దిగువ ముగింపు, నిజానికి. కోలన్లు హెడ్లైన్స్ కనిపిస్తుంది సాధారణంగా పొట్టిగా, మా డేటా కనీసం ఆసక్తికరమైన సెట్. 

యొక్క ఆ తిరిగి లెట్ ఉక్కు నీలం మరియు అప్పుడు చూడండి మేము కూడా చేయవచ్చు ఏమి మరింత ఆసక్తికరమైన డేటా. మరలా, నేను ఆ ప్రస్తావన D3 డేటా విషయాలు జాబితా. మేము అనేక రకాల సంఖ్యలు చూసిన. మేము తీగలను చూసిన. కానీ విషయాలు కూడా వస్తువులు ఉంటుంది. 

వారు క్లిష్టమైన విషయాలను ఉంటుంది ఆ విషయాలు చాలా ఉన్నాయి. మరింత స్పష్టంగా చెప్పటానికి, చాలా సందర్భాలలో, మేము ప్రతి డేటా పాయింట్ నిర్మించడానికి కావలసిన కేవలం ఒక విలువ కంటే సంక్లిష్టంగా. మీరు ఒక ఊహించే ఇష్టం ఉంటే విద్యార్థుల గురించి డేటాబేస్, ఒక విద్యార్థి ఉండవచ్చు పేరు, ఒక విద్యార్థి ID, మరియు విషయాలు చాలా సంబంధం ఒక నిర్దిష్ట రికార్డు తో, కేవలం ఒక స్ట్రింగ్ లేదా సంఖ్య. కాబట్టి యొక్క ఆ చూద్దాం. 

ఈ సెట్ అలాంటి డేటా. ఈ భూకంపాలు గురించి ఒక డేటా సమితి ఉంది. మా జాబితా లేదా శ్రేణి ఇక్కడ ప్రతిదీ కాబట్టి విషయాలు అనేక విషయాలు కూడా ఉంది. కాబట్టి ప్రతి డేటా పాయింట్ ఒక పరిమాణం మరియు నిరూపకం. మరియు తాము సమన్వయ రెండు విషయాలు కలిగి. 

కాబట్టి ప్రతి రోజు ఇప్పుడు చాలా ఎక్కువగా ఉంది క్లిష్టమైన మరియు చాలా ఆసక్తికరమైన మరియు మరింత కలిగి ఆసక్తికరమైన సమాచారం. యొక్క మేము బయటకు నిర్మించేందుకు చూద్దాం. మళ్ళీ ఇక్కడ తిరిగి సాధించాక ఉపయోగించి మా హిస్టోగ్రాం వృత్తం విజువలైజేషన్ మేము నిర్మించిన చేసిన, మేము ఒక నిర్మించవచ్చు లేదో యొక్క చూసేలా పరిమాణం పంపిణీ విజువలైజేషన్ మా డేటా సెట్ లో. 

ఇక్కడ, అది అదే భావన ఉంది. కానీ ఇప్పుడు, d ఎక్కువ విషయాలు కలిగి. d అనేక డేటా ఎలిమెంట్లను కలిగి. కాబట్టి మేము తిరిగి D పొందండి. D3 మాకు d ఇస్తుంది. మరియు మేము పరిమాణం కనిపెట్టడం ద్వారా స్పందించడం d ఆపై స్థాయిలో ఆ ప్రయాణిస్తున్న. 

మరియు తర్వాత మేము మార్చడానికి అవసరం మా ఎత్తున, కోర్సు. పరిమాణాలకు కేవలం లేదు కాబట్టి మరింత 10 కంటే వెళ్ళండి. అసలైన, అక్కడ ఎన్నడూ 10 తీవ్రతతో భూకంపం. కానీ మా ఎగువ రకంగా ముగింపు, మా ఉన్నత స్పెక్ట్రం. 

యొక్క రిఫ్రెష్ చేయండి. నైస్, మేము ఒక విజువలైజేషన్ చేశారు. అలా note-- ఆసక్తికరంగా వార్తలు రెండు డేటా పాయింట్ల ఉన్నాయి దాదాపుగా ప్రతి పైన ఇతర పరిమాణ పరంగా. మీరు మేము ఉపయోగిస్తున్న అస్పష్టత ద్వారా ఈ చూడగలరు. 

మేము ఇప్పుడు భౌగోళిక డేటా చేశారు. మేము అక్షాంశాల, రేఖాంశాల చేశారు. బహుశా మేము ఏదో ఒక పని చేయడు చాలా ఆ మరింత ఆసక్తికరమైన. యొక్క కొంత కనుగొంటారు లెట్ చూసేందుకు ఆసక్తికరమైన మార్గం ఈ మరింత క్లిష్టంగా డేటా మేము యాక్సెస్. 

చట్టం V, Mapping-- ప్రాథమికంగా, మేము ఒక మాప్ లో ఈ ఉంచాలి కావలసిన. నేను ఈ వెళ్లి కౌంటీ ఈ అర్ధం. మేము గురించి సమాచారాన్ని కోడ్ చేయటానికి కావలసిన ఈ భూకంపం పఠనాలు స్థానం, అలాగే, వారి పరిమాణం, మేము ఇప్పుడు ఎందుకంటే. మేము తినే ఎలా అర్థం మరింత క్లిష్టంగా డేటా. 

మేము చేస్తాము మొదటి విషయం ఒక చిహ్నం, ఒక నేపథ్య చిత్రం సృష్టించడానికి. నేను ద్వారా వెళ్ళడానికి వెళుతున్న ఈ చాలా త్వరగా. ఈ తంత్రమైన కోడ్. ఇది ఆ మరో వార్తలు వంటకాలు మీరు నిజంగా లేదు మీరు ఉపయోగించడానికి కోసం పూర్తిగా అర్థం ఉంటుంది. కానీ ఈ కోడ్. ఈ కోడ్ ఇక్కడే ఒక చిహ్నం సృష్టిస్తుంది. 

మేము వివరాలు వెళ్ళడానికి వెళ్ళడం లేదు చేస్తున్నాం. కానీ పైపై, అది ఏమిటంటే, ఉంది ఈ us.json ఫైలు, ప్రశ్నిస్తుంది ఇది ఒక దత్తాంశ ఫైలు వంటిది మేము ముందు ఒకటి. ఇది కోర్సు యొక్క, మరింత క్లిష్టమైన పని. కానీ ఈ సందర్భంలో, ప్రతిదీ, ప్రతి డేటా పాయింట్ ఈ రాష్ట్రము మరియు జాబితా ఉంది అక్షాంశాల, రేఖాంశాల ఆ బహుభుజి నిర్వచించే, ఆ రూపం, ఆ రాష్ట్ర. 

కాబట్టి D3 చేస్తాను ఏమి పోలి ఉంటుంది మేము ముందు చేసిన. ఇది చెబుతుంది మరియు ఒక మూలకం ఆ జతకూడి. మరియు ఒక ఫంక్షన్ ఉంది అని ఆ మూలకం మ్యాప్ చేస్తుంది, అక్షాంశాల, రేఖాంశాల ఆధారంగా. మీరు ఆ మరింత చదువుకోవచ్చు. మరియు నేను సిఫార్సు చేస్తున్నాము. 

లింకులు ఉన్నాయి ఈ కోడ్ యొక్క ముగింపు పోస్ట్. మరియు కోడ్ వ్యాఖ్యానించారు. ఈ మరింత కోసం లింకులు ఉన్నాయి. నేను మీరు దానిని చూడవచ్చు సిఫార్సు చేస్తున్నాము. కానీ మేము గురించి ఏమిటి పట్టించుకోను ఈ ప్రొజెక్షన్ ఫంక్షన్. నేను ఆ ద్వారా వెళ్లాలనుకుంటే. 

అన్ని మొదటి, నాకు తెలియజేయండి మీరు ఆ, అవును, మేము ఒక చిహ్నం. మ్యాప్స్ బాగున్నాయి. కాబట్టి యొక్క ఈ చూద్దాం ఉత్పత్తి ఫంక్షన్. 

ప్రొజెక్షన్ చాలా ఉంది ఒక స్థాయి వంటి, మళ్ళీ ప్రమాణాల. సో వాట్ ఉత్పత్తి కోసం ఈ ప్రొజెక్షన్ ఫంక్షన్ , మేము అది రేఖాంశము పాస్ కాలేదు లేదు మరియు ఈ సందర్భంలో latitudes--, ఇక్కడ ఈ విలువలు భవనం యొక్క లాటిట్యూడ్-longs మేము కుడి కూర్చోవచ్చు ఇప్పుడు ప్రొజెక్షన్. మరియు ప్రొజెక్షన్ మారిపోతుంది x మరియు y పిక్సెల్ విలువలు ఆ. 

సో వాట్ ప్రొజెక్షన్ చేస్తోంది మా ఎత్తున చాలా పోలి ఉంటుంది. ఇది మా అక్షాంశాల తీసుకొని మరియు మొత్తం భూగోళం ప్రాతినిధ్యం రేఖాంశము మరియు తగ్గిపోతున్న మరియు ఆ పరిమాణము మేము కావలసిన చదరపు డౌన్, మేము ఇచ్చిన చేసిన. ఈ సందర్భంలో, మేము ఉన్నాము ఈ విలువలు ప్రయాణిస్తున్న. మరియు అది, అలాగే, మాకు ఇవ్వడం మీ తెరపై 640 పిక్సెళ్ళు అర్థం. ఈ మొత్తం స్క్రీన్ 700 పిక్సెళ్ళు విస్తృత, ఇక్కడ గురించి మాకు చేస్తుంది కాబట్టి, డౌన్ మరియు 154 పిక్సెళ్ళు, ఇది నేను చేస్తాను అంచనా అందంగా చాలా ఇక్కడ ఉంది. 

కాబట్టి ఆ లాటిట్యూడ్-longs తీసుకొని ఇది మొత్తం భూగోళం మీద ఏదో ప్రాతినిధ్యం మరియు squishing మరియు చుట్టూ కదిలే మాకు x మరియు y పిక్సెల్ విలువలు ఇవ్వాలని, ఈ తొలి విషయం ఈ మాపింగ్ కోడ్ జరుగుతుంది. మరియు అప్పుడు మిగిలిన కోడ్ డేటా ఖర్చవుతుంది ఆపై ఆ లాటిట్యూడ్-longs పటములు మీ తెరపై ఏదో లోకి. 

కానీ మేము ఈ ప్రొజెక్షన్ ఉపయోగించడానికి వెళుతున్న విధులు, అది అవుతుంది ఎందుకంటే మేము అలాగే లాటిట్యూడ్-longs longs చేశారు. మా వద్ద డేటా తిరిగి గురించి, మేము కలిగి అక్షాంశాల, రేఖాంశాల అక్షాంశాలు ప్రతి పరిశీలన కోసం. కాబట్టి యొక్క ప్రొజెక్షన్ ఉపయోగించడానికి అనుమతిస్తున్నట్లు. 

మా వైభవంగా చూడటం, మేము మా exposition-- కావలసిన మేము ఒక అక్షాంశం మరియు ఒక లాంగిట్యూడ్ చేశారు. కానీ మేము పిక్సెల్ విలువలు కావలసిన. మరియు అది అవుతుంది, మేము ఖచ్చితంగా కలిగి మనం ప్రొజెక్షన్ want--. మేము చాలా ఇష్టం ఇక్కడే ప్రమాణం వాడే, మేము ఇప్పుడు ప్రొజెక్షన్ ఉపయోగించడానికి వెళుతున్న మరియు ఇది అక్షాంశాలు పాస్. మొదటి విషయం కాబట్టి మేము ఉన్నాము కాబట్టి చేస్తూ చేస్తున్నారు ఒక వ్యక్తి డేటా ఇది పొందడానికి d, ఒక వ్యక్తి భూకంపం మూలకం పఠనం. మేము మొదటి విషయం అక్షాంశాలు పొందుటకు ఉంది. All right, మేము అక్షాంశాలు కలిగి. 

మనం చెయ్యవలసింది రెండవ విషయం ప్రొజెక్షన్ ఆ పాస్. ప్రొజెక్షన్ ఆ అక్షాంశాలు మారుస్తుంది పిక్సెల్ విలువలు, x మరియు y లోకి. ఆపై గత విషయం మేము కేవలం X ను చేయాలనుకుంటున్నారా, ఈ సందర్భంలో మొదటి ఒకటి. ఇది రెండు విషయాల మొదటి వార్తలు ఆ ప్రొజెక్షన్ ద్వారా తిరిగి వచ్చారు. 

మేము y ఒకే చేస్తాను. కానీ బదులుగా, మేము తిరిగి ఉంటాం రెండవ మూలకం, Y. రిఫ్రెష్ సిద్ధంగా పొందండి. Ooh, అదనపు పాత్ర ఇక్కడ nice, మేము కలిగి ఒక డేటా నడిచే పత్రం వస్తువుల ఈ JSON ఫైల్ దాచిపెట్టడం, ఒక చిహ్నం తయారు, మరియు మారుతున్న డేటా సంబంధించి కేటాయించండి ఒక మాప్ లో ప్రొజెక్ట్. ఈ నిజంగా ఆసక్తికరమైన ఉంది. ఈ బాగుంది. 

ఒక గీత అప్ తీసుకుందాం. మనం రెండు ముక్కలు కలిగి, అర్థం ప్రతి డేటా పాయింట్ తో సమాచారం. నేను మూడు, అర్థం. మేము అక్షాంశాలు కలిగి, ఇది ఒక x మరియు y ఉంది. మరియు మేము పరిమాణం కలిగి. 

మేము ఏదో పరిమాణం ఎన్కోడ్ అవసరం. మేము చానెల్స్ చాలా ఉన్నాయి. మేము రంగు ఉపయోగించవచ్చు. మేము వ్యాసార్థం ఉపయోగించవచ్చు. మేము అస్పష్టత ఉపయోగించవచ్చు. మేము కోడ్ లో అనేక విషయాలు ఉపయోగించవచ్చు. ఈ లక్షణాలను మరియు అనేక ఏదైనా అక్కడ లిస్ట్ లేని మరింత వారు ఐచ్ఛిక ఉన్నారు ఎందుకంటే, మేము అనుకొనుట ఈ డేటాను ఎన్కోడ్ ఉపయోగించడానికి, స్ట్రోక్ మరియు అన్ని ఈ విషయాలు నేను చెప్పిన చేసిన. 

యొక్క వ్యాసార్థం తెలియజేసేలా. నేను వ్యాసార్థం అత్యంత సహజమైన భావిస్తున్నాను. మరలా, మేము ఆ హార్డ్ కోడెడ్ స్థానంలో ఉంటాం 40 మరియు కొన్ని లెక్కలు చేయండి. మేము మళ్ళీ మా అభిమాన స్థాయి ఉపయోగించడానికి చేస్తాము. మరియు మేము d గతంలో ఉన్నాము. మేము పరిమాణం కావలసిన ఎందుకంటే కానీ ఇష్టం లేదు D యొక్క. d కేవలం డేటా పాయింట్ ఉంది. మేము మాగ్నిట్యూడ్ స్కేల్ పాస్ చేస్తాము. 

దాన్ని మళ్లీ ప్రయత్నించండి లెట్. Ooh, అది పనిచేయదు. ఎందుకు అది పని లేదు? 

కాబట్టి ఏమి స్థాయి గుర్తుంచుకోవాలి. మళ్ళీ స్థాయి చూద్దాం. 1 నుండి 10 వరకు స్కేల్ పటాల్లో 600 కు 22, ఎక్కువ లేదా తక్కువ. 600 భారీ ఉంది. మేము ఈ పొందుతుంటే ఎందుకు ఈ ఉంది. 

కాబట్టి మేము మా అత్యధిక స్థాయి మార్చడానికి కావలసిన మరింత సమంజసమైన ఏదో. మేము 60 0 కావలసిన, యొక్క అని పిలవబడు. 60 పెద్దది, కానీ 10 భూకంపాలు చాలా అరుదు. నిజానికి, వారు ఎప్పుడూ జరగలేదు చేసిన. 

కాబట్టి చేస్తాను ఏమిటి, అది తీసుకొని వెళ్తాము 1 నుండి 10 వెళ్తాడు మా తీవ్రతతో మరియు అది బయటకు విస్తరణ దానిపై మ్యాప్. మరియు 60 0 దాన్ని చిహ్నం. యొక్క రిఫ్రెష్ చేయండి. 

నైస్, మేము ఒక విజువలైజేషన్ చేశారు. ఈ గొప్ప ఉంది. ఈ వాస్తవ డేటా. మీరు నా చిన్న బొమ్మ, గమనిస్తారు ఉదాహరణకు, అతిపెద్ద భూకంపం కుడి మాకు పైన ఉంది. కానీ అది వార్తలు. మేము ఒక తేదీ నడిచే విజువలైజేషన్ కలిగి డేటా ఖర్చవుతుంది మరియు నిజంగా మాకు ఇస్తుంది ఆసక్తికరమైన సమాచారం. అవును, కొన్ని జోడించడానికి అనుమతిస్తుంది ఇది ప్రభావవంతమైన. నేను పేర్కొన్నారు డి 3 యొక్క బలమైన శక్తి. 

ఇక్కడ, ప్రతి మూలకం కోసం, మేము ఉన్నాము లక్షణాల యొక్క బంచ్ అభివర్ణించాడు. కానీ మేము కూడా మేము ఏమి వర్ణించేందుకు చేయవచ్చు ప్రభావవంతమైన అంశాలతో జరిగే. ఉదాహరణకు, మేము వివరించడానికి కాలేదు ఎప్పుడు ఏది మేము మౌస్ పైగా జరుగుతుంది. మరియు ఆ చాలా పోలి, ఒక ఫంక్షన్ తీసుకొని వెళ్తాము, చాలా పోలి , మేము ముందు కలిగి లక్షణాలను ఇక్కడ మేము ఏదో ఒకటి మేము అది పైగా మూలకం హోవర్. 

కాబట్టి మొదటి విషయం మేము అవసరం ఆ మూలకం ఎంచుకోండి ఉంది, బ్రౌజర్ లో, ప్రధానంగా దానిని కనుగొనేందుకు. మరియు తర్వాత మేము సెట్ కాలేదు అది ఒక లక్షణం. మేము హోవర్ కాబట్టి నేను ఇక్కడ చేస్తున్నదాన్ని ఉంది ఏదో పైగా, మేము ఆ మూలకం పొందుతారు ఆపై దాని అస్పష్టత సెట్ 1 వరకు పూర్తిగా అపారదర్శక కు. ఆ ఎలా చూద్దాం. 

ఇది మేము ఒక కలిగి కనిపిస్తుంది ఇక్కడ అదనపు సెమికోలన్. మేము ఇక్కడ పైగా హోవర్ చేస్తే, అది పూర్తి పొందుతాడు. కానీ ఇప్పుడు, కోర్సు యొక్క, ఇది పూర్తి ఉంటాయి మేము ఎందుకంటే ఏమి వర్ణించడానికి కలిగి మా కర్సర్ తొలగించండి. కాబట్టి యొక్క ఆ సరిగ్గా తెలియజేసేలా mouseout, mouseover వ్యతిరేకంగా. 

మరియు మేము దానిని రీసెట్ చేస్తాము మనం 0.5 ముందు వచ్చింది. మరియు ఇప్పుడు, ప్రతి సారి మనం హోవర్, మేము ఒక ఫుల్ సర్కిల్ పొందండి. ఇది మాకు చూడటానికి సహాయపడుతుంది మేము మేము తప్పనిసరిగా ఎంచుకోవడం చేస్తున్నారు. 

ఇప్పుడు యొక్క ఈ నిజంగా గొప్ప తయారు చేద్దాము. రియల్ డేటా ఈ కనెక్ట్ లెట్. కాబట్టి అడగండి తెలపండి అనుకొనుట USGS వారి డేటా గురించి. సంయుక్త జియోలాజికల్ సర్వే కాబట్టి భూకంపాలు గురించి డేటాను కలిగి ఉంది. వారు సమర్థులైన ఒక పబ్లిక్ API కలిగి JSON ఫార్మాట్ లో తీసుకోవాలి. కాబట్టి యొక్క ఆ తెలియజేసేలా. 

కాబట్టి ఈ కోడ్ యొక్క ఒక బిట్ USGS API కలుపుతుంది. మరియు అది న ప్రాసెసింగ్ యొక్క బిట్ ఉంది. ఈ సంబందించినది కాదు కానీ అది సులభతరం ఒక వంటి ఒక సాధారణ డేటా ఫార్మాట్ మేము ముందు వచ్చింది. కాబట్టి నేను మా కాల్ వదిలించుకోవటం ఫైలు మా నకిలీ data.json. మరియు బదులుగా, నేను కాల్ చేస్తున్నాను ముఖ్యంగా USGS. 

, రిఫ్రెష్ nice లెట్. ఈ వాస్తవ, నిజ జీవితంలో డేటా భూకంపాల ఈ వారం నుండి. ఈ నిజంగా ఆసక్తికరమైన ఉంది. ఈ ఆశ్చర్యం లేదు మాకు, కానీ అక్కడ భూకంపాల చాలా కాలిఫోర్నియా లో వెస్ట్ కోస్ట్. కానీ నేను చాలా ఆసక్తికరమైన భావించారు చాలా భూకంపాలు ఆ స్థానిక లో, మరియు స్పష్టంగా, ఇక్కడ మిడ్వెస్ట్. నేను ఆసక్తి అర్థం, మరియు మేము మంచి ఉన్నాము. ఆ ముగింపు ఉంది. 

కాని ప్రాథమికంగా, ఈ D3 మాకు సహాయపడే ఏమిటి. ఇది మాకు డేటా తీసుకోవడానికి సహాయపడుతుంది, bind DOM అంశాలను ఇది, మరియు ఆ అంశాలను మార్చడానికి కలిగి డేటా విధిగా, ఆ గుణాలను, అన్ని కలిగి చాలా అంశాల గుణాలు, అన్ని ఛానల్స్ ఉపయోగకరంగా ఉంటుంది సమాచారం అందించటంలో. 

D3 చాలా శక్తివంతమైన ఉంది లైబ్రరీ మరియు అద్భుతంగా బాగా అమలు. ఈ కొన్ని శక్తివంతమైన stuff ఉంది. డేటా విజువలైజేషన్ ఒక చాలా శక్తివంతమైన సాధనం లోతైన ప్రజలకు తెలిపేందుకు వారి కోర్ గెట్స్ మెళుకువలు మరియు వాటిని అర్థం సహాయపడుతుంది ఈ లోతైన మరియు సహజమైన విధంగా, ఎలా డేటా పనిచేస్తుంది మరియు ఎలా డేటా మన జీవితం మారుస్తుంది.