---
title: "three.js"
description: "1 posts about three.js, summarised, each linking to the original."
---

# three.js
> 1 posts about three.js, summarised, each linking to the original.

## Articles

### [A World Rendered Beautifully: The Making of the BFCM 3D Data Visualization](https://yomu.fyi/post/a-world-rendered-beautifully-the-making-of-the-bfcm-3d-data-visualizat.md)
- Company: [Shopify](https://yomu.fyi/company/shopify.md)
- Author: 2023-10-18
- Published: Dec 4, 2020

The 2020 Black Friday Cyber Monday Globe and a related Live View visualization had to represent orders from one million merchants within two months while remaining realistic and performant. The team used a reusable layer architecture with three.js, physically based rendering, 32-bit EXR environment maps, and custom materials and shaders for the Earth and carbon-offset bubble effects. To display thousands of orders, it replaced arc-heavy rendering with particle-based visuals built from Points, BufferGeometry attributes, and ShaderMaterial. An automatic optimizer monitors frame rate and, when it stays below 55 fps for more than two seconds, lowers canvas pixel ratio to 1x and reduces environment-map resolution, helping low-power devices return to 60 fps. The resulting implementation became an internal library for future globes.