[இசை] டேவிட் CHOUINARD: நான் டேவிட் இருக்கிறேன் Chouinard, இந்த D3 உள்ளது. வரவேற்கிறோம். நாம் இன்று D3 பற்றி அறிய போகிறோம். D3 ஒரு ஜாவா கட்டமைப்பை ஆகிறது ஒரு உயர் தரமான கட்டி வலை ஊடாடும் காட்சிகளை. நாங்கள் இருக்கிறோம் என்ன போன்ற விஷயங்களை என்னை மீண்டும் பார்த்து, நாம் அந்த செய்ய கற்று கொள்ள போகிறோம் விஷயங்கள், அது அடிப்படைகள் வகையான. ஆனால் இது குளிர் இருக்க போகிறது. அது துவங்கட்டும் அழகான படங்கள் செய்யும். நாம் இன்னும் செய்முறைகள் கிடைத்துவிட்டது கிடைக்கும் வாய்ப்புக்கள். தான் செய்வோம். நான் சட்டம், டோம் manipulation-- நாங்கள் போகிறோம் குளிர் விஷயங்களை செய்து உடனே தொடங்க. அனைத்து முதல், இடது, நாம் குறியீடு வேண்டும். வலது, நாம் வேண்டும் எங்கள் குறியீடு விளைவாக. அது வழியாக செல்லலாம். ஒரு வட்டத்தின் செய்யலாம். எப்படி என்று ஒலி எப்படி? svg.append circle-- நாம் ஒரு வட்டம். நீங்கள் சொல்வது சரி, என்னை நம்பவில்லை? அது அங்கு இல்லை. எனவே நாம் சரியான இங்கே என்ன செய்தேன், அளவிடக்கூடிய வெக்டர் கிராபிக்ஸ் உள்ளது. இந்த நாம் உலாவியில் சொல்ல வழி உலாவியில் வெக்டர் கிராபிக்ஸ் செய்ய. நாம் என்ன தான் இப்போது செய்தார் உலவ ஒரு வட்டத்தில் சேர்க்கப்பட்டது. சத்தியம் வட்டம் என்று ஆகிறது அடிப்படை பண்புகளை ஒரு பிட் தேவைப்படுகிறது நாம் உண்மையில் அதை பார்க்க முடியும். நாம் அது, அதன் x நிலையை சொல்ல வேண்டும் அதன் y நிலையில், அதன் ஆரம். நாம் எந்த அதை சொல்லவில்லை, எனவே நாம் இப்போது அதை பார்த்து. ஆனால் பொருள் அது சொல்கிறேன். எனவே, முதலில், நீங்கள் கிடைத்துவிட்டது எங்கள் வட்டத்தில் ஒரு பெயர் கொடுக்க. எனவே வட்டம் அது அழைப்பு விடுங்கள். எங்கள் வட்டத்தில் இப்போது ஒரு பெயர் உண்டு. மற்றும் அது ஒரு சில பண்புகளை கொடுக்கலாம். எப்படி CX பற்றி மிகவும், x, சென்டர் என்று x நிலைப்பாட்டின் மையத்தில். 200 பிக்சல்கள், 200 சொல்கிறேன். அதே 200 பிக்சல்கள் ஒரு y தருகிறேன். சுமார் 40 பிக்சல்கள் ஒரு R, ஆரம்,. இப்போது நாம் பார்ப்போம். நான் கூற முடியாது. நீ போ. நாம் நிலையை 200 ஒரு வட்டம் உண்டு பிக்சல்கள், 200 படப்புள்ளிகள், 40 பிக்சல் ஆரம். குளிர் வகையான, சரியான? நாம் ஒரு வட்டம் உள்ளது. ஆமாம். அவசியம் இல்லை சேர்த்து பின்பற்ற. இந்த உதாரணங்கள், அனைத்து நான் உனக்கு புரியும்ன்னு குறியீடு இறுதியில் ஆன்லைன் வழங்கப்படும் ஊடாடும் உதாரணங்கள் வடிவில் சோதனைச் சாவடிகள் மூலம் ஒவ்வொரு செயல், மற்றும் பல. இன்னும் பொருட்களை செய்வோம். இந்த கருப்பு வட்டம் உண்மையில் அசிங்கமான ஆகிறது. நான் அந்த பிழையை வருந்துகிறேன் வலது அங்கு செய்திகளை. அங்கு நாம். அது ஒரு நிறம் கொடுக்க அனுமதிக்க. இது எப்படி இருக்கிறது? நான் எஃகு நீல விரும்புகிறேன். சரி, நம் வட்டத்தில் நிறம் மாறிவிட்டது. அது மிகவும் நல்லது. அது அரை வெளிப்படையான செய்யலாம் too-- அரை வெளிப்படையான. எனவே இந்த பண்புகளாகும் நாங்கள் வட்டத்தின் மீது வரையறுக்கும். நாம் செய்த முதல் காரியம் ஆகிறது நாம் பக்கத்தில் ஒரு வட்டம் போட்டு. பின்னர் நாம் வரையறுக்கும் பண்புகளை ஒரு கொத்து. இந்த சில தேவைப்படுகின்றன, CX, லிக்விட், மற்றும் ஆரம் போன்ற. வேறு சிலர் விருப்ப உள்ளன. நிறைய பண்புகளை உள்ளன. இன்னும் நிறைய இருக்கிறது. உதாரணமாக, நாம் ஒரு இருக்க முடியும் பக்கவாதம், அதே சிவப்பு ஒரு பக்கவாதம். ஆனால் அந்த அகற்ற. நாம் மீண்டும் ஒரு வட்டம், ஒரு நீல வட்டம் இருக்கும். எனவே இன்னும் வட்டாரங்களில் செய்யலாம். இது எப்படி இருக்கிறது? மற்றொரு வட்டத்தை செய்யலாம். இந்த வலது, எப்படி? எனவே நான் நகல் ஒட்டப்படும் சொல்ல நான் ஏற்கனவே இருந்தது. அது circle2 அழைப்பு. மேலும் சரியான செய்வோம் அதையே கொடுங்கள் 300 x நிலைப்பாடு, பண்புகளை. ஆஹா, நாம் இப்போது இரண்டு வட்டங்கள் எதுவும் இல்லை. நிச்சயமாக, நாம் முடிந்தால் இந்த மதிப்புகள் புதுப்பிக்க. நான் 400 அதை வைத்து, ஆனால் இப்போது அது நகர்கிறது. அது எரிச்சலூட்டும் தான் என்பதால், நாம் எனவே circle2.remove, அதை நீக்க. அது இப்போது போய்விட்டது. எனவே நாம் என்ன செய்கிறோம் என்ன இந்த very--, தான் மிகவும் ஆகிறது நீங்கள் என்ன ஒத்த ஆகிறது உதாரணமாக, jQuery உள்ள செய்ய வேண்டும். நாம் தான் கையாள்வது DOM, இது என. நீங்கள் அந்த வார்த்தையை நான் கேள்விப்பட்டிருக்கிறேன். நாம் அமைக்க, பொருட்களை உருவாக்கும் பொருட்களை நீக்கி, பொருட்களை பண்புகளை. அது சுவாரஸ்யமான பெறுவார் இப்போது, இங்கே தான். எனவே பின்னர் குறியீடு, நாம் இன்னும் முடியவில்லை இங்கே அசல் வட்டத்தில் பார்க்கவும். எனவே CX அதன் பண்பு ரீசெட். 400 அதன் x நிலை, என்று சொல்ல. நான் மாற்றம் போகிறேன் என்று, அது வெளிப்படையான தான். அங்கு நாம். எனவே நாம் ஒரு வட்டம் சேர்ந்தோம். நாம் சில பண்புகளை அமைத்தோம். நாம் மற்றொரு வட்டத்தில் சேர்ந்தோம் நீக்கப்படும். பின்னர் நாம் மாற்றும் அசல் வட்டம். அதை பெறுகிறார் ஆனால் இங்கே தான் நிறைய சுவாரஸ்யமான. நாம் மட்டும் பண்புகளை அமைக்க வெறும் மதிப்பிடுகிறது, நாம் சொல்ல முடியும் ஏய், வட்டம், 200 நிலைப்படுத்த செல்ல. நாங்கள் செயல்பாடுகளை அவற்றை அமைக்க முடியும். எனவே, அதற்கு பதிலாக, எல்லாரும் இங்கு 400 கொடுத்து நாங்கள் சில கணக்கீடு செய்ய முடியும் என்ன ஈ மீது நாங்கள் அந்த பண்பு இருக்க வேண்டும். அப்படியென்றால், இது என்று வெளிப்படுத்த எப்படி தான். நாம் அதற்கு பதிலாக 400, என்னை, சொல்கிறோம் அதற்கு பதிலாக நீங்கள் ஒரு செயல்பாடு கொடுக்க. இங்கே, இந்த செயல்பாடு உள்ளே, நாங்கள் எந்த ஒரு பைத்தியம் கணக்கீடு செய்ய முடியும். நாம் நேரம் ஆகலாம் வேறு சில விஷயம் பாருங்கள் மற்றும் மாறும் முடிவு நாங்கள் என்ன மதிப்பு வட்டம். எப்படி நாம் தான் கொடுக்க பற்றி அது ஒரு சீரற்ற x நிலையை? அதனால் தான். அதனால் என்ன என்று கூறுவது ஆகிறது ஒவ்வொரு எக்ஸ், இந்த செயல்பாடு ரன். மற்றும் நாம் என்ன செய்கிறோம் கணக்கிட்டு ஆகிறது சில விஷயங்கள், ஒரு சீரற்ற முறை அகலம் என்று திரும்பி. எனவே நாம் அந்த இயக்க ஒவ்வொரு முறையும், நாம் ஒரு கிடைக்கும் ஒரு சீரற்ற இடத்திற்கு செல்கிறது என்று வட்டம். இது குளிர் என்ன தான். நான் பார்க்க முடியும் போல நான் உணர்கிறேன் ஒரு சிறிய இந்த. நாம் பெற தொடங்கி இங்கே சுவாரஸ்யமான ஒன்று. இப்போது இயக்கப்படும் இந்த தரவு செய்யலாம். இங்கே, எந்த தரவும் இல்லை தான். அதை மாற்ற வேண்டும். II, டேட்டா டிரைவன் Documents-- எனவே இங்கே திரும்ப அனுமதிக்க. மேலும், தான் circle2 பெற அனுமதிக்க நாம் தான் சேர்த்தும் நீக்கியும் வருகிறோம் ஏனெனில் அதை. எனவே நாம் உண்மையில் அது தேவையில்லை. நாம் இங்கே நிறைய புத்திசாலி இருக்க வேண்டும். நாம் என்று சொல்ல சில வகையான சில தரவு. ஒரு, தான் சொல்கிறேன், நொடியில் நாம் இந்த படிவத்தை தரவு இருந்தது. நாம் தான், ஒரு வரிசை என்று எண்கள் ஒரு கொத்து. நாம் இங்கே ஏழு எண்கள் இல்லை என்ன இந்த பிரதிநிதித்துவப்படுத்துவதாக அளவு மக்கள் வங்கி கணக்கில், எப்படி மிகவும் அவர்கள் கடவுள் என்ன தெரியும், எடையை. இந்த எண்கள், மற்றும் நாம் எங்கள் வட்டாரங்களில் பயன்படுத்த வேண்டும் எப்படியோ அந்த எண்கள் குறிக்கின்றன. நாங்கள் எங்கள் கட்ட விரும்புகிறேன் அந்த எண்கள் வட்டங்களில். எனவே நாம் என்ன செய்ய வேண்டும். நாம் சொல்ல, நாம் விரும்பும் ஒரு ஒவ்வொரு எண்ணுக்கும் வட்டம். நாம் பழைய செய்ய முடியும் நாங்கள் doing-- செய்யப்பட்டன விஷயம் வட்டத்தின் சேர்க்க மற்றும் circle2 மற்றும் circle3. ஆனால் இந்த கையை விட்டுப் போய்விடும், மற்றும் தர்க்கம் மீண்டும் ஒரு நிறைய இருக்கிறது. எனவே அந்த இன்னும் புத்திசாலி பெற அனுமதிக்க. அதற்கு பதிலாக var வட்டத்தில் பயன்படுத்தி , நாம் தான் பயன்படுத்தி என்று svg.append நாம் பயன்படுத்த போகிறோம் இங்கே இந்த சிறிய தொகுதி. நான் ஆழமாக செல்ல விரும்பவில்லை என்ன இந்த பாகங்கள் செய்கின்றன. அது ஒரு மேம்பட்ட தலைப்பு வகையான தான். மேலும் நான் சொல்ல விரும்புகிறேன். ஆனால் முக்கிய விஷயம் recognize-- மற்றும் நீங்கள் D3 குறியீடு உள்ள மிகவும் அடிக்கடி பார்க்க வேண்டும். உரை அடிப்படையான இந்த தொகுதி பல வட்டங்களில் உருவாக்குகிறது தரவு கூறுகள் உள்ளன என இங்கே இந்த வரிசையில். எனவே இந்த பல உருவாக்குகிறது அங்கு வட்டங்கள் கூறுகள் உள்ளன. இது எங்களுக்கு ஏழு வட்டங்கள் உருவாக்க நடக்கிறது. அது ஒரு உண்மையில் முக்கிய விஷயம் இல்லை. எனவே அந்த இயக்க அனுமதிக்க. நமது மற்ற வட்டம் நீக்க பார்ப்போம். அது தான் இந்த கருத்து நாம் அவுட் பகுதி மற்றும் மீண்டும் இயங்க. அங்கு நாம். எனவே இங்கே எங்கள் வட்டத்தில் ஒரு நிறைய இருண்ட, நாம் ஏனெனில் ஏழு வட்டங்களில், ஒரு மற்ற மேல். நாம் வெறும் ஏழு வட்டங்கள், ஒரு உருவாக்கப்பட்டது இந்த தரவு உறுப்புகள் ஒவ்வொன்றும் ஒவ்வொரு. ஆனால் என்ன நடந்ததோ என்று ஒரு முக்கிய விஷயம் இங்கே இந்த துணுக்கை கொண்டு. இது தரவு பிணைந்துள்ளது என தான். எனவே ஒவ்வொரு ஒரு அந்த தரவு கூறுகள், 10, 45, 105, பிணைப்பு இருந்தது ஒரு குறிப்பிட்ட வட்டத்தின் வேண்டும். எனவே இந்த மட்டுமே உருவாக்கப்பட்ட வட்டாரங்களில் ஒரு கொத்து ஆனால் ஒன்றாக அந்த இரண்டு விஷயங்கள் போடுகிறான். எதிர்காலத்தில், நாம் உருவாக்கிய ஏனெனில் இந்த D3 செயல்பாடு அந்த வட்டாரங்களில், நான் நீங்கள் ஒரு வட்டத்தில் கொடுத்தால், நீங்கள் எனக்கு அது தொடர்புடைய தரவு கொடுக்க. எனவே நாம் D3 கேட்கலாம். ஏய் D3, நான் இந்த வட்டம் உண்டு. வட்டம் என்று தரவு என்ன? மற்றும் D3 எங்களுக்கு 10 அல்லது 45 அல்லது 105 சொல்ல வேண்டும். இந்த விஷயங்களை செய்பவர்கள். அது ஒரு மிக, மிக அடிப்படை கருத்து தான். அந்த நேரத்தில் நாம். ஆகவே, நாம் அவ்வாறு D3-- கேட்க விரும்புகிறேன் இந்த, இந்த பொருந்தா ஆகிறது ஆனால் அதை எனக்கு நம்பிக்கை. இந்த நாம் D3, கேட்க எவ்வளவு ஆகிறது. ஏய் D3, என்னை முதல் கொடுக்க நீங்கள் காணலாம் என்று வட்டம். எனக்கு நீங்கள் காணலாம் முதல் வட்டம் கொடுங்கள். பின்னர் நாம் D3 கேட்க முடியும், என்ன இது போல், தரவு, 10. எனவே தான் D3 கேட்க, என்னை கண்டுபிடிக்க நீங்கள் காணலாம் முதல் வட்டம். அதன் தரவு என்ன? 10, உண்மையிலே எங்கள் ஆகிறது முதல் தரவு உறுப்பு. நாம், ஏ, டி 3 அதை கேட்க முடியும் எங்கள் மூன்றாவது வட்டத்தில் காணலாம். 105. ஏன் இது மிகவும் முக்கியமானது? எனவே இங்கே, நான் குறிப்பிட்டுள்ள என்று நாம் செயல்பாடுகளை பயன்படுத்த முடியும். நான் அந்த குறிப்பிட்டுள்ளார் மிக சக்தி வாய்ந்த ஒன்று. அதனால் தான் எங்கள் செயல்பாடுகளை விஷயங்களை செய்ய போன்ற உதாரணமாக, சில கணக்கீடு செய்ய, , ஒரு சீரற்ற எண் அதை திரும்ப மேலும் இது தரவு அடிப்படையில் விஷயங்களை செய்கிறது. இந்த தரவு இயக்கப்படும் ஆவணங்களை என்ன இருக்கிறது. அந்த D3 குறிக்கிறது என்ன. இந்த x postition-- பதிலாக வெறும் அனைத்து வட்டாரங்களில் கூறி, x நிலையை 200 இன்று, நாம் அது ஒரு செயல்பாடு கொடுக்க முடியும். இங்கே, நாங்கள் சில கணக்கீடு செய்ய முடியும். மற்றும் ஈ இங்கே தரவு இடத்தில் நிற்கிறது. எனவே ஒவ்வொரு முறையும் நாம் ஒரு வட்டம், அடிப்படையில், D3 இந்த ஏழு வட்டங்களில் உருவாக்கும். பின்னர் ஒவ்வொரு வட்டம், அதை, ஏய் செல்ல நடக்கிறது circle1 உங்கள் x நிலை என்ன. முன்னர், நாம் இருந்தோம் எப்பொழுதும் 200 பதில். ஆனால் இப்போது, ஒவ்வொரு முறையும் D3 கேட்கிறது எங்களுக்கு உங்கள் x நிலை தான் என்ன, அதை நாம் நமக்கு கொடுக்க நடக்கிறது அந்த வட்டத்தில் உள்ள, நாம் தரவு இல்லை. இது, எங்களுக்கு தரவு கொடுக்க சொல்ல போகிறேன் நீங்கள் என்ன விளக்கி இருக்க வேண்டும், என்று தரவு அடிப்படையில். அது தான் உண்மையான தரவு திரும்ப அனுமதிக்க. நாம் இந்த இயக்க என்றால், இந்த கொடுக்கிறது நம்மை தரவு ஆவணங்களை இயக்கப்படும். இந்த வட்டங்கள் அடிப்படையில் தொடர்பாக நிலையை உள்ள அவர்கள் தரவு செயல்பாடாக தளங்கள் இருக்கிறார்கள். முதல் வட்டம் எனவே, D3 ஒரு வட்டம் வைக்கிறது. பின்னர் D3 என்ன செய்ய, எங்களுக்கு கேட்கிறது நீங்கள் விளக்கி இருக்க வேண்டும். மேலும் நாம் தரவு, என்ன சொல்ல. விளக்கமாகவும் 10 கொள்ளுங்கள். பின்னர் அது உனக்கு என்ன வேண்டும், கேட்கும், விளக்கி இரண்டாவது வட்டத்தில் இருக்கும். நாம் 45, பதில். நாம், நிச்சயமாக, முடியும் இங்கே சில கணக்கீடு செய்ய. நான் அந்த வட்டாரங்களில் என்று கண்டுபிடிக்க வகையான வரை squished உள்ளன. எனவே 3 தரவு பெருக்கி, 3 பெருக்கவும். எங்கள் வட்டத்தில் தான் வெளியே விரிவடைந்தது. நம்முடைய மதிப்பு மும்மடங்காக. வட்டம், உண்மையில் விளிம்பில் உள்ளது எனவே ஒருவேளை வகையான அதை ஈடு செய்வோம். 20 மூலம், சொல்கிறேன். இங்கே நீங்கள் போங்கள். இந்த ஒரு தரவு காட்சிப்படுத்தல் ஆகிறது. இது ஒரு மிக அடிப்படை ஒன்று தான், ஆனால் இந்த எங்கள் தரவு சில பார்வையை கொடுக்கிறது. இது என்று சொல்கிறது, உதாரணமாக, நாம் கூறுகளை ஒரு சிறிய கொத்துக் வேண்டும். நாம் இங்கே ஒரு பெரிய திறந்த வெளியில் வேண்டும். இந்த எங்களுக்கு சில தகவல்களை கொடுக்கிறது விநியோக பற்றி. நாங்கள் என்றால், எடுத்துக்காட்டாக, மாற்ற இங்கு 150 மற்றும் புதுப்பித்தல், தரவு, எங்கள் காட்சிப்படுத்தல் மாற்றப்பட்டது. இந்த ஆவணம் தரவு இயக்கப்படுகிறது. எனவே நிச்சயமாக, இந்த உறுப்புகள், இங்கே இந்த பண்புகளை, நாம் ஒரு செயல்பாடு இல்லை பயன்படுத்த முடியும் வெறும் எண்கள், வெறும் x மற்றும் y நிலைகள். எனவே நாம் நிறம் ஒரு செயல்பாட்டை பயன்படுத்த முடியும். எனவே நாம் செய்ய வேண்டும். நாம் அது ஒரு செயல்பாடு கொடுக்க வேண்டும். நாம் செய்ய முடியும் என்று சொல்ல நாம், நமது செயல்பாடு conditionals. இந்த செயல்பாடு இருக்க முடியும் நீண்ட வரிசைகளில் நூறு. இது மிக, மிக சிக்கலான விஷயங்களை செய்ய முடியும். எனவே இங்கே ஒரு என்றால் அறிக்கை வைத்து விடுங்கள். எங்கள் தரவு குறைவாக இருந்தால், நாம் சொல்ல 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 இடையில். நிச்சயமாக, இப்போது இந்த என்ன ஆகிறது நாம் அந்த கடினமான குறியீட்டு நீக்க வேண்டும் விஷயங்களை நாம் சரியான அங்கு இல்லை. எனவே நாம் என்ன செய்ய வேண்டும் ஆகிறது நாங்கள் இருக்கிறோம் என்று தரவு எடுத்து கொடுக்கப்பட்ட, என்று தனிப்பட்ட தரவு உறுப்பு, மற்றும் முதல் அளவிட அதை கடந்து. எனவே அளவில் அதை அளவிட முடியாது. ஓ செய்கிறேன், நாம் இங்கே ஒரு சிறிய பிழை வேண்டும். நாம் தரவு காணவில்லை. நீ போ. மற்றும் அது அவுட் விரிவடைகிறது. அது எங்களுக்கு அதே கொடுக்கிறது இதன் விளைவாக நாம், முன் ஆனால் அதற்கு பதிலாக அந்த கொண்ட கடின கட்டுப்பாடுகளை குறியிடப்படும். என்றால் அளவு எங்கள் கேன்வாஸ் மாற்றங்கள், எடுத்துக்காட்டாக, நாம் இந்த வழியாக, வேண்டும் என்றால் 400 பிக்சல்கள் மற்றும் அதை squishes, நாம் அது over-- இருக்க முடியும் நாம் அதை விரிவுபடுத்தல், அல்லது நாம் முடியும் இந்த இடது ஓரம் குறைக்க முடியும் குறைவாக அல்லது 20 க்கும் மேற்பட்ட ஏதாவது. இந்த எண்கள், இந்த வன் குறியீட்டு எண்கள் இப்போது நமக்கு பயன். நாம் நிறைய செய்ய முடியும் அத்துடன் சுவாரசியமான விஷயங்கள். எனவே, அதற்கு பதிலாக ஒரு நேர்கோட்டு கொண்ட அளவில், நாம் ஒரு அளவில் உள்நுழைய வேண்டும். அது எங்களுக்கு ஒரு பதிவு அளவில் கொடுக்க வேண்டும். எனவே இப்போது எங்கள் அளவில், பதிலாக அந்த வரையறைக்கு வெளியே விரிவடைந்து, அது இன்னும் நுணுக்கமான விஷயங்களை செய்து. மாறாக கடின இந்த வரம்பில் கொண்ட அதற்கு பதிலாக, 600 என்ற குறியீட்டு, நாம் தான் அகலம் பயன்படுத்த வேண்டும், அகலத்தையும் கழித்தல் 40 20 வேண்டும், 2 முறை மற்ற பக்கத்தில் விளிம்பு. இந்த ஒரு மிகவும் அர்த்தமுள்ளதாக குறியீடு பார்க்க வேண்டும் யார் யாரோ. சுவாரஸ்யமாக, செதில்கள் கிடைக்கின்றன மிக, மிக சிக்கலான அதே. அவர்கள் சுவாரசியமான விஷயங்கள் நிறைய செய்கிறார்கள். எனவே செதில்கள் அவசியம் இல்லை வெறும் எண்கள் இணைந்து செயல்பட. ஒரு வண்ண அளவில் செய்யலாம். எனவே நமது எல்லை இருக்க முடியும் எங்கள் டொமைன் 200 க்கு 1 ஆகிறது. அந்த உள்ளீடு விஷயம். ஆனால் நாம் இருந்து வரைய வேண்டும் என்று எடுத்துக்காட்டாக, சிவப்பு, பச்சை. இப்போது, நாம் அதை 1 கடந்து என்றால், நாம் பச்சை பெற போகிறோம். நாம் அது 200 கொடுக்க வேண்டும் என்றால், நாம் சிவப்பு கிடைக்கும். நாம் இடையில் அதை ஏதாவது கடந்து என்றால், அது சில கலவை இருக்க போகிறது, எங்காவது சாய்வு மீது பச்சை மற்றும் சிவப்பு இடையே. அதற்கு பதிலாக கொண்ட மிகச்சிலரே தர்க்கம் இந்த வகையான நாம் இங்கே இல்லை வலது அங்கு நிபந்தனை, நாம் ஏதாவது ஒரு இருக்க முடியும் அந்த இடையே நேரியல் அளவில். எனவே நாம் அளவிலான பயன்படுத்த விரும்புகிறேன் நாம் தான் , உருவாக்கப்பட்ட நாம் வண்ண விடுத்தது. நாம், அது ஈ கொடுக்க விரும்புகிறேன் இது எங்கள் தரவு உறுப்பு ஆகும். அங்கு நாம். நாம் ஒரு வண்ண அளவிலான வேண்டும். எனவே இந்த ஒப்பீட்டை உள்ளது. இதுவரை விட்டு முழுமையாக பச்சை உள்ளது. தீவிர வலது முற்றிலும் சிவப்பு. மற்றும் இடையே உள்ள எல்லாவற்றையும் ஈ ஒரு செயல்பாடு உள்ளது. நாம் ஒரு சுவாரஸ்யமான வேண்டும் இங்கே காட்சிகளை. ஆனால் எங்கள் தரவு சலிப்பை மட்டுமே இருந்தது. நாம் என்றால் என்ன செய்வது என்று பார்ப்போம் நாம் இன்னும் சுவாரஸ்யமான தரவு இருந்தது. செயல் IV, மூலம் வேலை முதல் விஷயம் DATA-- நாம் செய்ய என்ன செய்ய வேண்டும் எங்கள் மேலும் சுவாரஸ்யமான காட்சிப்படுத்தல் வேறு எங்காவது தரவு நகர்த்த உள்ளது. இது வேண்டும் மிகவும் clunky தான் தரவு கடுமையாக இங்கே குறியிடப்படும். பொதுவாக, நாங்கள் கேட்டு இருக்க வேண்டும் தரவு வேறு யாரோ. நாம் ஒருவேளை, அரசு கேட்டு மக்கள் தொகை கணக்கெடுப்பு உங்கள் தரவு என்ன பின்னர் அந்த சதி அல்லது கேட்டு சில தரவு சில மூன்றாம் தரப்பு நிறுவனம் பின்னர் ஒரு கட்டி என்று காட்சிப்படுத்தல். முதல் விஷயம் எனவே நாம் என்ன செய்ய வேண்டும் எங்காவது என்று நகர்த்த வேண்டும். எனவே நான் ஒரு உருவாக்க போகிறேன் இங்கே என்று data.json தாக்கல். JSON தரவு வடிவம் ஆகும். நீங்கள் அதை பற்றி எனக்கு அதிகம் தெரியாது இல்லை. மற்றும் நாம் நகல் போகிறோம் நாம் அங்கு உள்ளது தரவுகள், அங்கு வெர்படிம் பேஸ்ட் செல்ல மீண்டும் எங்கள் காட்சிப்படுத்தல் குறியீடு இங்கே, இங்கே இந்த செயல்பாட்டை பயன்படுத்த. நீங்கள் விவரங்களை தெரிந்துகொள்ள வேண்டும் இல்லை. ஆனால் என்ன செய்ய, ஆகிறது அது அந்த கோப்பு கண்டுபிடிக்க வேண்டும், அதை எடுக்க, மற்றும் அதை எங்களிடம் திரும்ப. எனவே இந்த என்ன அது செல்கிறது ஆகிறது மற்றும் data.json கோப்பு கிடைக்கும். பின்னர் அனைத்து குறியீடு என்று அடிப்படையில் inside-- பதித்த, அனைத்து குறியீடு நாங்கள் அங்கு கொள்கிறேன் நாங்கள் மீண்டும் தரவு கிடைக்கும் போது மட்டுமே இயங்கும். பின்னர் அந்த இயக்க நடக்கிறது நாம் தரவு குறியீடு. பெரிய, நாம் ஒரு விசாரிக்கிறது என்று காட்சிப்படுத்தல் சில குறியீடு எங்காவது வேறு, இது வழக்கமாக உள்ளது அது எங்கே இருந்து சில தரவு விசாரிக்கிறது வேறு எங்காவது, பொதுவாக இது காட்சிகளை வேலை எப்படி. ஆனால் நான் தரவு திரும்பி செல்ல வேண்டும். D3-- D3 அடிப்படையில் எனவே தரவு விஷயங்களை பட்டியல் அந்த தரவு பயன்படுத்துகிறது. D3 தரவு ஒரு பட்டியல் இருக்க எதிர்பார்க்கிறது விஷயங்களை, விஷயங்களை ஒரு வரிசை. அது என்ன அந்த விஷயங்களை ஒரு விஷயமே இல்லை நீண்ட காலமாக இது அவர்களுக்கு ஒரு வரிசை தான் என, உள்ளன. எனவே இங்கே, உதாரணமாக, நாம் முடியும் நிச்சயமாக புள்ளி மதிப்புகள் மிதக்கும். நாம் எதிர்மறைகளை முடியும். டி 3, நீண்ட கவலை இல்லை அது விஷயங்களை ஒரு பட்டியல் உள்ளது. நாம் சுவாரசியமான விஷயங்கள் முடியும், நாங்கள் முடிந்த அப்படி சரங்களை ஒரு பட்டியல் உண்டு. எனவே இந்த கிரிம்சன் தலைப்பு இருக்கும் நான் ஒரு சில நாட்களுக்கு முன்பு எடுத்துக்கொள்ளப்பட்டது. ஒருவேளை நீங்கள் சில சுவாரஸ்யமான காணலாம் இந்த ஒரு தலைப்பு பற்றிய விஷயங்கள். எனவே மீண்டும், இந்த விஷயங்களை ஒரு பட்டியல் உள்ளது. டி 3 கவலைப்படவில்லை. இந்த ஒரு சரம் இருக்க நடக்கிறது. நாங்கள் எங்கள் தரவு மாற்றப்பட்டுள்ளது. நமது காட்சி திரும்ப அனுமதிக்க. இப்போது, நம் காட்சிப்படுத்தல் எதிர்பார்க்கிறது உள்ளீடு எண்கள் இருக்கும். எனவே நாம் செய்ய போகிறோம் ஒரு சில மாற்றங்களை செய்ய. எனவே எடுத்துக்காட்டாக, முதலில், ஒருவேளை நாம் சேர்ந்து இந்த வட்டங்களில் வைக்க வேண்டும் என்ற தலைப்பில் நீளம், என்ற தலைப்பில் உள்ள எழுத்துக்களின் எண்ணிக்கை. அதனால் என்ன, நாம் ஒவ்வொரு முறையும் ஆகிறது செய்வேன் செயல்பாடு ஒரு சரம் என்று அழைக்கப்படுகிறது, நாம் அது நீளம் தான் கண்டுபிடிக்க வேண்டும் பின்னர் அளவில் செய்ய அந்த அனுப்ப. நிறம், நான் திரும்ப வேண்டும் எஃகு நீல என்று. அங்கு நாம். நாம் ஒரு காட்சிப்படுத்தல் என்ற கிரிம்சன் தலைப்புச் செய்திகள். எங்கள் அளவிலான ஒரு பிட் ஆஃப் ஆகிறது. மிக நீளமான என்று கருதுவோம் என்ற தலைப்பில், 100 எழுத்துகள் அதனால் ஒரு பிட் என்று பரவியிருக்கும். நாம் ஒரு காட்சி வேண்டும். எனவே அது மிகவும் தலைப்பு தெரிகிறது ஒன்றாக அழகான நெருக்கமான, எழுத்து வரிசை அடிப்படையில். ஆனால் ஒன்று அங்கே உண்மையில் உள்ளது. நாம் சில கருவிகள் உருவாக்க முடியும் மேலும் அந்த ஆராய. நான் இந்த வேலை போது ஆனால், நான் இருந்தது ஆர்வம் என்பதை, இந்த தரவு தொகுப்பு, ஒரு பெருங்குடல் தலைப்பு அவர்கள் இனி இருக்க வேண்டும். நான் அவர்கள் என கருதுகிறது. எனவே தான் கண்டுபிடிக்க வேண்டும். நிறம் பயன்படுத்த அனுமதிக்க சேனல் நாம் முன்பு செய்தது போல், என்பதை பற்றி சில குறியாக்கம் செய்ய ஒரு பெருங்குடல் அல்லது இல்லை தான். எனவே நாம் மீண்டும் ஒரு நிபந்தனை பயன்படுத்த வேண்டும். நீங்கள் தெரிந்து கொள்ள வேண்டும் இந்த விவரங்களை, ஆனால் இந்த நாம் ஒரு பார்க்கலாம் எப்படி இருக்கிறது ஒரு குறிப்பிட்ட கதாபாத்திரம் சரம் ஜாவா, மீண்டும், தொடர்புடைய இல்லை. ஆனால் நாம் ஒரு கண்டுபிடிக்க முடியவில்லை என்றால், பெருங்குடல், நாங்கள் பச்சை திரும்ப வேண்டும். நாம் என்ன செய்ய வேண்டும் என்றால், நாம் சிவப்பு திரும்ப வேண்டும். எனவே மீண்டும், என்று தலைப்பிட்டிருந்தாகிறது ஒரு பெருங்குடல் சிவப்பு இருக்கும். இந்த நல்ல means-- என்ன. எனவே அது தெரிகிறது என் கருதுகோள் மோதியது. இரண்டு இருக்கிறது. நாம் மட்டும் ஆறு தரவுப் புள்ளிகள் மற்றும் இரண்டு குடியை இருந்தது. ஆனால் அதை ஒரு பிட் இன்னும் தெரிகிறது குறைந்த இறுதியில், உண்மையில். குடியை தலைப்பு தெரியவில்லை பொதுவாக குறைவாக இருக்கும், எங்கள் தரவு குறைந்தது சுவாரசியமான அமைக்கிறது. தான் என்று திரும்ப அனுமதிக்க எஃகு நீலம் மற்றும் பிறகு பார்க்க நாம் கூட செய்யலாம் என்ன மேலும் சுவாரஸ்யமான தரவு. எனவே மீண்டும், நான் என்று குறிப்பிடப்பட்டுள்ளது D3 உள்ள தரவு விஷயங்களை ஒரு பட்டியல் உள்ளது. நாம் பல வகையான எண்களை பார்த்தேன். நாம் சரங்களை பார்த்திருக்கிறேன். ஆனால் விஷயங்கள் பொருட்களை முடியும். அவர்கள் சிக்கலான விஷயங்களை இருக்க முடியும் என்று நிறைய விஷயங்கள் அடங்கும். இன்னும் தெளிவாக என்று சொல்ல, பெரும்பாலான சந்தர்ப்பங்களில், நாம் என ஒவ்வொரு தரவு புள்ளி உருவாக்க வேண்டும், மேலும் ஒரு மதிப்பை விட சிக்கலானது. நீங்கள் ஒரு கற்பனை விரும்பினால் மாணவர்கள் பற்றி தகவல், ஒரு மாணவர் இருக்கலாம் பெயரை, ஒரு மாணவர் அடையாள, மற்றும் நிறைய விஷயங்கள் தொடர்புடைய ஒரு குறிப்பிட்ட சாதனையை, இல்லை ஒரு சரம் அல்லது ஒரு எண். எனவே அந்த பார்போம். இந்த அமைக்க அத்தகைய ஒரு தரவு இருக்கிறது. இந்த பூகம்பங்கள் பற்றி அமைக்க ஒரு தரவு இருக்கிறது. எங்கள் பட்டியலில் ஒரு வரிசை, இங்கே அதனால் எல்லாம் பல விஷயங்களை விஷயங்களை தன்னை கொண்டிருக்கிறது. எனவே ஒவ்வொரு தரவு புள்ளி ஒரு அளவு மற்றும் ஆயத். தங்களை ஒருங்கிணைக்கிறது இரண்டு விஷயங்களை கொண்டிருக்கிறது. எனவே ஒவ்வொரு நாளும் இப்போது நிறைய இருக்கிறது சிக்கலான மற்றும் நிறைய சுவாரஸ்யமான மற்றும் மிகவும் கொண்டிருக்கிறது சுவாரஸ்யமான தகவல். நாம் அதை வெளியே உருவாக்க முடியும் என்று பார்ப்போம். , மீண்டும், மீண்டும் இங்கே திரும்பி பயன்படுத்தி எங்கள் வரைபடம் வட்டம் காட்சிப்படுத்தல் நாங்கள் கட்டப்பட்டது, நாம் ஒரு உருவாக்க முடியும் என்றால், நாம் பார்ப்போம் ரிக்டர் அளவில் விநியோகம் காட்சிப்படுத்தல் எங்கள் தரவு தொகுப்பு. இங்கு, இது அதே கருத்து தான். ஆனால் இப்போது, ஈ மேலும் விஷயங்களை கொண்டுள்ளது. ஈ பல தரவு கூறுகள். எனவே நாம் மீண்டும் ஈ. D3 அமெரிக்க ஈ கொடுக்கிறது. நாம் ரிக்டர் கண்டறிவதன் மூலம் பதிலளிக்கிறோம் ஈ பின்னர் அளவிலான என்று கடந்து. பின்னர், நாம் மாற்ற வேண்டும் எங்கள் அளவிலான, நிச்சயமாக. ரிக்டர் வெறுமனே செய்தாலும் மிகவும் விட 10 செல்ல. உண்மையில், அங்கு இருந்ததில்லை 10 இன்று பயங்கர நிலநடுக்கம் ஏற்பட்டது. ஆனால் அந்த எங்கள் மேல் என்ன தான் இறுதியில், எங்கள் மேல் ஸ்பெக்ட்ரம். தான் புதுப்பிக்க வேண்டும். நல்ல, நாம் ஒரு காட்சிப்படுத்தல். அது note-- சுவாரசியமாக இரண்டு தரவு புள்ளிகள் உள்ளன என்று கிட்டத்தட்ட சரியாக ஒருவருக்கொருவர் மேல் இருக்கும் மற்ற, அளவு அடிப்படையில். நீங்கள் நாம் பயன்படுத்தி வருகிறோம் ஒளிர்வு இந்த பார்க்கிறீர்கள். நாம் இப்போது புவியியல் தரவு வேண்டும். நாம் அட்ச, தீர்க்க ரேகை வேண்டும். ஒருவேளை நாம் ஏதாவது ஒரு செய்ய முடியும் நிறைய என்று தொடர்ந்து மேலும் சுவாரஸ்யமான. இன்னும் சில கண்டுபிடிக்க நாம் காட்சிப்படுத்தியது சுவாரஸ்யமான வழி இந்த மிகவும் சிக்கலான தரவு நாம் அணுக வேண்டும். சட்டத்தின் வி, Mapping-- அடிப்படையில், நாம் ஒரு வரைபடத்தில் வைக்க வேண்டும். நான் இந்த எங்கே போகிறது இந்த வாதம். நாம் பற்றி தகவல் குறியாக்கம் வேண்டும் இந்த நிலநடுக்கம் அளவீடுகள் நிலை, அதே போல் அவர்களின் ரிக்டர் அளவில், இப்போது நாம் அந்த, தான் காரணம். நாம் நுகர்வு எப்படி புரிந்துகொள்கிறோம் மிகவும் சிக்கலான தரவு. நாம் என்ன செய்ய வேண்டும் முதல் விஷயம், ஒரு வரைபடத்தை, ஒரு பின்னணி வரைபடத்தை உருவாக்க. நான் வழியாக செல்ல போகிறேன் இந்த மிக விரைவில். இந்த தந்திரமான குறியீடு ஆகிறது. இது அந்த மற்றொரு ஒன்று தான் சமையல் உண்மையில் நீங்கள் செய்ய நீங்கள் பயன்படுத்த முழுமையாக புரிந்து கொள்ள வேண்டும். ஆனால் இந்த குறியீடு உள்ளது. இந்த குறியீடு இங்கே ஒரு வரைபடத்தை உருவாக்கும். நாம் விரிவாக போக போகிறது. ஆனால் மேலோட்டமாக, அது என்ன, ஆகிறது இந்த us.json கோப்பு, விசாரிக்கிறது இது ஒரு தரவு கோப்பு போல நாம் முன்னர் இருந்தது ஒன்று. அது நிச்சயமாக, சிக்கலான விஷயம். ஆனால், இந்த விஷயத்தில், எல்லாம் ஒவ்வொரு தரவு புள்ளி இந்த மாநில ஆகிறது மற்றும் ஒரு பட்டியல் உள்ளது அட்ச, தீர்க்க ரேகை என்று பலகோணம் வரையறுக்க, அந்த வடிவம், என்று கூறியுள்ளனர். எனவே D3 என்ன செய்ய வேண்டுமென்பதை ஒத்த நாம் முன்பு செய்தது என்ன. இது என்று கூறுவேன் மற்றும் ஒரு உறுப்பு என்று கட்டுகின்றன. ஒரு செயல்பாடு இருக்கிறது என்று அந்த உறுப்பு வெளியே கண்டறிவதில் என்று, அட்ச, தீர்க்க ரேகை அடிப்படையில். நீங்கள் இன்னும் அந்த படிக்க முடியும். நான் அதை பரிந்துரைக்கிறோம். இணைப்புகள் உள்ளன இந்த குறியீடு முடிவில் வெளியிடப்பட்டது. மற்றும் குறியீடு கருத்து. ஆம் இந்த மேலும் இணைப்புகள் உள்ளன. நான் அதை பார்க்க பரிந்துரைக்கிறேன். ஆனால் நாம் பற்றி என்ன கவலை இந்த திட்ட செயல்பாடு. நான் அந்த வழியாக செல்ல வேண்டும். அனைத்து முதல், என்னை காட்ட அனுமதிக்க நீங்கள், ஆம், நாம் ஒரு வரைபடத்தை வேண்டும். வரைபடங்கள் குளிர் இருக்கும். எனவே இந்த நேரத்தில் நாம் தயாரிப்பு செயல்பாடு. கணிப்பு மிகவும் ஆகிறது ஒரு அளவில் போல், மீண்டும் செதில்கள். அதனால் என்ன உற்பத்தி இந்த திட்ட செயல்பாடு , நாம் அதை தீர்க்கரேகை கடந்து உள்ளது இந்த வழக்கில் latitudes--, இங்கே இந்த மதிப்புகள் ஆகின்றன கட்டிடம் LAT-ஏங்குகிறார் நாம் சரியான உட்கார்ந்து now-- திட்ட. மற்றும் திட்ட மாற்ற வேண்டும் x மற்றும் y பிக்சல் மதிப்புகள் பார்க்கிறார்கள். அதனால் என்ன திட்ட செய்து எங்கள் அளவிலான மிகவும் ஒத்த. அது நம் அட்சரேகைகளில்கூட எடுத்து மற்றும் ஒரு முழு உலகம் பிரதிபலிக்கிறது என்று தீர்க்கரேகை குறைவு என்று அளவிடல் நாம் என்று சதுக்கத்திற்கு, நாங்கள் கொடுத்த. இந்த வழக்கில், நாம் இருக்கிறோம் இந்த மதிப்புகள் செல்லும். அது, நன்றாக, எங்களுக்கு கொடுத்து உங்கள் திரையில் 640 பொருள். இந்த முழு திரையில் 700 பிக்சல்கள் பரந்த, என்று இங்கே பற்றி செய்கிறது எனவே, கீழே மற்றும் 154 பிக்சல்கள், இது நான் என்று மதிப்பீடு மிகவும் அதிகமாக உள்ளது இங்கே. எனவே அந்த LAT-கொதிக்கிறது எடுத்து, அதில் முழு உலகம் ஒன்று பிரதிநிதித்துவம் மற்றும் squishing மற்றும் சுற்றி நகரும் அமெரிக்க x மற்றும் y பிக்சல் மதிப்புகள் கொடுக்க, இது தான் என்று முதல் விஷயம் இந்த ஒப்பீட்டை குறியீடு செய்யப்படுகிறது. மற்றும் பிறகு ஓய்வு குறியீடு தரவு பயன்படுத்துகிறது பின்னர் அந்த LAT-ஏங்குகிறார் வரைபடங்கள் உங்கள் திரையில் ஏதாவது மீது. ஆனால் நாம் இந்த திட்ட பயன்படுத்த போகிறோம் செயல்பாடுகளை, அது மாறிவிடும் என்பதால் நாம் அதே LAT-ஏங்குகிறார் ஏங்குகிறார் வேண்டும். எங்கள் தரவு திரும்பிப் பார்த்தால், நாம் அட்ச, தீர்க்க ரேகை ஆய ஒவ்வொரு கண்காணிக்கின்றன. எனவே திட்ட பயன்படுத்த வேண்டும். எனவே எங்கள் விளக்கி பார்த்து, நாங்கள் எங்கள் exposition-- வேண்டும் நாங்கள் ஒரு அட்சரேகை மற்றும் ஒரு தீர்க்கரேகை வேண்டும். ஆனால் நாம் பிக்சல் மதிப்புகள் வேண்டும். அது மாறிவிடும், நாம் சரியாக இல்லை நாம் என்ன திட்ட want--. நாங்கள் மிகவும் விரும்புகிறேன் சரி இங்கே அளவில் பயன்படுத்தி, நாம் இப்போது திட்ட பயன்படுத்த போகிறோம் அது ஒருங்கிணைக்கும் அனுப்ப. முதல் விஷயம் எனவே நாம் இருக்கிறோம் அதனால் doing-- ஒரு தனிப்பட்ட தரவு இது பெறுவது ஈ, ஒரு தனிப்பட்ட பூகம்பம் உறுப்பு வாசிப்பு. நாம் செய்ய முதல் விஷயம் ஆய பெற இருக்கிறது. சரி, நாம் ஆய வேண்டும். நாம் செய்ய இரண்டாவது விஷயம் திட்ட மீது அந்த அனுப்ப. கணிப்பு அந்த ஆய மாற்றுகிறது பிக்சல் மதிப்புகள், x மற்றும் y ஒரு. பின்னர் கடந்த விஷயம், நாம் வெறும் x பெற செய்ய வேண்டும், இந்த வழக்கில் எந்த முதல் ஒன்றாகும். இது இரண்டு விஷயங்களை முதல் தான் என்று திட்டம் மூலம் திரும்பினார். நாம் Y ஒரே செய்ய வேண்டும். ஆனால், அதற்கு பதிலாக, நாம் திரும்ப வேண்டும் இரண்டாவது உறுப்பு, y இருக்கிறேன். புதுப்பிக்க தயாராக. ஓ, கூடுதல் தன்மை இங்கே நல்ல, நாம் என்று ஒரு தரவு இயக்கப்படும் ஆவணம் பொருள்கள் இந்த JSON கோப்பில் மறைத்து, ஒரு வரைபடத்தை செய்து, மற்றும் மாறும் தரவு தொடர்பாக காரணமாக்க அதை வரைபடத்தில் திட்டம் அழைக்கப்பட்டனர். இந்த உண்மையில் உள்ளது. இந்த குளிர் ஆகிறது. ஒரு காடி வெட்டு அழைத்து செல்லலாம். நான் நாம் இரண்டு துண்டுகளாக வேண்டும், அர்த்தம் ஒவ்வொரு தரவு புள்ளி தகவல். நான் மூன்று, அதாவது. நாம் ஆய, இது ஒரு x மற்றும் y உள்ளது. நாம் ரிக்டர் வேண்டும். எப்படியாவது ரிக்டர் அளவில் குறியாக்கம் வேண்டும். நாம் சேனல்கள் நிறைய இருக்கிறது. நாம் வண்ண பயன்படுத்த முடியும். நாம் ஆரம் பயன்படுத்த முடியும். நாம் ஒளிர்வு பயன்படுத்த முடியும். நாம் குறியீடு உள்ள பல விஷயங்களை பயன்படுத்த முடியும். இந்த பண்புகளை மற்றும் பல எந்த அங்கு பட்டியலிடப்பட்டுள்ள இல்லை என்று மேலும் அவர்கள் விருப்ப இருப்பதால், நாம் முடியும் இந்த தரவு குறியாக்கம் செய்ய பயன்படுத்த, பக்கவாதம் இவைகளெல்லாம் நான் குறிப்பிட்டுள்ள நான். ஆரம் செய்வோம். நான் ஆரம் மிகவும் உள்ளுணர்வு என்று நான் நினைக்கிறேன். எனவே மீண்டும், நாம் என்று கடின குறியீட்டு பதிலாக வைக்க வேண்டும் 40 சில கணக்கீடுகள் செய்ய. நாங்கள் மீண்டும் எங்கள் பிடித்த அளவில் பயன்படுத்த வேண்டும். நாம் ஈ கடந்த இருக்கிறோம். நாங்கள் ரிக்டர் வேண்டும், ஏனெனில் ஆனால் ஈ ஈ. ஈ தரவு புள்ளி ஆகும். நாம் ரிக்டர் அளவிட கடக்க வேண்டும். அந்த மீண்டும் முயற்சி செய்யலாம். ஓ, அது வேலை செய்யாது. ஏன் வேலை இல்லை? எனவே என்ன அளவில் நினைவில். மீண்டும் அளவில் பார்க்கிறேன். 1 முதல் 10 வரை அளவு வரைபடங்கள் 600 க்கு 22, அதிகமாகவோ அல்லது குறைவாகவோ. 600 பெரியது. நாம் இந்த வருகிறோம் ஏன் இந்த. எனவே நாம் நமது அளவு மாற்ற வேண்டும் மேலும் நியாயமான, ஏதாவது. நாங்கள் 60 0 வேண்டும், என்று சொல்ல. 60 பெரிய, ஆனால், 10 பூகம்பங்கள் நம்பமுடியாத அரிது. உண்மையில், அவர்கள் என்ன நடந்தது. அப்படி செய்வேன், என்ன இது அதை எடுத்து வருகிறேன் 1 முதல் 10 வரை செல்கிறது என்று எங்கள் ரிக்டர் அதை விரிவாக்க வரைபடத்தை. 60 0 அதை வரைபடத்தை. தான் புதுப்பிக்க வேண்டும். நல்ல, நாம் ஒரு காட்சிப்படுத்தல். இந்த உள்ளது. இந்த உண்மையான தரவு. நீங்கள் என் சிறிய பொம்மை, கவனிக்க வேண்டும் உதாரணமாக, மிகப்பெரிய பூகம்பம் எங்களுக்கு சரியான மேல் ஆகிறது. ஆனால் அது தான். நாம் ஒரு நாள் இயக்கப்படும் காட்சிப்படுத்தல் என்று தரவு பயன்படுத்துகிறது உண்மையில் நமக்கு கொடுக்கிறது சுவாரஸ்யமான தகவல். சரி, சில சேர்க்க அனுமதிக்க அதை தலையீட்டை. நான் அந்த குறிப்பிட்டுள்ளார் D3 இன் வலுவான சக்தியாக. எனவே இங்கே, ஒவ்வொரு உறுப்பு நாம் இருக்கிறோம் பண்புகளை ஒரு கொத்து விவரிக்கும். ஆனால் நாங்கள் நாங்கள் என்ன விவரிக்க முடியாது ஊடாடும் உறுப்புகள் மூலம் நடக்க. உதாரணமாக, நாம் விவரிக்க முடியும் என்ன போது நாம் சுட்டி நடக்கிறது. அந்த மிகவும் ஒத்த, என்று ஒரு செயல்பாடு எடுக்க வேண்டும், மிகவும் ஒத்த , நாம் முன்னர் இருந்தது பண்புகளை நாம் எங்கு ஏதாவது செய்ய நாம் அது தொடர்பாக உறுப்பு படல் போது. எனவே முதல் விஷயம் நாம் செய்ய வேண்டும் என்று உறுப்பு தேர்ந்தெடுக்க செய்ய, உலாவியில், அடிப்படையில் இது கண்டுபிடிக்க. மற்றும் நாம் அமைக்க முடியும் அது ஒரு கற்பிதம். நாங்கள் படல் போது அதனால் என்ன நான் இங்கே என்ன செய்து கொண்டிருக்கிறேன் ஆகிறது ஏதோ, நாம் அந்த உறுப்பு கிடைக்கும் பின்னர் மீண்டும் அதன் தன்மை அமைக்க 1, முற்றிலும் ஒளிபுகா வேண்டும். என்று தெரிகிறது என்று பார்ப்போம். அதை நாம் வேண்டும் தோன்றுகிறது இங்கே கூடுதல் அரைப்புள்ளி. இங்கு இருக்கும் படல் என்றால், அதை முழு பெறுகிறார். ஆனால் இப்போது, நிச்சயமாக, அது முழு தங்கியிருக்கிறது நாம் ஏனெனில் என்ன நடக்கிறது விவரிக்க வேண்டும் போது நமது கர்சர் நீக்க. எனவே அந்த சரியாக செய்வோம் mouseout, mouseOver எதிர்க்கும். நாம் அதை மீட்டமைக்க வேண்டும் நாம் என்ன 0.5 முன்பு இருந்தது. இப்போது, ஒவ்வொரு முறையும் நாம் மிதவை, நாம் ஒரு முழு வட்டம் கிடைக்கும். இது எங்களுக்கு என்ன பார்க்க உதவுகிறது நாங்கள் நாம் அடிப்படையில் தேர்வு. இப்போது இந்த உண்மையில் பெரிய செய்யலாம். உண்மையான தரவு இந்த இணைக்க அனுமதிக்க. எனவே நாம் கேட்போம் முடிந்த யு தங்கள் தரவு பற்றி. அமெரிக்க புவியியல் ஆய்வு மையம் எனவே பூகம்பங்கள் பற்றி தரவு உள்ளது. அவர்கள் முடியும் என்று ஒரு பொது ஏபிஐ JSON வடிவில் உட்கொள்ள வேண்டும். எனவே அதை செய்ய விடுங்கள். எனவே இந்த குறியீடு ஒரு பிட் உள்ளது என்று யு ஏபிஐ இணைக்கிறது. மற்றும் அதை செயலாக்க ஒரு பிட் உள்ளது. இந்த பொருத்தமானதாக இல்லை, ஆனால் அது எளிதாக்குகிறது ஒரு போன்ற ஒரு சாதாரண தரவு வடிவம் நாம் முன்னர் இருந்தது. அதனால் நான் எங்கள் அழைப்பை விடுபட கோப்பு போலி data.json. அதற்கு பதிலாக, நான் அழைக்கிறேன் அடிப்படையில் யு. , யின் புதுப்பிப்பு நல்ல பார்ப்போம். இந்த உண்மையான, நிஜ வாழ்க்கை தரவு பூகம்பங்கள் இந்த வாரம் முதல். இந்த உண்மையில் உள்ளது. இது ஆச்சரியம் இல்லை எங்களுக்கு, ஆனால் உள்ளன அன்று பூகம்பங்கள் நிறைய கலிபோர்னியாவில் உள்ள மேற்கு கடற்கரை. ஆனால் நான் அதை மிகவும் நன்றாக இருந்தது நினைத்தேன் பல பூகம்பங்கள் இருந்தன என்று அலாஸ்காவில், மற்றும் வெளிப்படையாக, இங்கே மத்திய மேற்கில். நான், சுவாரஸ்யமான அர்த்தம், மற்றும் நாம் நல்ல இருக்கும். அந்த முடிவில் தான். ஆனால் அடிப்படையில், இந்த D3 நமக்கு செய்ய உதவுகிறது என்ன ஆகும். அது நம்மை தரவு கொள்ள உதவுகிறது, bind டிஓம் உறுப்புகள் அதை, அந்த கூறுகளை மாற்ற வேண்டும் தரவு செயல்பாடாக, அந்த பண்புகளை, அனைத்து வேண்டும் கூறுகள் பல பண்புகளை, அனைத்து சேனல்கள் பயனுள்ளதாக இருக்கும் தகவல் தெரிவிப்பதற்கு. டி 3 ஒரு நம்பமுடியாத சக்தி வாய்ந்த ஆகிறது நூலகம் மற்றும் அதிசயமாக நன்றாக இயங்கும். இந்த சில சக்தி வாய்ந்த பொருட்களை ஆகிறது. தரவு காட்சிப்படுத்தல் ஒரு நம்பமுடியாத சக்தி வாய்ந்த கருவியாக ஆழமான மக்கள் கொண்டு செல்ல தங்கள் அடிப்படை கிடைக்குமா என்று நுண்ணறிவு அவர்களை புரிந்துக்கொள்ள இந்த ஆழமான மற்றும் உள்ளுணர்வு, தரவு எவ்வாறு வேலை மற்றும் எப்படி தரவு எங்கள் வாழ்க்கை மாற்றுகிறது.