---

breadcrumbs: Design Documents > chromium_link: Chromium chromium_os_link: Chromium OS home_link: Home page_name: rendering-architecture-diagrams title: Rendering Architecture Diagrams title_hdr: |

---

The following sequence diagrams illustrate various aspects of Chromium's rendering architecture. The first picture below shows how Javascript and CSS animations are scheduled using the requestAnimationFrame callback mechanism.

After the Javascript callback is executed or the CSS animations have been updated, the web contents view generally needs to be redrawn. The following (simplified) diagrams show the code execution flow during a repaint in the non-composited software rendering, composited software rendering and (threaded) composited GPU rendering modes. Note that the newer multithreaded (“impl-side”) rasterization mode is not shown below.

Non-composited SW rendering Composited SW rendering Composited GPU rendering