[સંગીત વગાડવાનો] 

ડેવિડ CHOUINARD: હું ડેવિડ છું Chouinard, અને આ D3 છે. સ્વાગત છે. અમે આજે D3 વિશે જાણવા જઈ રહ્યાં છો. ડી 3 જાવાસ્ક્રિપ્ટ ફ્રેમવર્ક છે એક ઉચ્ચ ગુણવત્તા નિર્માણ માટે વેબ માટે ઇન્ટરેક્ટિવ વિઝ્યુલાઇઝેશંસ. અમે છો શું જેવી વસ્તુઓ મને પાછળ જોયા, અમે તે બનાવવા જાણવા રહ્યા છીએ વસ્તુઓ, તે તેના મૂળભૂત પ્રકારની. પરંતુ તે ઠંડી જ હશે. માતાનો શરૂ કરીએ ખૂબ ચિત્રો બનાવે છે. અમે વધુ જનતા મળી છે ઉપલબ્ધ સંભાવના. માતાનો તે કરવા દો. 

ધારો કે હું DOM manipulation-- અમે રહ્યા છીએ ઠંડી વસ્તુઓ બનાવે અધિકાર દૂર શરૂ કરવા માટે. સૌ પ્રથમ, ડાબી પર, અમે કોડ છે. જમણી બાજુ પર, અમે હોય અમારા કોડ પરિણામ. માતાનો તે મારફતે જવા દો. 

ચાલો એક વર્તુળ બનાવી દો. કેવી કે અવાજ કરે છે? svg.append circle-- અમે ફક્ત એક વર્તુળ બનાવી હતી. તમે મને માનતા નથી? તે ત્યાં નથી. 

તેથી અમે નોંધ અહીં શું કર્યું, SVG સ્કેલેબલ વેક્ટર ગ્રાફિક્સ છે. આ અમે કરવા બ્રાઉઝર કહી માર્ગ છે બ્રાઉઝરમાં વેક્ટર ગ્રાફિક્સ બનાવે છે. શું અમે ફક્ત હમણાં જ કર્યું બ્રાઉઝ કરવાનો એક વર્તુળ ઉમેરવામાં આવે છે. 

વચન વર્તુળ કે છે મૂળભૂત લક્ષણો એક બીટ જરૂર છે અમે ખરેખર તેને જોઈ શકે તે પહેલા. અમે તે તેના એક્સ સ્થિતિ કહેવું જરૂર તેના વાય સ્થિતિ, તેની ત્રિજ્યા. અમે તે કોઇ તેને કહી ન હતી, તેથી અમે હમણાં તે જોઈને નથી. પરંતુ આપણે સામગ્રી તેને કહી દો. 

તેથી સૌ પ્રથમ, તમે મળી છે અમારા વર્તુળ એક નામ આપો. તેથી આપણે વર્તુળ કૉલ કરો. અમારા વર્તુળ હવે એક નામ ધરાવે છે. અને આપણે તેના થોડા ગુણધર્મોને આપી દો. કેવી સીએક્સ વિશે ખૂબ, એક્સ કેન્દ્ર છો આ એક્સ પદ કેન્દ્ર. માતાનો 200 પિક્સેલ્સ માટે, 200 કહે છે. 

માતાનો સાથે સાથે તે 200 પિક્સેલ્સ એક વાય આપી દો. અને લગભગ 40 પિક્સેલ્સ એક આર, ત્રિજ્યા,. હવે ચાલો જુઓ. હું જોડણી શકતા નથી. 

ત્યાં તમે જાઓ. અમે સ્થિતિ 200 ખાતે એક વર્તુળ હોય પીક્સલ, 200 પીક્સલ, 40 પિક્સેલ્સ ત્રિજ્યા. પ્રકારની ઠંડી, અધિકાર? અમે એક વર્તુળ હોય છે. હા. 

જેથી કોઈ જરૂર સાથે અનુસરવા માટે. આ બધા ઉદાહરણો, તમામ હું આજે કરી રહ્યો છું એ કોડ અંતે ઓનલાઇન પૂરી પાડવામાં આવશે ઇન્ટરેક્ટિવ ઉદાહરણો રૂપમાં અંતે checkpoints સાથે દરેક કાર્ય, અને તેથી પર. 

માતાનો વધુ સામગ્રી કરવા દો. આ કાળા વર્તુળ ખરેખર નીચ છે. હું કે ભૂલ માટે દિલગીર છું અહિ સંદેશાઓ. ત્યાં અમે જાઓ. 

ચાલો તે એક રંગ આપે છે. કે કેવી રીતે? હું સ્ટીલ વાદળી ગમે છે. વેલ, અમારા વર્તુળ રંગ બદલાય છે. તે મહાન છે. ચાલો તે અર્ધ પારદર્શક બનાવવા દો પણ છે અર્ધ પારદર્શક. 

તેથી આ લક્ષણો હોય અમે વર્તુળ પર વ્યાખ્યાયિત કરી રહ્યા છીએ. અમે હતી પ્રથમ વસ્તુ છે આપણે પાનાં પર વર્તુળ મૂકો. અને પછી અમે વ્યાખ્યાયિત કરી રહ્યા છીએ લક્ષણો એક ટોળું. આ કેટલાક જરૂરી છે, સીએક્સ, CY, અને ત્રિજ્યા જેવી. અને અન્ય વૈકલ્પિક છે. 

ઘણા બધા લક્ષણો હોય છે. તેમને ઘણો છે. ઉદાહરણ તરીકે, અમે એક હોય શકે સ્ટ્રોક સાથે સાથે, લાલ એક સ્ટ્રોક. પરંતુ આપણે જે દૂર કરીએ. અમે પાછા એક વર્તુળ, વાદળી વર્તુળમાં છો. 

તેથી આપણે વધુ વર્તુળોમાં બનાવવા દો. કે કેવી રીતે? માતાનો બીજો વર્તુળ બનાવીએ. આ અધિકાર, ઉત્તેજક છે? 

તેથી હું માત્ર કૉપિ-પેસ્ટ કહે શું અમે પહેલેથી હતી. ચાલો તે circle2 કૉલ કરો. અને ચાલો ચોક્કસ કરવા દો જ વાત છે અને તેને આપી 300 ની એક એક્સ પદ આપવામાં શ્રેય. યે, આપણે હવે બે વર્તુળો છે. 

અને અલબત્ત, અમે કરી શકે આ કિંમતો અપડેટ. હું 400 પર મૂકી શકે છે, અને હવે તે ખસે છે. તે નકામી છે કારણ કે, માતાનો દો તેથી circle2.remove, તે દૂર કરે છે. તે હવે ગઇ છે. 

