Shopify रियल-टाइम डैशबोर्ड

 (bfcm.shopify.com)
2 पॉइंट द्वारा GN⁺ 2023-11-25 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • Shopify Black Friday Cyber Monday अवधि के दौरान दुनिया भर की शॉपिंग गतिविधियों को रियल-टाइम आँकड़ों के साथ दिखाने वाला एक लाइव डैशबोर्ड अनुभव प्रदान करता है
  • Shopify x Black Friday 2025 का सेटअप 2025 की Black Friday शॉपिंग गतिविधि को ग्लोब-आधारित विज़ुअलाइज़ेशन के रूप में दिखाने पर केंद्रित है
  • दी जाने वाली जानकारी का मुख्य बिंदु यह है कि Shopify स्टोर्स में होने वाले global shopping stats को रियल-टाइम में देखा जा सकता है
  • इस अनुभव के लिए WebGL समर्थित ब्राउज़र की आवश्यकता है, इसलिए कुछ ब्राउज़र या सीमित वातावरण में इसे तुरंत नहीं देखा जा सकता
  • यदि आप ऐसे वातावरण में हैं जहाँ WebGL का उपयोग नहीं किया जा सकता, तो लाइव विज़ुअलाइज़ेशन तक पहुँच अवरुद्ध हो जाएगी, इसलिए पहले ब्राउज़र संगतता की जाँच करना आवश्यक है

Black Friday Cyber Monday लाइव शॉपिंग विज़ुअलाइज़ेशन

  • Shopify का bfcm.shop पेज Black Friday Cyber Monday अवधि के दौरान global shopping stats को रियल-टाइम में दिखाने वाला अनुभव प्रदान करता है
  • पेज का शीर्षक Shopify x Black Friday 2025: Watch The World Shop Live है
  • परिचय वाक्य बताता है कि Shopify पर इस Black Friday Cyber Monday के रियल-टाइम global shopping stats तक पहुँचा जा सकता है

