Atlassian has engineered a bespoke GPU-based rendering pipeline using WebGL to power its Confluence whiteboards, enabling smooth display of thousands of dynamic shapes and connectors at over 60 frames per second. This innovation offers users an expansive and fluid canvas for live brainstorming and diagramming beyond traditional static pages.
- Uses WebGL pipeline for GPU-accelerated rendering
- Implements triangulation for flexible shape display
- Ensures high frame rates with smooth zoom and pan
What happened
Atlassian introduced a new rendering method for Confluence whiteboards that leverages the graphics processing unit (GPU) through a custom WebGL pipeline. Traditional technologies like HTML and CSS fell short in delivering a smooth, scalable, and responsive collaboration experience on an infinite canvas. To address this, the team engineered a solution that allows thousands of shapes, connectors, and sticky notes to be rendered fluidly at consistent frame rates above 60 FPS.
The core technical challenge involved rendering various geometric shapes, including triangles with rounded corners, which required converting these shapes into sets of triangles – a process known as triangulation. By breaking down complex shapes into manageable triangles and applying mathematical transformations, Atlassian was able to approximate curves and rounded edges with high visual fidelity while maintaining system performance.
Why it matters
This GPU-accelerated rendering pipeline significantly elevates the user experience within Confluence whiteboards, enabling real-time collaboration on a practically limitless canvas. Users can freely pan and zoom across large diagrams without experiencing lag or visual artifacts, which is critical for maintaining productivity and creativity in collaborative environments.
Moreover, by carefully balancing the number of triangles used to approximate curved shapes, Atlassian ensures that performance scales efficiently even as boards become more complex. This approach supports a broad range of customized shapes with visually appealing aesthetics, setting a standard for collaborative SaaS tools that emphasize rich graphical interactions.
What to watch next
Future developments will likely refine the rendering pipeline to further optimize performance, possibly exploring more advanced GPU techniques or hybrid approaches incorporating shaders and textures for enhanced visuals. Monitoring how Atlassian expands this technology across other collaborative tools and integrates additional shape types and connectors could reveal new standards in real-time collaborative interfaces.
Additionally, observing user feedback and adaptation in various industries will be key to understanding the practical impact of these enhancements. As remote and hybrid work environments continue to evolve, demand for powerful yet intuitive digital whiteboarding solutions is expected to grow, making continuous innovation in GPU-based rendering a strategic priority.