તેથી અમે શું કરી રહ્યાં છો અને આ very--, માત્ર ખૂબ છે તમે શું ખૂબ સમાન છે ઉદાહરણ તરીકે, jQuery માં કરી શકે છે. અમે હમણાં હેરફેર રહ્યા છો ડોમ, તે કહેવાય છે. તમે પહેલાં કે શબ્દ સાંભળ્યું હશે. અમે સુયોજિત, સામગ્રી બનાવી રહ્યા છો સામગ્રી દૂર કર્યા, સામગ્રી પર શ્રેય. 

તે રસપ્રદ નહીં જ્યાં હવે, અહીં છે. જેથી પાછળથી કોડમાં, અમે હજુ શકે અહીં મૂળ વર્તુળ નો સંદર્ભ લો. તેથી આપણે સીએક્સ તેના લક્ષણ ફરીથી સેટ કરીએ. 400 માટે તેના એક્સ સ્થિતિ, ચાલો કહે. અને હું સંક્રમિત કરવા જાઉં છું કે, તે સ્પષ્ટ છે કે જેથી. ત્યાં અમે જાઓ. 

તેથી અમે એક વર્તુળ ઉમેર્યું હતું. અમે કેટલાક લક્ષણો સુયોજિત કરો. અમે બીજા વર્તુળમાં ઉમેરી તેને દૂર કર્યું. અને પછી અમે ફેરફાર કરી રહ્યાં છો મૂળ વર્તુળ. 

તે નહીં જ્યાં પરંતુ અહીં છે ઘણા બધા રસપ્રદ. માત્ર અમે ગુણધર્મોને સુયોજિત કરી શકો છો ફક્ત કિંમતો તરીકે, અમે કહી શકો છો હેય, વર્તુળ, 200 પોઝિશન પર જાઓ. અમે પણ કાર્યો તરીકે તેમની સેટ કરી શકો છો. 

તેથી બદલે, અહીં 400 આપ્યા અમે કેટલીક ગણતરી કરી શકો તે માટે ફ્લાય પર આપણે કે લક્ષણ હોઈ માંગો છો. તેથી આ તમે તે વ્યક્ત કરશો કેવી રીતે છે. અમે તેના બદલે 400 ની, મને દો, કહો તેને બદલે તમે એક કાર્ય આપી. અને અહીં, આ કાર્ય અંદર, અમે કોઈ ક્રેઝી ગણતરી કરી શકે છે. 

અમે સમય લાગી શકે છે અને કેટલાક અન્ય વસ્તુ જોવા અને ગતિશીલ માટે નક્કી અમે શું કરવા માંગો છો કિંમત વર્તુળ. અમે કેવી રીતે ફક્ત આપી વિશે તે રેન્ડમ એક્સ પદ? જેથી તે છે. 

તેથી શું કહે છે કે માટે, છે દરેક એક્સ, આ કાર્ય ચલાવો. અને શું અમે કરી રહ્યા છીએ ગણતરી છે કેટલીક વસ્તુઓ, રેન્ડમ વખત પહોળાઇ અને તે પરત. તેથી અમે તે ચલાવી દર વખતે, અમે એક વિચાર રેન્ડમ સ્થળ પર જાય છે કે વર્તુળ. તે ઠંડી પ્રકારની છે. હું જોવા શકે મને લાગે થોડી માટે આ અંતે. અમે માટે મળી શરૂ કરી રહ્યા છીએ અહીં કંઈક રસપ્રદ. ચાલો હવે ચલાવાય આ માહિતી બનાવીએ. અહીં કોઈ માહિતી નથી. ચાલો કે બદલી દો. 

ધારો II, ડેટા આધારિત Documents-- તેથી આપણે અહીં પર પાછા દો. અને, આપણે માત્ર circle2 છુટકારો મેળવવા દો અમે ફક્ત ઉમેરી રહ્યા છે અને દૂર કરી રહ્યા છીએ, કારણ કે તે. તેથી અમે ખરેખર તે જરૂરી નથી. અમે અહીં ઘણા બધા હોંશિયાર હોવા જોઈએ. અમે હોય છે, ચાલો કહે અમુક પ્રકારના અમુક માહિતી. એક, ચાલો કહે ક્ષણ અમે આ ફોર્મની ડેટા હતી. અમે હમણાં, ઝાકઝમાળ હતી નંબરો સમૂહ. અમે અહીં સાત નંબરો હોય ગમે આ પ્રતિનિધિત્વ જથ્થો લોકોના બેંક એકાઉન્ટ, કેવી રીતે ઘણી તેઓ દેવ જાણે શું, તોલવું. 

આ નંબરો છે, અને અમે અમારા વર્તુળોમાં વાપરવા માંગતા કોઈક તે નંબરો પ્રતિનિધિત્વ. અમે અમારી બાંધી માંગતા તે નંબરો માટે વર્તુળોમાં. તેથી અમે શું. ચાલો કહે, અમે માંગો એક દરેક નંબર માટે વર્તુળ. અમે જૂના કરી શકે અમે doing-- હતા વસ્તુ વર્તુળ ઉમેરો અને circle2 અને circle3. પરંતુ આ હાથ બહાર નહીં, અને તર્ક પુનરાવર્તન ઘણો છે. 

તેથી આપણે તે સાથે વધુ હોંશિયાર વિચાર કરીએ. તેના બદલે var વર્તુળ વાપરવાના , અમે માત્ર ઉપયોગ કરતા હતા કે svg.append અમે ઉપયોગ જઈ રહ્યાં છો અહીં આ થોડું બ્લોક. હું ગહન જવા નથી માંગતા તે માં આ બધા ભાગો કરવું. અને તે ઉન્નત મુદ્દો પ્રકારની છે. અને હું હું કરી શકે છે ઈચ્છો છો. 

પરંતુ કી બાબત recognize-- કરવા અને તમે ડી 3 કોડમાં ઘણી વાર છે જોશો. લખાણ મૂળભૂત ની આ બ્લોક ઘણા વર્તુળોમાં બનાવે માહિતી તત્વો હોય છે, કારણ કે અહીં આ એરે. તેથી આ ઘણા બનાવે ત્યાં તરીકે વર્તુળોમાં ઘટકો હોય છે. તે અમને સાત વર્તુળોમાં બનાવવા બનશે. અને તે ખરેખર, ખરેખર કી વસ્તુ છે. તેથી આપણે કે ચલાવો. માતાનો અમારા અન્ય વર્તુળ દૂર કરીએ. ચાલો માત્ર આ ટિપ્પણી દો આઉટ ભાગ છે અને ફરીથી આ ચલાવો. 

ત્યાં અમે જાઓ. અહીં અમારા વર્તુળ છે એક ઘણું ઘાટા, અમે કારણ સાત વર્તુળોમાં હોય છે, એક આ અન્ય ટોચ પર. અમે હમણાં સાત વર્તુળોમાં, એક બનાવનાર આ માહિતી તત્વો દરેક માટે દરેક. પરંતુ થયું કે કી વસ્તુ છે અહીં આ સ્નીપેટ સાથે. 

