Shopify Echtzeit-Dashboard

• Shopify bietet ein Live-Dashboard-Erlebnis, das während des Zeitraums Black Friday Cyber Monday globale Shopping-Trends als Echtzeitstatistiken zeigt
• Die Konfiguration Shopify x Black Friday 2025 konzentriert sich darauf, die Shopping-Aktivitäten des Black Friday 2025 als Visualisierung in Form eines Globus darzustellen
• Der Kern der bereitgestellten Informationen ist, dass sich globale Shopping-Statistiken aus Shopify-Shops in Echtzeit verfolgen lassen
• Für dieses Erlebnis ist ein WebGL-fähiger Browser erforderlich, sodass es in einigen Browsern oder eingeschränkten Umgebungen möglicherweise nicht sofort angezeigt werden kann
• In Umgebungen ohne WebGL ist der Zugriff auf die Live-Visualisierung blockiert, daher sollte zuerst die Browser-Kompatibilität geprüft werden

---

Black Friday Cyber Monday Live-Shopping-Visualisierung

• Die Seite bfcm.shop bietet ein Erlebnis, das während des Zeitraums Black Friday Cyber Monday globale Shopping-Statistiken in Echtzeit anzeigt
• Der Seitentitel lautet Shopify x Black Friday 2025: Watch The World Shop Live
• Der Einführungstext weist darauf hin, dass bei Shopify Zugriff auf die globalen Shopping-Statistiken in Echtzeit dieses Black Friday Cyber Monday möglich ist

Ausführungsumgebung mit WebGL erforderlich

• Im Seiteninhalt wird darauf hingewiesen, dass für dieses Erlebnis ein WebGL-fähiger Browser verwendet werden muss
• Es wird ausdrücklich darauf hingewiesen, dass das Live-Erlebnis in Browsern ohne WebGL-Unterstützung nicht angezeigt werden kann

[GN⁺]

Hacker-News-Kommentare

