हमने एक मैराथन दौड़ लगाई। विस्तार

मैराथन कहानी की निरंतरता में , मैं आपको बताऊंगा कि हमने दृश्य कैसे बनाया। परियोजना पर काम चरणों में किया गया: विचार, डिजाइन, कार्यान्वयन और डेटा के साथ भरना।

विचार

रेस का परिणाम दिखाने का विचार मुझे स्प्रिंग थंडर में भाग लेने के बाद आया। उबाऊ आधिकारिक तालिकाओं ने किसी भी तरह से दौड़ के मूड को नहीं दिखाया, जबकि डेटा सार्वजनिक डोमेन में था - जटिल और दिलचस्प। प्रयोगशाला अभी खुल गई है, और डिजाइनर की रिक्ति के लिए एक परीक्षण कार्य के रूप में, मैंने स्प्रिंग थंडर के परिणामों की कल्पना करने का कार्य चुना। दर्जनों विकल्पों में से, मुझे सबसे पहले सर्गेई डोलिनिन सविटोसिल का विचार पसंद आया - पहले खत्म के समय प्रतिभागियों के वितरण को दिखाने के लिए:



हमने इस विचार को एक आधार के रूप में लिया और इसे एक अस्थायी स्लाइडर के साथ पुनर्जीवित किया। मैराथन का दृश्य प्रयोगशाला में शेरोज़ा की पहली परियोजना थी।

डिज़ाइन

इसलिए, हमने किसी भी समय ट्रैक के साथ धावकों के वितरण, प्रतिभागियों की लिंग और आयु की संरचना और फिनिश लाइन पर उनके वितरण, ट्रैक की ऊंचाई प्रोफ़ाइल, मौसम, फ़ोटो और दिलचस्प तथ्यों के साथ-साथ आयु समूह, टीम और शहर द्वारा फ़िल्टर के साथ परिणामों की एक पूरी तालिका दिखाने का फैसला किया। । ताकि सभी डेटा एक आरेख पर फिट हो, मुझे पसीना आना था। लंबे समय तक, तालिका मानचित्र के दाईं ओर स्थित थी:



उन्होंने जर्मनी के इस नक्शे के अनुसार, बाईं ओर और नीचे के क्षेत्रों में इसे प्रोजेक्ट करके उच्च-ऊँचाई का प्रोफ़ाइल दिखाया, जिसे मैंने रोम में पुस्तकों के खंडहर में बहुत पहले खोदा था (अब यह कोवेर्कफा में लटका हुआ है):



यह बहुत स्पष्ट नहीं था, लेकिन राहत मार्ग से जुड़ा हुआ है। इसे इस तरह छोड़ दें:



अंत में, स्लाइडर और टेबल नक्शे के नीचे चलते हैं, और मार्ग चुटकुले और तथ्यों से घिरा हुआ है। अधिक विशिष्ट धावक यहां दिखाई दे रहे हैं (दुर्भाग्य से, हमने इस कार्यक्षमता को लागू करने का प्रबंधन नहीं किया है):

तकनीकी कार्यान्वयन

इस बीच, हम "साँप" के लिए एक तकनीकी ढांचा तैयार कर रहे हैं। प्रत्येक एथलीट की चिप ने मध्यवर्ती लाइनों (10, 21, 30, 35 किमी और फिनिश लाइन) को पारित करने का समय दर्ज किया। इस धारणा के आधार पर कि इन बिंदुओं के बीच एथलीट समान रूप से चले गए, हमें ट्रैक पर भीड़ का वितरण मिला।

Gleb Arestov Arestov द्वारा कार्यान्वयन किया गया था। उन्होंने एक आधार के रूप में d3-shny स्ट्रीम ग्राफ लिया और इसे वक्र के साथ बनाना सीखा। यहाँ Gleb कहते हैं:

"हमने दो बिंदुओं पर चार्ट बनाया है:
1) भौगोलिक निर्देशांक के माध्यम से दिए गए पथ की शुरुआत से एक बिंदु दूरस्थ एन मीटर
2) आवश्यक ऊँचाई (साँप की ऊँचाई) पर पहले बिंदु पर वक्र स्पर्श के लिए एक खंड पर स्थित एक बिंदु