તે માહિતી બંધાયેલા હતો તે છે. તેથી દરેક એક એક ની તે માહિતી તત્વો, 10, 45, 105, બાઉન્ડ હતી ચોક્કસ વર્તુળ છે. તેથી આ માત્ર બનાવનાર નથી વર્તુળો એક ટોળું પરંતુ એક સાથે તે બે વસ્તુઓ જોડાણ. 

અને ભવિષ્યમાં, અમે બનાવનાર કારણ આ D3 કાર્ય સાથે તે વર્તુળો, હું તમને એક વર્તુળ આપી તો તમે કરી શકો છો મને તેની સાથે સંકળાયેલ ડેટા આપે છે. તેથી અમે ડી 3 પૂછી શકો છો. અરે, ડી 3, હું આ વર્તુળ છે. વર્તુળ છે કે ડેટા શું છે? અને ડી 3 આપણને 10 અથવા 45 અથવા 105 કહેવું કરશે. 

આ વસ્તુઓ બંધાયેલા છે. કે ખૂબ, ખૂબ મૂળભૂત ખ્યાલ છે. ચાલો કે જુઓ. 

તેથી જે રીતે અમે આમ D3-- પૂછો હો આ, આ માટે અપ્રસ્તુત છે પરંતુ માત્ર તેના પર મને વિશ્વાસ. આ અમે ડી 3 પૂછો કેવી રીતે છે. અરે, ડી 3, મને પ્રથમ આપી તમે શોધી શકો છો કે વર્તુળ. મને તમે શોધી શકો છો પ્રથમ વર્તુળ આપો. અને પછી અમે ડી 3 પૂછી શકે, તે છે આ જેમ કે પર માહિતી, 10. 

તેથી અમે માત્ર D3 પૂછો, મને શોધી તમે શોધી શકો છો પ્રથમ વર્તુળ. તેની માહિતી શું છે? 10, કે ખરેખર અમારા માટે છે પ્રથમ ડેટા તત્વ. અમે, હેય, ડી 3 તે પૂછી શકે અમને અમારા ત્રીજા વર્તુળ શોધો. 105. શા માટે આ ખરેખર મહત્વનું છે? 

તેથી અહીં, હું ઉલ્લેખ કર્યો કે અમે વિધેયો ઉપયોગ કરી શકે છે. અને મને તે હતી ઉલ્લેખ કર્યો એ ખૂબ શક્તિશાળી વસ્તુ. તેથી જ આપણા કાર્યો વસ્તુઓ કરી શકો છો નથી જેવા ઉદાહરણ તરીકે, અમુક ગણતરી કરી, , રેન્ડમ નંબર તે કરી શકો પરત પણ માહિતી પર આધારિત વસ્તુઓ નથી. આ માહિતી ચલાવાય દસ્તાવેજો શું અર્થ છે. કે ડી 3 માટે વપરાય છે તે છે. 

તેથી આ એક્સ postition-- બદલે માત્ર, બધા વર્તુળો કહેતા, એક્સ પદ 200 વિચાર, અમે તે એક કાર્ય આપી શકે છે. અને અહીં, અમે કેટલીક ગણતરી કરી શકે છે. અને ડી અહીં ડેટા માટે જગ્યાએ રહે છે. જેથી દર વખતે અમે હોય એક વર્તુળ, મૂળભૂત રીતે, D3 આ સાત વર્તુળોમાં બનાવશે. અને પછી દર 

વર્તુળ, તે, હેય, જાઓ બનશે circle1 તમારા એક્સ સ્થિતિ શું છે. પહેલાં, અમે હતા હંમેશા 200 જવાબ. પરંતુ હવે, દર વખતે ડી 3 પૂછે અમને તમારી એક્સ સ્થિતિ શું, તે અમારી પાસે છુ આપી રહ્યું છે કે વર્તુળ, તેથી અમે ડેટા હોય છે. તે, અમને ડેટા આપે છે અને કહે બનશે શું તમે પ્રદર્શન થવું હોય તો, કે માહિતી પર આધારિત છે. 

ચાલો માત્ર વાસ્તવિક માહિતી પરત દો. અમે આ સ્કોર તેથી જો, આ આપે અમને માહિતી દસ્તાવેજો નહીં. આ વર્તુળો આધારિત છે સંબંધ position-- માં તેઓ ડેટા એક કાર્ય તરીકે પાયા છો. 

પ્રથમ વર્તુળ માટે તેથી, ડી 3 એક વર્તુળ મૂકે છે. અને પછી ડી 3 શું કરવું, અમને પૂછે તમે પ્રદર્શન રાખવા માંગે છે. અને અમે માત્ર ડેટા ગમે, કહો. આ પ્રદર્શન 10 બનાવો. 

પછી તે તમને માંગો છો, શું પૂછે પ્રદર્શન બીજા વર્તુળ માટે પ્રયત્ન કરવા. અને અમે 45, જવાબ. અને અમે, અલબત્ત, આ કરી શકો અહીં કેટલાક ગણતરી કરી. હું તે વર્તુળો કે જે શોધી પ્રકારની અપ બને છે. 

તેથી 3 દ્વારા માહિતી વધવું, 3 દ્વારા મલ્ટીપ્લાય. અમારા વર્તુળ માત્ર બહાર વિસ્તારવામાં મળ્યો. અમારા કિંમત ત્રણ ગણો આવી હતી. 

વર્તુળ, ખરેખર ધાર પર છે તેથી આપણે કદાચ પ્રકારની તે ઓફસેટ દો. માતાનો 20 દ્વારા, કહે છે. અહીં તમે જાઓ. 

આ એક માહિતી વિઝ્યુલાઇઝેશન છે. તે ખૂબ જ મૂળભૂત એક છે, પરંતુ આ અમને અમારી માહિતી કેટલાક માહિતી આપે છે. તે અમને કહે છે કે, ઉદાહરણ તરીકે, અમે તત્વો થોડી ક્લસ્ટર છે. અને અમે અહીં એક મોટી outlier છે. આ અમને કેટલીક માહિતી આપે વિતરણ વિશે. 

અમે હતા, ઉદાહરણ તરીકે, બદલવા માટે અહીં 150 અને તાજું કરો ડેટા, અમારા વિઝ્યુલાઇઝેશન બદલાયેલ છે. આ દસ્તાવેજમાં માહિતી ચલાવાય છે. 

અલબત્ત તેથી, આ બધા તત્વો, અહીં આ બધા લક્ષણો, અમે એક કાર્ય ન વાપરી શકો છો માત્ર નંબરો, નહિં કે ખાલી આ એક્સ અને વાય સ્થિતિ. તેથી અમે રંગ માટે એક કાર્ય ઉપયોગ કરી શકો છો. જેથી અમે એ જ કરી શકશો. અમે તેને એક કાર્ય આપી શકશો. 