WebGL की आवश्यकता वाला रनटाइम वातावरण

  • पेज का मुख्य भाग बताता है कि इस अनुभव को देखने के लिए WebGL समर्थित ब्राउज़र का उपयोग करने की सलाह दी गई है
  • यह शर्त स्पष्ट रूप से दी गई है कि WebGL को सपोर्ट न करने वाले ब्राउज़र में यह लाइव अनुभव नहीं देखा जा सकता

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2023-11-25
Hacker News की राय

  • पिछले 10 सालों से BFCM डैशबोर्ड बना रहे हैं, और अब यह Shopify में सबसे मजेदार प्रोजेक्ट और एक परंपरा बन गया है
    इंटरनेट सॉफ्टवेयर कंपनी चलाना काफी अमूर्त-सा लगता है, लेकिन ऐसे visualization देखने पर यहां काम करने वाले लोगों को भी यह कहीं ज्यादा वास्तविक महसूस होता है
    इस साल हमने काफी मजेदार details डाली हैं (https://twitter.com/Shopify/status/1728040379163771020). जब कोई store अपनी पहली sale हासिल करता है तो आपको fireworks दिख सकते हैं, और GPT-4 से आंशिक रूप से generate किए गए शहरों के कई stats भी हैं. Desktop पर nerd menu खोलकर settings बदल सकते हैं और बनाए गए result को link से share भी कर सकते हैं

    • सोच रहा हूं कि BFCM कोई जाना-पहचाना abbreviation है या नहीं. Black Friday से जुड़ा है, यह तो समझता हूं, लेकिन CM क्या है नहीं पता, और कहीं भी इसका full form लिखा नहीं दिखता
    • शानदार काम है. development process को blog post में समझाया जाए तो अच्छा होगा
    • जिज्ञासा है कि Jerusalem, Israel search क्यों blocked है

  • लेकिन, लेकिन… कहा तो जाता है कि Rails scale नहीं होता!!!!!

    • मजाक अपनी जगह, Shopify के infra के बारे में और जानना चाहूंगा
      इतने भारी load influx को handle करने का उनका तरीका काफी कमाल है
    • असली मुश्किल काम शायद Java/Go/Rust जैसी चीजें कर रही हों
    • यह page उस सवाल का जवाब नहीं देता, क्योंकि इसमें नहीं बताया गया कि इसे handle करने के लिए कितने server इस्तेमाल हो रहे हैं
    • Dashboard के हिसाब से अभी करीब 25 हजार orders प्रति मिनट, यानी लगभग 400/sec हैं
      किसी modern server के लिए यह ऐसा level होना चाहिए जिसे handle करने में 1% utilization भी न लगे

  • यह देखकर हैरानी होती है कि दुनिया में wealth कितनी concentrated है

    • Time zone भी एक factor हो सकता है. और Black Friday मूल रूप से America में शुरू हुआ phenomenon था जिसे export किया गया
      Latin America ने इसे कितना अपनाया है, यह देखकर हैरानी हुई. उदाहरण के लिए Mercado Libre list[0] में कोई भी देश चुन लें, Black Friday चलता है. “Viernes Negro” नहीं, सचमुच “Black Friday” शब्द इस्तेमाल होता है

      [0] https://mercadolibre.com/

    • सबसे बढ़कर, लगता है यह दिखाता है कि Shopify किन देशों में सबसे ज्यादा फैला हुआ है

    • Black Friday काफी हद तक अमेरिकी culture है, और अमेरिकी कंपनियों ने इसे Europe में export करने की कोशिश की है

    • जिस समय मैंने देखा (Greenwich Mean Time के करीब 18:00 बजे), UK traffic Europe के बाकी हिस्सों से काफी ज्यादा था, जो interesting है
      Image देखें: https://i.imgur.com/2Les0QX.png

      क्या यह मानना safe होगा कि वजह Brexit है?

    • उल्टा देखें तो यह भी कहा जा सकता है कि दुनिया के दूसरे हिस्से कितने corrupt और anti-capitalist हैं
      तानाशाह नहीं चाहते कि जिन लोगों पर वे शासन करते हैं वे अपनी potential तक पहुंचें. क्योंकि ऐसा होने पर status quo और उनकी अपनी position खतरे में पड़ जाएगी

  • “Carbon Removed” statistic का आधार क्या है, जानना चाहूंगा

    • मजेदार है. Shopify ने जो unnecessary consumption आसान बनाया है, उसके कारण added carbon कहना चाहिए शायद

    • https://www.shopify.com/climate/bfcm dashboard में उस stat पर click करने पर यह link आता है

      Black Friday Cyber Monday shopping weekend के दौरान हमारे platform से किए गए सभी orders carbon neutral ship होंगे.

      यह ऐसे काम करता है: Shopify data scientists द्वारा बनाया गया एक rigorous formula हर Black Friday Cyber Monday shipment के estimated carbon emissions calculate करता है. फिर हम Shopify Sustainability Fund partners के साथ मिलकर BFCM shipping footprint के बराबर CO2 emissions remove करते हैं.

      नतीजा? आप अपने सभी BFCM orders पर carbon-neutral shipping ensure कर सकते हैं.

    • Basically, वे किसी और को पैसे देकर “carbon removal” करवाते हैं, फिर वह magical number यहां डाल देते हैं

    • इस thread और दूसरी जगहों पर Carbon Removed stat को लेकर काफी criticism है, लेकिन सिर्फ इसलिए आलोचना करने के बजाय कि इस size की कोई company कुछ कर रही है, मैं ज्यादा productive criticism देखना चाहूंगा कि इसे बेहतर कैसे किया जा सकता है
      निजी तौर पर, अगर वे वास्तव में shipping carbon removal amount को double offset नहीं कर रहे, तो मैं इसे carbon removed नहीं कहता. और अगर Shopify direct air capture partners से सब कुछ नहीं खरीद रहा, तो इसे offset कहना ज्यादा सही है

    • Company website में डालने के लिए अच्छा दिखने वाला element है

  • Shopify ने Ruby on Rails monolith और कुछ Go/Rust services के साथ इस scale तक expand किया है
    impressive है

  • सचमुच शानदार, और Stripe वाली चीज के उलट browser crash नहीं होता या device पर lag नहीं करता
    City info अच्छा addition है, लेकिन irritating है कि recommendation list में दिखने के बावजूद जिन ज्यादातर cities को मैंने search किया, उनके लिए पर्याप्त data नहीं था. फिर भी customization options के साथ खेलना मजेदार है, खासकर airplane mode अच्छा detail है

  • Actual output भी impressive है, लेकिन इससे ज्यादा हैरानी की बात यह है कि यह 2016 iPhone SE पर smooth चलता है

  • Frontend globe rendering के लिए कौन-सी library इस्तेमाल की गई है, जानना चाहूंगा
    Chrome browser में काफी fast है और stutter नहीं करता

    • इसे React Three Fiber से scratch से बनाया गया है, जो three.js के ऊपर बनी React library है. बहुत powerful framework है
      कुछ हफ्तों में पूरा technical breakdown post करेंगे
    • शायद three.js होगा
      शायद कुछ ऐसा ही: https://github.com/vasturiano/three-globe

  • Globe को छोड़ दें तो इस animation में ज्यादातर movement “sales per minute”, “unique shoppers”, “orders per minute”, “carbon removed” numbers बदलते समय होने वाला numbers के बेचैनी से उछलने वाला effect है
    वास्तव में ये numbers हर 10 seconds में सिर्फ एक बार update होते हैं, लेकिन busy दिखाने की वजह के अलावा कोई meaningful कारण न होते हुए भी 10 में से 8 seconds तक numbers shuffle होते रहते हैं

    ऐसा नहीं करना चाहिए

    Information को distort न करें, उसे पढ़ना मुश्किल न बनाएं, और गैर-जरूरी चीजों पर user की visual attention waste न करें. उसे meaningful चीजों पर इस्तेमाल करें

  • वाह, यह customization जबरदस्त है
    airplane mode में उड़ते हुए यह war zone जैसा दिखता है