इस मामले में स्पर्शरेखा की गणना नहीं की जाती है, लेकिन बिंदु को दो बिंदुओं द्वारा परिभाषित सीधी रेखा (जो स्पर्शरेखा को प्रतिस्थापित करता है) के माध्यम से गणना की जाती है - दो खंडों का मध्य बिंदु, पिछले पड़ोसी से एक खंड वर्तमान संदर्भ बिंदु तक और यह अगले पड़ोसी (पड़ोसी भी संदर्भ बिंदु हैं)। निर्देशांक प्राप्त करने के लिए, एक्स अक्ष और इस सीधी रेखा के बीच कोण की मांग की जाती है (इस कोण का उपयोग तब बेज वक्र्स के निर्माण के लिए किया जाएगा।)

मैं अपने दम पर जोड़ता हूं कि सांप भौगोलिक निर्देशांक के अनुसार बनाया गया है, लेकिन मुझे पृष्ठभूमि पर एक चित्र मानचित्र डालना था, क्योंकि वास्तविक मानचित्र सही तरीके से नहीं बनाए जा सकते थे।

पहले ज्यामिति के साथ स्थापित:



सही:



समूहों में विभाजन जोड़ा गया:



बंधी हुई ऊँचाइयाँ (यहाँ वे बहुत अधिक विस्तार के कारण बहुत कूदते हैं):



उसके बाद उन्होंने तैयार डिज़ाइन को फ्रेम पर खींचा, यह वास्तविक डेटा के साथ तस्वीर को पुनर्जीवित करने के लिए बनी हुई है।

डेटा भरना

हमने सेंट पीटर्सबर्ग के व्हाइट नाइट्स के परिणामों पर सांप का परीक्षण किया, हमें केवल मॉस्को के साथ इस डेटा को बदलना था।

शुरुआत से पहले आखिरी समय में, मैराथन का मार्ग बदल गया (मरम्मत के बाद क्रिमियन तटबंध को खोलने का समय नहीं था)। लेकिन हमारे लिए मार्ग के पुराने टुकड़े को एक नए के साथ बदलने के लिए पर्याप्त था - सांप और ऊंचाइयों का मार्ग स्वचालित रूप से पुनर्गठित किया गया था।

एक सुविधाजनक रूप में डेटा के प्रावधान पर आयोजकों के साथ सहमत होना संभव नहीं था। इसलिए, हमने केवल साइट से अंतिम प्रोटोकॉल लिया, मान्यता प्राप्त, मैन्युअल रूप से सही किया और इसे एक अलग फ़ाइल में डाल दिया। (और यह काम करने की तुलना में आसान है, कुल मिलाकर इसे काम करने में 2-3 दिन लगे)। साइट को पार्स करना आसान था, आप कहते हैं, लेकिन परिणाम प्रोटोकॉल की उपस्थिति की तुलना में बहुत बाद में प्रकाशित किए गए थे - हमने बस इंतजार नहीं किया।

निष्कर्ष

यहाँ क्या हुआ है: moscowmarathon.datalaboratory.ru

प्रोजेक्ट पर काम डेढ़ महीने चला। इस समय के दौरान, सर्गेई और मैं क्रोएशिया में एक रनिंग कैंप में जाने में कामयाब रहे , जहाँ हमने प्रशिक्षण लिया और साथ काम किया। आमतौर पर हम ऐसे अवसर से वंचित रह जाते हैं - मैं मास्को, और सेंट पीटर्सबर्ग में सर्गेई में बैठा हूं। फोटो में हम बाईं ओर हैं:



वैसे, प्रयोगशाला में एक पूर्ण रीमूट है । हम मास्को, सेंट पीटर्सबर्ग, मिन्स्क, टूमेन, सर्बिया, मेलबोर्न के ग्राहकों के साथ दूर से काम करते हैं। मैं निम्नलिखित नोटों में इस बारे में अधिक विस्तार से बात करूंगा :-)

युपीडी। KoGor की सलाह पर , उसने तकनीकी कार्यान्वयन के विवरण में विवरण जोड़ा।