અને અમે કરી શકે છે, ચાલો કહે અમારા કાર્યમાં શરતો. આ કાર્ય બની શકે છે લાંબા રેખાઓ સો. તે ખૂબ, ખૂબ જટિલ વસ્તુઓ કરી શકો છો. 

તેથી આપણે એક નિવેદનમાં જો અહીં મૂકી દો. અમારી માહિતી ઓછી છે તો, ચાલો કહે 50 કરતાં, કે જે અમુક થ્રેશોલ્ડ છે અમે રસ છો કે કેટલાક કારણોસર માં. ચાલો તે લીલા કરી દો. અન્યથા, આપણે તેના લાલ કરી દો. કે કેવી રીતે? સરસ. 

જેથી અમારી માહિતી વિઝ્યુલાઇઝેશન શરૂ થયેલ વધુ રસપ્રદ જાણકારી અભિવ્યક્ત ઘણી ચેનલો પર. તેથી હવે અમે થોડી ખબર વિતરણ વિશે. અને અમે અમુક પ્રકારના છે તે ખબર અમે રસ ધરાવતા હો કે 50 ખાતે કાપી નાખ્યો. અમે બે માહિતી પોઇન્ટ છે કે ખબર તેમાંના મોટા ભાગના કે થ્રેશોલ્ડ કરતાં અને ઉપર. 

તેથી અંતિમ પગલાં તરીકે, અહીં આ માહિતી, તે જેમ આ જોવા માટે ખૂબ જ દુર્લભ છે. તેથી આપણે માત્ર એક ચલ માટે તેને બહાર ખસેડવા દો કે આ જેવા, ક્લીનર છે, કારણ કે. અને પછી અમે અહીં તે ચલ વાપરો. તે ચોક્કસ જ વાત છે. તે માત્ર થોડી ક્લીનર છે. 

આગામી અપ, એકટ III, Scales-- જેથી એક સમસ્યા અધિકાર અમે બદલો તો, અહીં છે અમારા આ 200 કિંમત માં માહિતી અમે 400 માટે તેને બદલી હોય તો અથવા કંઈક અને તાજું, પછી આ કિંમત માત્ર ઓફસ્ક્રીન ગયા. અહીં અમારા તર્ક જેથી કેવી રીતે અમે શું આ વખત 3 અને 20, પછી તે ફેલાય છે અને માટે તે ઓફસેટ થોડી ખરેખર clunky છે. 

તે નંબરો અર્થ શું છે? તેઓ માત્ર હાર્ડ ત્યાં કોડેડ રહ્યા છો. અને તેઓ ખૂબ ખૂબ ડેટા જોડવા રહ્યા છો. અમે એ માહિતી ચલાવાય દસ્તાવેજ માંગો છો. અમે ખૂબ જ લવચીક દસ્તાવેજ માંગો, આપવામાં ડેટા કે, તે માટે અપનાવી અને તે રજૂ કરે છે. 

શું અમે મૂળભૂત જરૂર અમે છે નંબરો 10 ની આ શ્રેણી છે. 45, 105. અને અમે પર કે બહાર મેપ કરવા માંગો પહોળાઇ, અહીં સંપૂર્ણ પહોળાઈ. તેથી અમે ના રેન્જ ધરાવે 0 થી 100 થઇ રહ્યા નંબરો. અને અમે આ કેમ્પસમાં હું જાય પાસે આ કિસ્સામાં, 700 20 માંથી. 

અમે પ્રકારની છે કે તેના પર મેપ કરવા માંગો છો. અમે તે પરિમાણ કરવા માંગો છો અને પછી તે થોડો ઓફસેટ. તે ડી 3 આ છે કે બહાર કરે છે. તે સ્કેલ કહેવાય છે. તેથી આપણે તેનો ઉપયોગ કરીએ. 

હું જાઉં છું works-- કે જે રીતે આ અપ લખો અને પછી તેને સમજાવે છે. આ સ્કેલ છે. શું તે શું કરશે, તે બહાર મેપ કરશે 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 તર્ક આ પ્રકારની આપણે સાથે અહીં છે અહિ શરતી, અમે કંઈક એક કરી શકે છે તે વચ્ચે રેખીય સ્કેલ. તેથી અમે પાયે ઉપયોગ કરશો અમે ફક્ત , બનાવવામાં આપણે રંગ કહેવાય છે. અને અમે તે ડી આપી કરશો જે અમારી માહિતી તત્વ છે. અને ત્યાં અમે જાઓ. અમે એક રંગ પાયે છે. 

તેથી આ મેપિંગ છે. જેથી અત્યાર સુધી બાકી સંપૂર્ણપણે લીલા છે. દૂર અધિકાર સંપૂર્ણપણે લાલ છે. અને વચ્ચે બધું ડી એક કાર્ય છે. અમે રસપ્રદ હોય અહીં વિઝ્યુલાઇઝેશંસ. પરંતુ અમારી માહિતી પ્રકારની કંટાળાજનક હતું. માતાનો આપણે તો શું કરી શકે છે તે જોવા દો અમે વધુ રસપ્રદ માહિતી હતી. 

ધારો ચોથો, વર્કિંગ સાથે પ્રથમ વસ્તુ Data-- અમે બનાવવા માટે કરવા માંગો છો પડશે અમારા વધુ રસપ્રદ દ્રશ્ય બીજે ક્યાંય ડેટા ખસેડવા છે. તેની પાસે ખૂબ clunky છે ડેટા હાર્ડ અહીં કોડેડ. અને સામાન્ય રીતે, અમે પૂછવા હશો ડેટા માટે કોઈ બીજા. અમે કદાચ, સરકાર પૂછવા આવશે આ સેન્સસ બ્યુરો, તમારા ડેટાને શું અને પછી તે કાવતરું અથવા પુછે અમુક માહિતી માટે કેટલાક થર્ડ પાર્ટી એન્ટિટી અને પછી એક મકાન તે પર વિઝ્યુલાઇઝેશન. 

