---
title: "Adding a GravityCharts Widget to GravityView"
date: 2026-04-23
updated: 2026-07-24
author: "GravityKit"
link: "https://www.gravitykit.com/docs/gravitycharts/adding-a-gravitycharts-widget-to-gravityview/"
category: "GravityCharts"
---

GravityCharts integrates with [GravityView](https://www.gravitykit.com/features/), allowing you to add charts to your front-end applications.

 First, ensure that you have created at least one chart for the form attached to your View. Next, edit your View, click the 'Add Widget' button and select the GravityCharts widget.

![GravityCharts widget option to display view entries as a chart in GravityView setup](https://www.gravitykit.com/wp-content/uploads/2025/10/file-93p270TqeI.png)
*Now click on the gear icon to configure the widget settings*![Bottom Widgets section with GravityCharts entry and "Add Widget" button](https://www.gravitykit.com/wp-content/uploads/2025/10/file-g4F5fZjOSo.png)Here you can select the chart you want to embed and choose whether to display data from all View entries or only those shown on the current page, so a visitor’s search or pagination narrows the chart with it. You can also set a max height and width: leave them empty and a dynamic chart resizes itself, while a static image falls back to 300 and 500 pixels. The **Embed Type** setting switches between an interactive Dynamic Chart and a generated Static Image, which is useful where scripts cannot run.

![GravityCharts widget settings in GravityView showing Chart, Display data for, Max Height, Max Width and Embed Type (Dynamic Chart / Static Image)](https://www.gravitykit.com/wp-content/uploads/2026/04/05-gravityview-widget-settings.png)
*When you're done, update your View and check it on the front end*![A View with the title 'Lead Generation' showing a table of people's names, emails and industries. There is a bar chart below the table showing the frequency for different industries.](https://www.gravitykit.com/wp-content/uploads/2026/04/file-dxJiqHZIKl.png)