# LOD GPU

::references
  :::ref-guide{link="/docs/best-practices/performance" title="Performance"}
  :::

  :::ref-example{link="/examples/lod" title="LOD"}
  :::

  :::ref-external{link="https://pixijs.com" title="Pixi.js"}
  :::
::

This example represents an improved version of [the LOD example](https://retejs.org/examples/lod), allowing the visualization of thousands of nodes within a single editor. The improvement lies in rendering simplified versions of nodes and connections on the canvas, utilizing the GPU through [Pixi.js](https://pixijs.com){rel="nofollow"}, whenever rendering the original node becomes unreasonable due to its small on-screen size.

Once the user zooms in, the original node is rendered at an appropriate level of detail, enabling user interaction.

::pro-example{src="https://retejs-lod-gpu.netlify.app"}
::

Although this example was originally designed for React.js, the showcased feature is completely framework-agnostic. You can seamlessly integrate it into your application on a different stack by copying the feature module and connecting it into your editor.