---
title: Ninja Charts Integration
description: "Ninja Charts has incredible features that generate endless online charts and graphs on your web pages. One of the great characteristics of **Ninja Charts** is the default functionality with **Ninja Tables**. With this WordPress charts plugin, you can create dynamic…"
url: "https://www.ninjatables.com/docs/ninja-charts-integration/"
updated: "2023-10-05"
category: Advanced Mode (Classic Table Builder) / Integrations
---

# Ninja Charts Integration

Ninja Charts has incredible features that generate endless online charts and graphs on your web pages. One of the great characteristics of **Ninja Charts** is the default functionality with **Ninja Tables**.

With this WordPress charts plugin, you can create dynamic charts utilizing data from the Ninja Tables plugin. You can also pull data from Fluent Forms to create charts or manually input chart entries.

## Create a Chart

Let's have a look at the simple steps to learn how to create **Ninja Charts**with Ninja Tables.

*****Ninja Charts**is a completely free charts plugin. You can use it with or without Ninja Tables in your dashboard.

- First, go to the **Ninja Tables dashboard** **→** **Add Charts** **→** **Chart List** & then **click** on the **Create a new chart**button.

![Ninja-Charts](https://ninjatables.com/wp-content/uploads/2023/02/Ninja-Table-Chart-E-5.png)
Create a New Chart

- Put your**Chart Name** in the title **→** choose a **Chart** to **Renderer** engine **→** select your preferred **Chart** **Type** from the dashboard **→** then click on the **Next** button.

![Ninja Charts chart types](https://ninjatables.com/wp-content/uploads/2023/07/Ninja-Charts-chart-types-1024x560.png)

- From the **Source,** select **Ninja Tables**/**Fluent Forms** or **Manual Input**.

  Choose the preferred data source (manual, forms, or tables) you want to create a chart with from the Data field.
- Then click on the** Next** button [In this step, you will also have an option for manual chart creation]

![Ninja Charts from Ninja Tables and Fluent Forms](https://ninjatables.com/wp-content/uploads/2023/03/Ninja-Charts-from-Ninja-Tables-and-Fluent-Forms-1-1024x413.png)

- Then, you’ll get the option to drag & drop the desired **columns** and click on the **Next** button.

![Create using Ninja-Charts](https://ninjatables.com/wp-content/uploads/2023/02/Ninja-Table-Chart-GIF.gif)

- Following that, you will see the prepared chart with **Formatting & preview** options. When you've finished making the necessary changes, click the **Next** button.

![edit wordpress charts](https://ninjatables.com/wp-content/uploads/2023/02/Ninja-Table-Chart-E-3-1024x496.png)

- Once you click on the **Next** button, you'll move to the "**Save & Get Shortcode**" window. Copy the auto-generated shortcode and paste it anywhere on your website.

## WordPress Charts Demo - Ninja Charts

Pie Chart:

Line Chart:

These processes are simple and less time-consuming. As a result, you won't find it difficult to build sophisticated or even enormous charts/graphs.