• Wir haben in den letzten 10 Jahren das BFCM-Dashboard gebaut, und inzwischen ist es eines der unterhaltsamsten Projekte und eine Tradition bei Shopify geworden.
  Ein Internet-Software-Unternehmen zu betreiben, ist ziemlich abstrakt; solche Visualisierungen machen es auch für die Menschen, die hier arbeiten, deutlich greifbarer.
  Dieses Jahr haben wir viele nette Details eingebaut (https://twitter.com/Shopify/status/1728040379163771020). Wenn ein Store seinen ersten Verkauf erzielt, kann man Feuerwerk sehen, und es gibt viele Stadtstatistiken, die teilweise mit GPT-4 erzeugt wurden. Auf dem Desktop kann man das Nerd-Menü öffnen, Einstellungen ändern und das Ergebnis per Link teilen.

  • Ich frage mich, ob BFCM eine allgemein bekannte Abkürzung ist. Mir ist klar, dass es mit Black Friday zu tun hat, aber ich weiß nicht, wofür CM steht, und nirgends sehe ich die ausgeschriebene Form.
  • Starke Arbeit. Es wäre schön, wenn ihr den Entwicklungsprozess in einem Blogpost aufbereiten würdet.
  • Ich frage mich, warum die Suche nach Jerusalem, Israel blockiert ist.

• Aber, aber … Rails skaliert doch nicht!!!!!

  • Spaß beiseite: Ich würde gern mehr über Shopifys Infrastruktur erfahren.
    Wie sie diesen enormen Lastansturm bewältigen, ist ziemlich beeindruckend.
  • Die eigentliche harte Arbeit könnten auch Dinge wie Java/Go/Rust erledigen.
  • Diese Seite beantwortet die Frage nicht. Denn sie zeigt nicht, wie viele Server dafür eingesetzt werden.
  • Laut Dashboard sind es gerade etwa 25.000 Bestellungen pro Minute, also rund 400 pro Sekunde.
    Ein moderner Server sollte so etwas mit weniger als 1 % Auslastung verarbeiten können.

• Es ist erstaunlich, wie stark Wohlstand weltweit konzentriert ist.

  • Die Zeitzonen könnten ebenfalls ein Faktor sein. Und Black Friday war ursprünglich ein US-Phänomen, das exportiert wurde.
    Ich war überrascht, wie stark es in Lateinamerika übernommen wurde. Nimmt man zum Beispiel ein beliebiges Land aus der Mercado-Libre-Liste[0], findet dort Black Friday statt. Es heißt nicht „Viernes Negro“, sondern tatsächlich „Black Friday“.

    ---

    [0] https://mercadolibre.com/

  • Vor allem zeigt es wohl, in welchen Ländern Shopify am stärksten verbreitet ist.

  • Black Friday ist im Großen und Ganzen US-Kultur, und US-Unternehmen haben versucht, ihn nach Europa zu exportieren.

  • Zu dem Zeitpunkt, als ich geschaut habe (etwa 18:00 Uhr GMT), war der Traffic aus dem Vereinigten Königreich deutlich höher als aus dem restlichen Europa, was ich interessant fand.
    Siehe Bild: https://i.imgur.com/2Les0QX.png

    Kann man gefahrlos annehmen, dass der Brexit der Grund ist?

  • Umgekehrt könnte man auch sagen, wie korrupt und antikapitalistisch andere Teile der Welt sind.
    Diktatoren wollen nicht, dass die von ihnen Beherrschten ihr Potenzial entfalten. Denn das würde den Status quo und ihre eigene Position bedrohen.

• Ich frage mich, was die Grundlage für die Kennzahl „Carbon Removed“ ist.

  • Schon witzig. Eigentlich müsste es wohl der zusätzlich verursachte Kohlenstoff durch den unnötigen Konsum heißen, den Shopify erleichtert hat.

  • https://www.shopify.com/climate/bfcm ist der Link, der erscheint, wenn man im Dashboard auf diese Kennzahl klickt.

    All orders made through our platform over the Black Friday Cyber Monday shopping weekend will ship carbon neutral.

    Here's how it works: A rigorous formula built by Shopify data scientists calculates the estimated carbon emissions for each Black Friday Cyber Monday shipment. We then team up with Shopify Sustainability Fund partners to remove CO2 emissions equal to the BFCM shipping footprint.

    The result? You can ensure carbon-neutral shipping on all of your BFCM orders.

  • Im Grunde zahlt man jemand anderem Geld, damit er „Kohlenstoff entfernt“, und setzt diese magische Zahl dann hier ein.

  • In diesem Thread und anderswo gibt es viel Kritik an der Carbon-Removed-Kennzahl, aber statt ein Unternehmen dieser Größe einfach dafür zu kritisieren, dass es überhaupt etwas tut, würde ich gern mehr konstruktive Kritik sehen, die vorschlägt, wie man es besser machen könnte.
    Persönlich fände ich, man sollte es nicht „carbon removed“ nennen, wenn nicht tatsächlich die CO₂-Entfernung für den Versand doppelt kompensiert wird. Und wenn Shopify nicht alles von Direct-Air-Capture-Partnern kauft, wäre „offset“ die passendere Bezeichnung.

  • Ein schönes Element, das sich gut auf die Unternehmenswebsite setzen lässt.

• Shopify ist mit einem Ruby-on-Rails-Monolithen und einigen Go/Rust-Services auf diese Größenordnung skaliert.
  Beeindruckend.

• Wirklich cool, und anders als das von Stripe bringt es den Browser nicht zum Absturz und ruckelt nicht auf dem Gerät.
  Die Stadtinformationen sind eine gute Ergänzung, aber es nervt, dass die meisten Städte, nach denen ich gesucht habe, nicht genügend Daten haben, obwohl sie in der Vorschlagsliste auftauchen. Trotzdem machen die Anpassungsoptionen Spaß, und besonders der Airplane Mode ist ein schönes Detail.

• Das Ergebnis selbst ist beeindruckend, aber noch erstaunlicher ist, dass es auf einem iPhone SE von 2016 flüssig läuft.

• Ich frage mich, welche Bibliothek für das Rendering des Globus im Frontend verwendet wurde.
  Im Chrome-Browser ist es ziemlich schnell und ruckelt nicht.

  • Es wurde von Grund auf mit React Three Fiber gebaut, einer React-Bibliothek auf Basis von three.js. Ein sehr mächtiges Framework.
    In ein paar Wochen veröffentlichen wir eine vollständige technische Analyse.
  • Ich vermute three.js.
    Wahrscheinlich etwas Ähnliches wie das hier: https://github.com/vasturiano/three-globe

• Lässt man den Globus selbst außen vor, besteht der Großteil der Bewegung in dieser Animation aus dem hektischen Herumspringen der Zahlen, wenn sich „sales per minute“, „unique shoppers“, „orders per minute“ und „carbon removed“ ändern.
  Tatsächlich werden diese Zahlen nur alle 10 Sekunden aktualisiert, aber sie werden 8 von 10 Sekunden lang sinnlos durcheinandergewirbelt – außer um beschäftigt auszusehen.

  Das sollte man nicht tun.

  Man sollte Informationen nicht verzerren, sie nicht schwer lesbar machen und die visuelle Aufmerksamkeit der Nutzer nicht auf Unwichtiges verschwenden. Man sollte sie für Sinnvolles einsetzen.

• Wow, diese Anpassbarkeit ist enorm.
  Wenn man im Airplane Mode herumfliegt, sieht es aus wie ein Schlachtfeld.