પ્રથમ વસ્તુ તેથી અમે કરવા માંગો છો બીજે ક્યાંય જવા માટે કે ખસેડવા છે. તેથી હું એક બનાવવા જઈ રહી છું અહીં કહેવાય data.json નોંધાવી. JSON ડેટા ફોર્મેટ છે. તમે તે વિશે ઘણી ખબર નથી. અને અમે નકલ રહ્યા છીએ આપણે ત્યાં હોય જ ઓછી માહિતી, ત્યાં અક્ષરશઃ માં પેસ્ટ, જાઓ પાછા અમારા વિઝ્યુલાઇઝેશન કોડ માટે અહીં, અને અહીં આ વિધેય વાપરી. તમને જો વિગતો જાણવા નથી. પરંતુ શું આ થશે, છે તે તે ફાઈલ મળશે, તે મેળવે છે, અને અમારા માટે તે આવો. તેથી આ શું કરે છે તે જાય છે અને data.json ફાઇલ મળી. અને પછી તમામ કોડ કે અનિવાર્યપણે ઇનસાઇડ ઇન્ડેન્ટેડ, તમામ કોડ અમે ત્યાં ચાલશે હોય અમે પાછા ડેટા મળે ત્યારે જ ચલાવો. અને પછી તે કે ચલાવવા બનશે અમે હોય ડેટા સાથે કોડ. મહાન, અમે હોય છે એક પ્રશ્ન કરે છે કે દ્રશ્ય અમુક કોડ માટે ક્યાંક બીજું, જે સામાન્ય રીતે છે જ્યાં તે પરથી અમુક માહિતી પ્રશ્ન કરે બીજે ક્યાંક, સામાન્ય રીતે, કે જે વિઝ્યુલાઇઝેશંસ કેવી રીતે કાર્ય. 

પણ હું ડેટા પર પાછા જાઓ કરવા માંગો છો. D3-- ડી 3 માં મૂળભૂત છે તેથી ડેટા વસ્તુઓ યાદી છે કે જે માહિતી વાપરે છે. D3 ડેટા ફક્ત યાદી કરી અપેક્ષા વસ્તુઓ, વસ્તુઓ પણ દર્શાવે છે. તે શું તે વસ્તુઓ વાંધો નથી તેથી લાંબા તે તેમને પણ દર્શાવે છે, કારણ છે. 

અહીં, ઉદાહરણ તરીકે, અમે અને શકે અલબત્ત બિંદુ કિંમતો ફ્લોટિંગ છે. અમે ઋણો કરી શકે છે. ડી 3 તેથી લાંબા, કાળજી નથી તે વસ્તુઓ યાદી છે તરીકે. 

અમે તરીકે રસપ્રદ વસ્તુઓ કરી શકે છે, અમે કરી શકે તે જેવી શબ્દમાળાઓ યાદી છે. તેથી આ ક્રિમસન હેડલાઇન્સ છે હું થોડા દિવસ પહેલા પકડી હતી. અને કદાચ તમે કેટલીક રસપ્રદ શોધી શકો છો આ એક હેડલાઇન્સ વિશે વસ્તુઓ. 

તેથી ફરીથી, આ વસ્તુઓ યાદી છે. D3 કાળજી નથી. આ શબ્દમાળા હોઈ થાય. અમે અમારી માહિતી બદલ્યું. 

ચાલો અમારી વિઝ્યુલાઇઝેશન પર પાછા દો. હવે અમારા વિઝ્યુલાઇઝેશન અપેક્ષા ઇનપુટ નંબરો હોઈ. તેથી અમે હોય રહ્યા છીએ થોડા ફેરફારો કરવા માટે. તેથી ઉદાહરણ તરીકે, સૌ પ્રથમ, કદાચ અમે સાથે આ વર્તુળો મૂકેલ હેડલાઇન લંબાઈ દ્વારા, હેડલાઇન માં અક્ષરો સંખ્યા. 

તેથી શું આપણે દર વખતે ઠીક કરીશ અમારી કાર્ય શબ્દમાળા સાથે કહે છે, અમે તેને લંબાઈ છે મળશે અને પછી સ્કેલ કરો કે પાસ. રંગ, મને પરત મળશે સ્ટીલ વાદળી માટે છે. અને ત્યાં અમે જાઓ. અમે એક દ્રશ્ય હોય ના ક્રિમસન હેડલાઇન્સ. 

અમારા પાયે થોડી બંધ છે. માતાનો સૌથી લાંબો ધારે દો હેડલાઇન, 100 અક્ષરો લાંબી છે જેથી થોડી કે બહાર વિસ્તારતા. અને અમે એક દ્રશ્ય છે. તેથી તે કે મોટા ભાગના હેડલાઇન્સ લાગે એકસાથે ખૂબ નજીક છે, પાત્ર વાક્ય દ્રષ્ટિએ. પરંતુ ત્યાં એક ખરેખર બહાર રહે છે. 

અમે કેટલાક સાધનો બિલ્ડ કરી શકે વધુ કે અન્વેષણ. હું આ પર કામ કરતા હતા ત્યારે, હું હતો વિચિત્ર, શું આ માહિતી સમૂહ માં, કોલન સાથે હેડલાઇન્સ તેમને સમય સુધી રહેશે. હું તેઓ કરશે ધારે છે. 

તેથી આપણે તે જાણવા દો. માતાનો રંગ વાપરવા દો ચેનલ અમે પહેલાં હતી જેવી કે કેમ તે અંગે કેટલીક બેવડી એક કોલોન અથવા ના છે. તેથી અમે ફરીથી શરતી ઉપયોગ કરશો. તમે જાણો કરવાની જરૂર નથી આ વિગતો, પરંતુ આ અમે એક તપાસ કેવી રીતે છે ચોક્કસ પાત્ર માટે શબ્દમાળા જાવાસ્ક્રિપ્ટ, ફરી, સંબંધિત નથી. 

પરંતુ અમે એક શોધી ન હોય તો કોલોન, અમે લીલા પરત મળશે. અમે શું અને, જો આપણે લાલ પરત મળશે. તેથી ફરી, કે હેડલાઇન્સ એક કોલોન લાલ થઈ જશે કરી છે. આ, આ સરસ અર્થ શું છે. 

તેથી તે કે લાગે છે મારા પૂર્વધારણા bumped છે. માત્ર બે જ નથી. અમે ફક્ત છ માહિતી પોઇન્ટ હોય અને માત્ર બે કોલોન ':' હતી. પરંતુ તે થોડી વધુ લાગે નીચલા પર, હકીકતમાં. કોલોન ':' સાથે હેડલાઇન્સ જણાય સામાન્ય રીતે ટૂંકા હોય તેમ, અમારી માહિતી ઓછામાં ઓછા રસપ્રદ સુયોજિત. 

માતાનો કરો કે પરત દો સ્ટીલ વાદળી અને પછી જોવા અમે પણ સાથે કરી શકે છે તે વધુ રસપ્રદ માહિતી. તેથી ફરી, હું કે ઉલ્લેખ કર્યો ડી 3 માં ડેટા વસ્તુઓ યાદી છે. અમે ઘણા પ્રકારના નંબરો જોઇ છે. અમે શબ્દમાળાઓ જોઇ છે. પરંતુ બધી વસ્તુઓ પણ પદાર્થો હોઇ શકે છે. 

