[View Sample](https://developers.google.com/maps/documentation/javascript/examples/deckgl-tripslayer.md.txt) [Video](https://www.youtube.com/watch?v=IziajCmvgo8) [Deck.gl](https://deck.gl) is a WebGL-powered visualization framework that provides a variety of easy-to-use 2D and 3D data visualizations with support for large data sets. You can add deck.gl data visualizations with the Maps JavaScript API with deck.gl's [`GoogleMapsOverlay`](https://deck.gl/docs/api-reference/google-maps/google-maps-overlay) class. Deck.gl supports multiple data sources and formats, as well as creating composite visualizations by rendering multiple visualization layers on the map. ## Requirements To use deck.gl you must use the raster or vector map provided by the Maps JavaScript API. It is highly recommended that you use the vector map so that you can take full advantage of the WebGL-powered features of Google's basemap, including tilt, rotation, and full 3D camera control. [See the vector map overview for details](https://developers.google.com/maps/documentation/javascript/vector-map.md.txt). ## Load deck.gl Deck.gl can be loaded in your web app using either a script tag, or installed as modules from Node Package Manager (NPM). For more information, see the [@deck.gl/google-maps documentation](https://deck.gl/docs/api-reference/google-maps/overview) on the deck.gl website. ## Add deck.gl visualizations to the map Deck.gl visualizations are added to the map by creating an instance of the `GoogleMapsOverlay` class provided by deck.gl. For more information, see the [`GoogleMapsOverlay` documentation](https://deck.gl/docs/api-reference/google-maps/google-maps-overlay) on the deck.gl website. ## Available visualizations Deck.gl provides many different 2D and 3D visualizations that are optimized for displaying different types of data. For a complete list, see the [Layer Catalog](https://deck.gl/docs/api-reference/layers) on the deck.gl website. ## Examples See more examples of deck.gl and Maps JavaScript API in action: - [Deck.gl ArcLayer](https://developers.google.com/maps/documentation/javascript/examples/deckgl-arclayer.md.txt) - [Deck.gl Heatmap layer](https://developers.google.com/maps/documentation/javascript/examples/deckgl-heatmap.md.txt) - [Deck.gl Trips Layer](https://developers.google.com/maps/documentation/javascript/examples/deckgl-tripslayer.md.txt) - [Deck.gl ScatterPlot](https://developers.google.com/maps/documentation/javascript/examples/deckgl-points.md.txt)