2 puntos por GN⁺ 2023-11-25 | 1 comentarios | Compartir por WhatsApp
  • Shopify ofrece una experiencia de panel en vivo que muestra en tiempo real el flujo de compras en todo el mundo durante Black Friday Cyber Monday
  • La configuración de Shopify x Black Friday 2025 se centra en mostrar la actividad de compras del Black Friday 2025 mediante una visualización en forma de globo terráqueo
  • El punto clave de la información ofrecida es que permite consultar en tiempo real las estadísticas globales de compras que se generan en tiendas Shopify
  • Esta experiencia requiere un navegador compatible con WebGL, por lo que es posible que no pueda verse directamente en algunos navegadores o entornos restringidos
  • Si estás en un entorno donde no se puede usar WebGL, el acceso a la visualización en vivo quedará bloqueado, así que primero conviene verificar la compatibilidad del navegador

Visualización en vivo de compras de Black Friday Cyber Monday

  • La página bfcm.shop de Shopify ofrece una experiencia que muestra en tiempo real estadísticas globales de compras durante Black Friday Cyber Monday
  • El título de la página es Shopify x Black Friday 2025: Watch The World Shop Live
  • El texto introductorio indica que en Shopify se puede acceder a estadísticas globales de compras en tiempo real de este Black Friday Cyber Monday

Entorno de ejecución que requiere WebGL

  • El cuerpo de la página indica que, para ver esta experiencia, se debe usar un navegador compatible con WebGL
  • Se especifica la condición de que la experiencia en vivo no puede verse en navegadores que no sean compatibles con WebGL

1 comentarios

 
GN⁺ 2023-11-25
Opiniones en Hacker News
  • Hemos estado creando el dashboard de BFCM durante los últimos 10 años, y ya se convirtió en uno de los proyectos más divertidos y una tradición en Shopify.
    Dirigir una empresa de software de internet es algo bastante abstracto, pero ver visualizaciones como esta lo hace mucho más tangible incluso para quienes trabajamos aquí.
    Este año agregamos muchos detalles divertidos (https://twitter.com/Shopify/status/1728040379163771020). Cuando una tienda logra su primera venta, puede verse pirotecnia, y también hay muchas estadísticas de ciudades generadas en parte con GPT-4. En escritorio, también se puede abrir el menú nerd para cambiar la configuración y compartir con un enlace el resultado que uno creó.

    • Me pregunto si BFCM es una sigla muy conocida. Sé que tiene que ver con Black Friday, pero no sé qué significa CM, y no veo el término completo escrito en ningún lado.
    • Gran trabajo. Estaría bueno que contaran el proceso de desarrollo en una publicación de blog.
    • Me pregunto por qué está bloqueada la búsqueda de Jerusalem, Israel.
  • Pero, pero… ¡¡¡Rails no escala!!!!!

    • Bromas aparte, me gustaría saber más sobre la infraestructura de Shopify.
      Es bastante impresionante cómo manejan una entrada de carga tan enorme.
    • Tal vez el trabajo pesado real lo estén haciendo cosas como Java/Go/Rust.
    • Esta página no responde esa pregunta, porque no dice cuántos servidores se usan para manejar esto.
    • Según el dashboard, ahora hay unas 25 mil órdenes por minuto, es decir, alrededor de 400 por segundo.
      En un servidor moderno, eso debería estar por debajo del 1% de uso para procesarlo.
  • Sorprende lo concentrada que está la riqueza en el mundo.

    • La zona horaria también puede ser un factor. Y Black Friday originalmente empezó como un fenómeno de EE. UU. y luego se exportó.
      Me sorprendió lo mucho que lo adoptó América Latina. Por ejemplo, si eliges cualquier país de la lista de Mercado Libre[0], hacen Black Friday. No usan “Viernes Negro”, sino literalmente “Black Friday”.


      [0] https://mercadolibre.com/

    • Más que nada, parece mostrar en qué países está más extendido Shopify.

    • Black Friday es, en general, cultura estadounidense, y empresas de EE. UU. intentaron exportarlo a Europa.

    • En el momento en que lo vi (alrededor de las 18:00 GMT), era interesante que el tráfico del Reino Unido fuera mucho mayor que el del resto de Europa.
      Imagen de referencia: https://i.imgur.com/2Les0QX.png

      ¿Sería seguro asumir que el Brexit es la razón?

    • Visto al revés, también se podría decir lo corruptas y anticapitalistas que son otras regiones del mundo.
      Los dictadores no quieren que las personas bajo su dominio desarrollen su potencial, porque eso amenazaría el statu quo y su propia posición.

  • Me pregunto cuál es el criterio de la estadística “Carbon Removed”.

    • Es gracioso. Creo que deberían llamarlo carbono agregado por el consumo innecesario que Shopify facilitó.

    • https://www.shopify.com/climate/bfcm es el enlace que aparece al hacer clic en esa estadística del dashboard.

      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.

    • Básicamente, le pagan a alguien más para que haga “eliminación de carbono” y luego ponen ese número mágico aquí.

    • Hay muchas críticas a la estadística Carbon Removed en este hilo y en otros lugares, pero me gustaría ver más críticas productivas que sugieran cómo se podría hacer mejor, en vez de solo criticar a una empresa de este tamaño por hacer algo.
      Personalmente, preferiría que no lo llamaran carbon removed a menos que realmente estén compensando el doble de las emisiones de carbono de los envíos. Y si Shopify no está comprando todo a socios de captura directa de aire, entonces lo correcto sería llamarlo offset.

    • Es un elemento vistoso para poner en el sitio web de una empresa.

  • Shopify ha escalado hasta este tamaño con un monolito Ruby on Rails y algunos servicios en Go/Rust.
    Impresionante.

  • Es realmente genial y, a diferencia de lo de Stripe, no mata el navegador ni hace que el dispositivo se trabe.
    La información de ciudades es un buen agregado, pero es frustrante que la mayoría de las ciudades que busqué no tengan suficientes datos aunque aparezcan en la lista de recomendaciones. Aun así, las opciones de personalización son divertidas para probar, y en particular airplane mode es un buen detalle.

  • El resultado en sí es impresionante, pero más sorprendente aún es que funcione fluidamente en un iPhone SE de 2016.

  • Me pregunto qué librería usaron para el renderizado del globo en el frontend.
    En Chrome va bastante rápido y sin tirones.

    • Lo creamos desde cero con React Three Fiber, una librería de React construida sobre three.js. Es un framework muy potente.
      Publicaremos un análisis técnico completo en unas semanas.
    • Supongo que es three.js.
      Probablemente algo parecido a esto: https://github.com/vasturiano/three-globe
  • Si se deja de lado el globo en sí, la mayor parte del movimiento en esta animación es el efecto de números saltando frenéticamente cuando cambian las cifras de “sales per minute”, “unique shoppers”, “orders per minute” y “carbon removed”.
    En realidad, esos números solo se actualizan una vez cada 10 segundos, pero durante 8 de esos 10 segundos los números se mezclan sin ningún sentido, salvo para que parezca que hay mucha actividad.

    No deberían hacer eso.

    No distorsionen la información, no la hagan difícil de leer y no desperdicien la atención visual del usuario en algo sin importancia. Úsenla en algo significativo.

  • Wow, esta personalización es increíble.
    Si vuelas por ahí con airplane mode, parece una zona de guerra.