તેઓ જટિલ વસ્તુઓ બની શકે છે કે વસ્તુઓ ઘણો સમાવેશ થાય છે. વધુ સ્પષ્ટ રીતે કહે છે કે, મોટા ભાગના કિસ્સાઓમાં, અમે તરીકે દરેક માહિતી બિંદુ બિલ્ડ કરવા માંગો છો વધુ માત્ર એક કિંમત કરતાં જટીલ. જો તમે કલ્પના હો તો વિદ્યાર્થીઓ વિશે ડેટાબેઝ, એક વિદ્યાર્થી હોઇ શકે નામ આપો, એક વિદ્યાર્થી ID ને, અને વસ્તુઓ ઘણો સંકળાયેલ ચોક્કસ રેકોર્ડ સાથે, માત્ર એક શબ્દમાળા અથવા નંબર. તેથી આપણે કે જુઓ. 

આ સેટ એક જેમ માહિતી છે. આ ભૂકંપ વિશે સુયોજિત એક માહિતી છે. અમારા સૂચિ અથવા એરે પર અહીં બધું જેથી વસ્તુઓ ઘણી વસ્તુઓ પોતે સમાવે છે. જેથી દરેક માહિતી બિંદુ છે એક તીવ્રતા અને સંકલન. અને પોતાને સંકલન બે વસ્તુઓ હોય છે. 

તેથી દરરોજ હવે ઘણા બધા છે જટિલ અને વધુ ઘણો રસપ્રદ અને વધુ સમાવે રસપ્રદ માહિતી. માતાનો અમે તે બહાર બિલ્ડ કરી શકે છે તે જોવા દો. ફરીથી, બેક અહીં પરત વાપરીને અમારા હિસ્ટોગ્રામ વર્તુળ દ્રશ્ય અમે નિર્માણ કર્યું, અમે એક બનાવી શકો છો જો માતાનો જોવા દો તીવ્રતા વિતરણની વિઝ્યુલાઇઝેશન અમારી માહિતી સમૂહ માં. 

અહીં, તે જ ખ્યાલ છે. પરંતુ હવે, ડી વધુ વસ્તુઓ સમાવે છે. ડી ઘણા ડેટા ઘટકો છે. તેથી અમે પાછા હો મળી. D3 અમને ડી આપે છે. અને અમે તીવ્રતા શોધવા દ્વારા પ્રતિસાદ ડી અને પછી સ્કેલ કરો કે પસાર. 

અને પછી અમે બદલવાની જરૂર અમારા પાયે, અલબત્ત. તીવ્રતા ધરાવતો ખાલી ન કરતા, તેથી વધુ 10 કરતાં જાઓ. ખરેખર, ત્યાં ક્યારેય કરવામાં આવ્યું એક 10 તીવ્રતાનો ભૂકંપ. પરંતુ તે અમારા ઉપલા પ્રકારની છે અંતે અમારા ઉપલા સ્પેક્ટ્રમ. 

માતાનો રીફ્રેશ કરીએ. સરસ, અમે એક દ્રશ્ય છે. તે આવું note-- રસપ્રદ છે બે માહિતી પોઇન્ટ કે ત્યાં લગભગ બરાબર દરેક ટોચ પર છે અન્ય, તીવ્રતા દ્રષ્ટિએ. જો અમે ઉપયોગ કરી રહ્યાં છો એ અસ્પષ્ટ કરીને આ જુઓ. 

આપણે હવે ભૌગોલિક માહિતી હોય. અમે અક્ષાંશો અને રેખાંશ હોય છે. કદાચ અમે કંઈક એક કરી શકે ઘણું તે સાથે વધુ રસપ્રદ. માતાનો કેટલાક વધુ શોધવા દો વિઝ્યુઅલાઈઝ રસપ્રદ રીતે આ વધુ જટિલ માહિતી અમે વપરાશ હોય છે. 

ધારો વી, Mapping-- મૂળભૂત, અમે નકશા પર આ મૂકેલ. હું જ્યાં આ રહ્યું છે આ છે, અર્થ. આપણે વિશે જાણકારી બેવડી માંગતા આ ભૂકંપ વાંચન સ્થિતિ, સાથે સાથે તેમના તીવ્રતા, આપણે હવે કે હોય છે. અમે વપરાશ માટે કેવી રીતે વધુ જટિલ માહિતી. 

અમે કરીશ પ્રથમ વસ્તુ છે એક નકશો, એક પૃષ્ઠભૂમિ નકશો બનાવો. હું મારફતે જાઓ જાઉં છું આ ખૂબ જ ઝડપથી. આ કપટી કોડ છે. તે પેલા બીજા એક છે વાનગીઓ કે તમે ખરેખર ન કરતા તમે ઉપયોગ કરવા માટે સંપૂર્ણપણે સમજવા માટે છે. પરંતુ આ કોડ છે. આ કોડ અહીં એક નકશો બનાવે છે. 

અમે વિગતવાર જવા નથી જઈ રહ્યાં છો. પરંતુ ઉપરી સપાટી, તે શું કરે છે, તે આ us.json ફાઇલ, પ્રશ્ન કરે છે કે જેમાં એક માહિતી ફાઈલ જેવી છે અમે પહેલાં હતી જે એક. તે અભ્યાસક્રમ છે, વધુ જટિલ છે. પરંતુ આ કિસ્સામાં, બધું, દરેક માહિતી બિંદુ આ રાજ્ય છે અને યાદી છે અક્ષાંશો અને રેખાંશ કે બહુકોણની વ્યાખ્યાયિત, કે ફોર્મ, કે રાજ્ય. 

તેથી ડી 3 શું કરશે જેવી જ છે અમે પહેલાં શું કર્યું છે. તે વિનંતી કરશે અને એક તત્વ છે કે બાંધવા. અને એક કાર્ય છે તે તે તત્વ મેપ કરશે, આ અક્ષાંશો અને રેખાંશ પર આધારિત છે. તમે તે પર વધુ વાંચી શકો છો. અને હું તેને ભલામણ કરે છે. 

આ અંતે કડીઓ હોય છે આ કોડ અંતે પોસ્ટ કરી છે. અને કોડ ટિપ્પણી કરી છે. આ પર વધુ માટે કડીઓ હોય છે. હું તમને તે જોવા અપ ભલામણ. પરંતુ અમે શું છે કાળજી આ પ્રક્ષેપણ કાર્ય. હું કે મારફતે જાઓ કરવા માંગો છો. 

સૌ પ્રથમ, મને બતાવો દો તમે તે, હા, અમે એક નકશો છે. નકશાઓ ઠંડી રહે છે. તેથી આપણે આ જુઓ ઉત્પાદન કાર્ય. 

પ્રોજેક્શન ઘણો છે સ્કેલ જેવા, ફરી લાગુ થાય છે. તેથી શું ઉત્પાદન માટે આ પ્રક્ષેપણ કાર્ય , અમે તેને રેખાંશ પસાર કરી શકે થયેલ નથી અને આ કિસ્સામાં latitudes--, અહીં આ કિંમતો આ છે આ બિલ્ડિંગની lat-longs અમે અધિકાર બેઠક કરી રહ્યાં છો હવે પ્રક્ષેપણ માટે. અને પ્રક્ષેપણ રૂપાંતરિત કરશે એક્સ અને વાય પિક્સેલ કિંમતો માં કે. 

