العنوان الأصلي: التصور البيانات مع 1 مليار الصويغ الموسيقى شهادات التقدير

الكاتب: عمر هانزا

الترجمة: فنغ يو

طول هنا 2000 كلمة القراءة الموصى بها 5 دقائق

عملت عمر هانزا لمدة خمس سنوات في الصويغ، هنا، أنه يشارك شعبية القراصنة الماراثون الخاصة تورط - التصور المليار بيانات تحديد الهوية الموسيقى الصويغ - رمز وبعض الخبرة، المهتمة في التصور للقارئ استخلاص بعض الإلهام.

مقدمة

الصويغ التعرف على الموسيقى التصور من منطقة سان فرانسيسكو

عندما كنت في الكلية، وانضم لي الصويغ كما المطور على شبكة الإنترنت لجزء من الوقت. هنا قضيت خمسة أيام ممتعة. هذا هو بلوق عن ماراثون القراصنة لقد شاركت في (Hackyday و https: //en.wikipedia.org/wiki/Hackathon) المشروع. الرسم يتعلق مليار الصويغ بيانات تحديد الهوية المشروع على قماش بيضاء، ومراقبة النتائج.

يتعلق هذا المقال أيضا إلى عملية اعتدت على خلق تأثيرات بصرية.

ما هو "يحدد الصويغ"

يحدد الصويغ ربما مثل هذا، يمكنك فتح تطبيقات الهاتف المتحرك الصويغ، والسماح للموسيقى "الاستماع" فترة من اللعب في الخلفية. الاعتراف بأن تحديد اسم هذه الأغنية بنجاح.

بيانات الموقع

يمكن للمستخدمين اختيار لتبادل بيانات الموقع مع الصويغ. ثم، الصويغ وفقا لاحتياجات الموظفين، لتزويد الموظفين بعض مجهول بيانات الموقع (خطوط الطول والعرض).

مجهول التصور بيانات الموقع هي تجربة باردة. لقد علمتني الكثير عن كيفية التعامل مع مجموعات كبيرة من البيانات، وكيفية توليد قصة بصرية، وتبدو لطيفة جدا ولكن لا تصور أي مسألة أخرى.

تصور

شيء واحد يجب أن تعرف كل صور متابعة مثل هذه الفكرة: تمثل نقطة لتحديد ناجحة. يتم رسم هذه النقاط على نظام الإحداثيات الجغرافية. هذا استخدام خرائط جوجل ومؤامرة موقعها وضع علامة على مختلف.

شيكاغو، لندن، نيويورك، والتصور بانورامية

توسيع نيويورك عرض

لا بد لي من استخدام الألوان للتمييز بين Android و iOS. تخمين ما؟ تلميح: نظرة على المدن الكبرى. التي لا تعتقد أن نوع الجهاز مشتركة؟

• الروبوت: أحمر

• دائرة الرقابة الداخلية: أزرق

إذا كنت تبحث عن كثب خريطة النقطة، يمكن لاحظت نطاق المحدد من الطريق. وذلك لأن بعض الركاب يستخدمون الصويغ يحدد الموسيقى التي لعبت في سيارة المتكلمين.

وأود أيضا أن تنتج خريطة مع نظام الألوان بديل.

شيكاغو، ولوس انجليس ونيويورك، المملكة المتحدة

الخريطة التفاعلية

أعتقد تفاعلي تصور الخريطة ستكون مثيرة جدا للاهتمام. مثل السحب / تكبير الخريطة وجوجل، وسحب / تكبير الخريطة تبدو وكأنها الصويغ يشعر؟ هذه العناصر التفاعلية لتشجيع الناس على استخدام من على الخريطة، واستكشاف والتعلم. سوف أبدا مرة أخرى بزيارة تلك الأشياء فقط ثابتة.

للقيام بذلك، ولست بحاجة لتوليد الملايين من البلاط خريطة. على سبيل المثال، وهذا هو بعض كتلة من لندن مأخوذة من خرائط جوجل.

كل البلاط هو صورة واحدة. تمثل مستويات التكبير مختلفة. كما قد يتبادر إلى ذهنك، عند سحب والتكبير في خرائط Google، وسوف تظهر العديد من الصور المختلفة للكم، ويطلق على هذه الصور البلاط خريطة.

هذا هو الصويغ خريطة البلاط.

أنا خلقت ما مجموعه أكثر من 40GB من كتلة البيانات. ويرتبط هذا إلى تعريفي للمستوى التكبير. عالية التكبير خريطة مستوى العرض يعني أن الناس يمكن تكبير إلى مستوى أكبر.

بينما معا الاستعراض مع الزملاء التصور، كنا التفكير: ما هي تلك جمع المكان؟ على سبيل المثال، وهذا هو شعب وغالبا ما تستخدم مركز الموسيقى الصويغ؟

للإجابة على هذا السؤال، خطرت لي طريقة: استخدام خدمات الموقع لتحديد المعلومات الحالية المحيطة بهذه المواقع. لهذا، وأنا استخدم API خرائط جوجل الأماكن (https://developers.google.com/ خرائط / وثائق / جافا سكريبت / الأماكن). في كل مرة كنت انتقل إلى موقع جديد، وسوف الاستعلام خرائط جوجل API، وطرح الأسئلة: ما هي الأماكن المحيطة بهذا الموقع؟

عند استخدام هذه الميزة، بدأنا ندرك أن هذه الأماكن هي عادة يمثل المقاهي والنوادي الليلية ومراكز التسوق والمتاجر وهلم جرا.

أنا أيضا متزامنة خريطة Mapbox (https://www.mapbox.com/، على غرار خرائط جوجل)، بحيث يمكنك سحب وتكبير الخريطة الصويغ، عندما الخريطة العادية آخر سوف تتحرك. حتى تتمكن من التعرف بسرعة على موقع يتم عرضه حاليا.

قانون

كل ما فعلته هو الاستفادة من جهود الآخرين في مجتمعنا. المحرز في datamaps مشروع (https://github.com/ericfischer/datamaps) مساهمة كبيرة: اريك فيشر (//github.com/ericfischer اريك فيشر، https). إذا كنت تتبع الإرشادات الموجودة في مستودع جيثب، يمكنك إنشاء مشروع التصور الخاص بك. كنت في حاجة الى مجموعة من البيانات التي تحتوي على معلومات الموقع من خطوط الطول والعرض، يمكنك أن تجد هذه مجموعات البيانات على جيثب، على سبيل المثال رهيبة-مجموعات البيانات العامة (https://github.com/caesar0301/awesome-public-datasets).

إذا كنت تريد أن تجرب: وهنا بعض الملاحظات أدليت به لنفسي، قد يكون من المفيد لك.

أولا، تحتاج إلى الحصول على قائمة طويلة جدا، بما في ذلك خطوط الطول والعرض. حتى البيانات الرئيسية، قد يكون لديك أيضا إلى القيام بالكثير من العمل الإضافي. في مشروعي، وأنا استخدم API الصويغ الداخلي لاسترداد البيانات. يمكنني استخدام برنامج يسمى سريعة CSV (https://github.com/C2FO/fast-csv) من وحدات عقدة لتحليل البيانات. هذه الطريقة التحليلية مثل تيار معالجة كميات كبيرة من البيانات (غيغابايت) يصبح في غاية البساطة.

. Csv.fromStream (تيار، {رؤوس: صحيح}) على ( 'البيانات'، handleRecord)؛

handleRecord وظيفة (تسجيل معالج) يفعل ما يلي:

وظيفة handleRecord (رقم قياسي) {

 موقع CONST = tag.location.latitude + '،' + tag.location.longitude.

 console.log (الموقع).

}

بيانات الناتج كما يلي:

خطوط الطول، خط الطول

-22.1028،166.1833

29.8075، -95،4113

51.2168، -0.8045

27.3007، -82،5221

20.5743، -100،3793

-36.0451،146.9267

26.7554، -81،4237

هذا، يمكنك البدء في إخراج البيانات في مخطط البيانات (وصفت وثائق المشروع بالتفصيل).

ووفقا لتوثيق ديك للقيام بذلك، يمكنني أخيرا خلق الصورة النهائية. لإنشاء مخطط بيانات من لندن، وأريد أن تحديد إحداثيات موقع التقاطها بواسطة مربع (المربع المحيط) إحاطة:

./render -A - انتاج 1451.641353 -0.44769351.3335080.260925 >  london.png

لأنني غالبا ما تخلق نفس الخريطة ثابت (على سبيل المثال، عند تجربة اللون)، قررت العملية برمتها كتابتها. كمطور ويب، انتهيت من جميع الأعمال في نود.جي إس، ولكن بسيطة باش النصي تكون جيدة. أولا، أنا خلق كائن يحتوي على جميع خرائط أريد أن تجعل.

خريطة تبين كل هياكل البيانات

قبل استخدام وجاء الأمر من قبل ما ترى، ولكن ما يسمى JSON كتلة في الصورة أعلاه ترون عندما تريد استخدام بيانات الموقع.

عرض

في الصويغ، وهناك العديد من المتسللين الماراثون. ثم، كل بضعة أشهر، هو يوم تجريبي. يمكنك إظهار عملك في اليوم عرض المشروع. مشروعنا تحظى بشعبية كبيرة.

وبالنظر إلى زوار يوم تجريبي قد يفضلون عرض أكثر البصرية، وليس التكنولوجيا (والذي هو تجربتي)، وأولئك الذين إنشاء تطبيقات سطر الأوامر أو رمز إعادة بيع ديون المطور القراصنة الماراثون مغامرة في المشروع، يمكنك التحدث عن بعد ما قمتم به وتقاسم الموارد، وتخطي تماما مظاهرة حية. أو أفضل طريقة هي لايجاد وسيلة لصقل المفاهيم التقنية لجمهور غير تقني، وإدخال المزيد من الآثار البصرية، وتبين جمهور العرض التقديمي. هذا هو أكثر صعوبة، ولكن أكثر قيمة.

صور عالية الدقة للبيانات الخريطة

إيلاء الاهتمام : يمكنك استخدام صور Google اجهات تكبير الصور.

• عالم

  (Https://photos.app.goo.gl/tIm9mmst7qU1aH242)

  ملاحظة أي استخدام الدول / المناطق دائرة الرقابة الداخلية مرتفع

• المملكة المتحدة

  (Https://photos.app.goo.gl/EEkLzfrpjKmKYm7j1)

  ملاحظة سيتي

• تورونتو

  (Https://photos.app.goo.gl/CQlMePnEUXHN6eqF2)

• سان فرانسيسكو

  (Https://photos.app.goo.gl/Mnn5fcDGrUElXjCO2)

• باريس

  (Https://photos.app.goo.gl/IwXHWw9ve3DGufc82)

استنتاج

شكرا الصويغ شجعنا على تعلم مهارات وتقنيات جديدة. كما أود أن أشكر وضعت اريك فيشر أول خريطة البند البيانات! إذا كنت تستطيع الوصول إلى بيانات الموقع، والنظر في عدد من وسيلة بصرية مثيرة للاهتمام. يمكنك أيضا محاولة استخدام API تويتر في تغريدات، فقط للتأكد من تكون مصحوبة بيانات الموقع.

الرابط الأصلي:

https://medium.com/@umaar/data-visualisation-with-1-billion-shazam-music-recognitions-90728df3a8c9

المزيد من المحتوى المثير، يرجى الانتباه إلى جامعة تسينغهوا - معهد العلوم وقناة الصغرى البيانات تشينغداو منصة الرسمية العامة "THU فصيل البيانات"