તેથી શું પ્રક્ષેપણ કરી છે અમારા પાયે ખૂબ સમાન છે. તે અમારી અક્ષાંશો લઈ રહ્યું છે અને સમગ્ર વિશ્વમાં રજૂ કરે છે રેખાંશ અને સંકોચાયા છે અને તે કદ બદલવાનું અમે માંગો કે જે ચોરસ નીચે, અમે તેને આપી છે કે. આ કિસ્સામાં, અમે છો આ કિંમતો પસાર. અને તે કે, સાથે સાથે, ચાલો આપી દીધો છે તમારી સ્ક્રીન પર 640 પિક્સેલ્સ છે. આ સમગ્ર સ્ક્રીન 700 પિક્સેલ્સ છે વિશાળ, કે અહીં વિષે બનાવે જેથી, નીચે અને 154 પીક્સલ, જે હું છો અંદાજ ખૂબ ખૂબ છે અહીં. 

તેથી તે lat-longs, લઈ જે સમગ્ર વિશ્વમાં પર કંઈક પ્રતિનિધિત્વ અને squishing અને તે આસપાસ ખસેડવા અમને એક્સ અને વાય પિક્સેલ કિંમતો આપવા, આ છે કે પ્રથમ વસ્તુ છે આ મેપિંગ કોડ થાય. આ ના અને પછી બાકીના કોડ ડેટા વાપરે છે અને પછી તે lat-longs નકશા તમારી સ્ક્રીન પર કંઈક પર. 

પરંતુ અમે આ પ્રક્ષેપણ ઉપયોગ જઈ રહ્યાં છો કાર્યો, તે તારણ, કારણ અમે તેમજ lat-longs longs છે. અમારી માહિતી પર પાછા છીએ, અમે હોય અક્ષાંશો અને રેખાંશ કોઓર્ડિનેટ્સ દરેક નિરીક્ષણ માટે. તેથી આપણે પ્રક્ષેપણ ઉપયોગ કરવા દેવા. 

તેથી અમારા પ્રદર્શન જોઈ, અમે અમારી exposition-- માંગો અમે એક અક્ષાંશ અને રેખાંશ એક છે. પરંતુ અમે પિક્સેલ કિંમતો માંગો છો. અને તે તારણ, અમે બરાબર હોય શું આપણે પ્રક્ષેપણ want--. અમે હતા ખૂબ ખૂબ જેવા અહીં પાયે ઉપયોગ કરીને, આપણે હવે પ્રક્ષેપણ વાપરવા રહ્યા છીએ અને તે સંકલન પાસ. પ્રથમ વસ્તુ તેથી અમે અમે છીએ જેથી કરી રહ્યાં છે વ્યક્તિગત માહિતી, કે જે મળી રહ્યો ડી, વ્યક્તિગત ભૂકંપ તત્વ વાંચન. આપણે શું પ્રથમ વાત કોઓર્ડિનેટ્સ વિચાર છે. બધા હક, અમે કોઓર્ડિનેટ્સ છે. 

અમે શું બીજા વસ્તુ છે પ્રક્ષેપણ પર કે પાસ. પ્રોજેક્શન તે કોઓર્ડિનેટ્સ ફેરવે પિક્સેલ મૂલ્યો, એક્સ અને વાય માં. અને પછી જો છેલ્લા વસ્તુ અમે ફક્ત એક્સ વિચાર આવે કરવા માંગો છો, જે આ કિસ્સામાં પ્રથમ એક છે. તે બે વસ્તુઓ પ્રથમ છે કે પ્રક્ષેપણ દ્વારા પરત કરવામાં આવે છે. 

અમે વાય માટે જ કરી શકશો. પરંતુ તેના બદલે, અમે પરત મળશે બીજા તત્વ, વાય. તાજું કરવા તૈયાર છે. Ooh, વધારાની પાત્ર અહીં સરસ, અમે હોય છે કે માહિતી ચલાવાય દસ્તાવેજ પદાર્થોની આ JSON ફાઇલ વાત છુપાવી, એક નકશો બનાવવા માટે, અને બદલાતી ડેટા સંબંધમાં યશ નકશા પર તે પ્રોજેક્ટ. આ ખરેખર રસપ્રદ છે. આ સરસ છે. 

ચાલો એક ઉત્તમ તેને નાખો. હું અમે બે ટુકડા હોય, તેનો અર્થ દરેક માહિતી બિંદુ સાથે માહિતી. હું ત્રણ, એમ થાય છે. અમે કોઓર્ડિનેટ્સ હોય, જે એક એક્સ અને વાય છે. અને અમે તીવ્રતા છે. 

અમે અચાનક તીવ્રતા બેવડી કરવાની જરૂર છે. અમે ચેનલોની ઘણો હોય છે. અમે રંગ વાપરી શકો છો. અમે ત્રિજ્યા વાપરી શકો છો. અમે અસ્પષ્ટ ઉપયોગ કરી શકે છે. અમે કોડમાં ઘણી વસ્તુઓ ઉપયોગ કરી શકે છે. આ લક્ષણો અને ઘણા કોઇ ત્યાં યાદી થયેલ નહિં હોય છે કે વધુ તેઓ વૈકલ્પિક છો કારણ કે, અમે કરી શકે આ માહિતી બેવડી ઉપયોગ, સ્ટ્રોક અને આ તમામ બાબતો હું ઉલ્લેખ કર્યો છે. 

માતાનો ત્રિજ્યા કરવા દો. હું ત્રિજ્યા સૌથી સાહજિક છે. તેથી ફરી, અમે તે હાર્ડ કોડેડ બદલો મળશે 40 અને અમુક ગણતરીઓ બનાવે છે. અમે ફરીથી અમારી મનગમતી પાયે ઉપયોગ કરશો. અને અમે ડી છેલ્લાં છો. અમે તીવ્રતા માંગો કારણ કે, પરંતુ હો ન ડી ના. ડી ફક્ત માહિતી બિંદુ છે. અમે તીવ્રતા આરોહણ કરવા પસાર કરશો. 

માતાનો ફરીથી કે પ્રયાસ કરીએ. Ooh, તે કામ કરતું નથી. શા કામ કરતું નથી? 

તેથી શું કરે પાયે યાદ કરે છે. માતાનો ફરીથી પાયે જુઓ. 1 થી 10 માટે સ્કેલ નકશા પર 600 22, વધુ કે ઓછા. 600 વિશાળ છે. અમે આ મળી રહ્યાં શા માટે છે. 

જેથી અમે અમારા પાયે બદલવા માંગો છો વધુ વાજબી કંઈક કરવા માટે. અમે 60 0 માંગતા, ચાલો કહે. 60 મોટી છે, પરંતુ 10 ધરતીકંપો અતિ દુર્લભ છે. હકીકતમાં, તેઓ ક્યારેય બન્યું કર્યું છે. 

આવું થશે આ શું છે, તે લેવા પડશે 1 થી 10 જાય છે કે અમારા તીવ્રતા અને તે યાદીને વિસ્તૃત કરવા તેના પર મેપ. અને 60 માટે 0 થી તેના પર મેપ. માતાનો રીફ્રેશ કરીએ. 

સરસ, અમે એક દ્રશ્ય છે. આ મહાન છે. આ વાસ્તવિક માહિતી હોય છે. તમને મારા ઓછી રમકડું, નોટિસ પડશે ઉદાહરણ, સૌથી મોટી ભૂકંપ જમણી અમારો ટોચ પર છે. પરંતુ તે છે. અમે એક તારીખ ચલાવાય વિઝ્યુલાઇઝેશન હોય કે ડેટા વાપરે છે અને ખરેખર અમને આપે રસપ્રદ માહિતી. અરે વાહ, ચાલો કેટલાક ઉમેરો તે માટે આંતરક્રિયાઓ. હું કે હતી ઉલ્લેખ કર્યો D3 ના મજબૂત બળ. 

અહીં, દરેક તત્વ માટે, અમે છો લક્ષણો એક ટોળું વર્ણન. પરંતુ અમે પણ આપણે શું કરવા માંગો છો વર્ણન કરી શકો છો આંતરક્રિયાઓ તત્વો સાથે થાય છે. ઉદાહરણ તરીકે, અમે વર્ણન ન કરી શકે શું જ્યારે અમે માઉસ ઉપર થાય. અને તે ખૂબ જ સમાન, કે એક કાર્ય લેવા પડશે, આ ખૂબ સમાન , અમે પહેલાં હતી શ્રેય જ્યાં અમે આ કંઈક કરવું અમે તેની પર તત્વ હૉવર ત્યારે. 

જેથી પ્રથમ વસ્તુ અમે જરૂર છે તે તત્વ પસંદ થયેલ કરવું, બ્રાઉઝરમાં, મૂળભૂત રીતે તે શોધવા માટે. અને પછી અમે સેટ કરી શકે તે માટે કોઈ વિશેષતા. અમે હૉવર જ્યારે તેથી શું હું અહીં કરી રહ્યો છું, છે કંઈક વધારે, અમે તે તત્વ મળશે અને પછી પાછા તેના અસ્પષ્ટ સુયોજિત 1 માટે, સંપૂર્ણપણે અપારદર્શક કરો. ચાલો કે જેવો દેખાય છે તે જોવા દો. 

તે આપણે એક હોય તેવું લાગે અહીં વધારાની અર્ધવિરામ. અમે ઉપર અહીં હૉવર તેથી, જો તે સંપૂર્ણ નોંધાયો નહીં. પરંતુ હવે, અલબત્ત, તે , સંપૂર્ણ રહે આપણે કારણ શું થાય છે તેનું વર્ણન કરવા માટે હોય છે જ્યારે અમારા કર્સર દૂર કરો. તેથી આપણે તે પર બરાબર કરવા દો mouseout, mouseover વિરોધ. 

અને અમે તેનો ફરીથી સેટ કરીશું શું આપણે 0.5 પહેલાં હતી. અને હવે, દર વખતે આપણે હોવર, અમે એક સંપૂર્ણ વર્તુળ મળે છે. તે અમને તે જોવા માટે મદદ કરે આપણે અમે અનિવાર્યપણે પસંદ કરી રહ્યા છીએ. 

અને હવે ચાલો આ ખરેખર મહાન બનાવવા દો. માતાનો વાસ્તવિક આંકડાઓ આ જોડાય દો. તેથી આપણે પૂછી દો કરી શકે યુએસજીએસ તેમની માહિતી વિશે. જે US જિયોલોજિકલ સર્વે જેથી ભૂકંપ વિશે માહિતી ધરાવે છે. તેઓ સક્ષમ છે કે જાહેર API હોય JSON ફોર્મેટમાં છેલ્લામાં શકાય. તેથી આપણે તે કરવા દો. 

તેથી આ કોડ એક બીટ છે કે આ યુએસજીએસ API સાથે જોડાય છે. અને તેના પર પ્રોસેસિંગ એક બીટ છે. આ સંબંધિત નથી પરંતુ તે સરળ બનાવે આ એક જેવી સરળ માહિતી ફોર્મેટમાં અમે પહેલાં હતી. તેથી હું કરવા માટે અમારી કોલ છુટકારો મેળવવા ફાઇલ પર અમારા નકલી data.json. અને તેની જગ્યાએ, હું ફોન છું અનિવાર્યપણે યુએસજીએસ. 

ચાલો તાજું સરસ દો. આ વાસ્તવિક, વાસ્તવિક જીવન ડેટા છે ધરતીકંપો માટે આ સપ્તાહ થી. આ ખરેખર રસપ્રદ છે. આ આશ્ચર્યજનક નથી અમારા માટે, પરંતુ ત્યાં આ પર ભૂકંપ ઘણો કેલિફોર્નિયામાં વેસ્ટ કોસ્ટ. પણ હું તેને ખૂબ જ રસપ્રદ હતો વિચાર્યું તેથી ઘણા ધરતીકંપો હતા કે અલાસ્કામાં, અને દેખીતી રીતે, અહીં મધ્યપશ્ચિમમાં. હું રસપ્રદ અર્થ, અને અમે સારા છીએ. એવા તારણ છે. 

પરંતુ મૂળભૂત, આ D3 અમને શું મદદ કરે છે. તે અમને માહિતી લેવા મદદ કરે છે, બાઇન્ડ ડોમ માં તત્વો માટે તે, અને તે તત્વો બદલી હોય આ માહિતી એક કાર્ય તરીકે, તે લક્ષણો, બધી હોય તત્વોની ઘણા લક્ષણો, બધી ચેનલો માટે ઉપયોગી માહિતી અભિવ્યક્ત. 

ડી 3 એક ઉત્સાહી શક્તિશાળી છે પુસ્તકાલય અને અદ્ભૂત સારી ચલાવો. આ અમુક શક્તિશાળી સામગ્રી છે. માહિતી વિઝ્યુલાઇઝેશન છે એક ઉત્સાહી શક્તિશાળી સાધન ઊંડા લોકોને પહોંચાડવાના માટે તેમના કોર માટે નહીં કે લેખો અને તેમને સમજવા મદદ કરે છે આ ગહન અને સાહજિક રીતે, કેવી ડેટા કામ કરે છે અને કેવી રીતે માહિતી અમારા જીવન બદલી નાંખે છે.