---
title: How to Create Dynamic Charts with Ninja Charts
description: "Once you install and activate Ninja Charts, this plugin is ready to create any type of chart you want! As a free WordPress chart plugin, Ninja Charts makes the process of creating online charts very easy. ![](https://ninjatables.com/wp-content/uploads/2023/10/Create-a-chart-01-scaled.webp) Chart renderer in…"
url: "https://www.ninjatables.com/docs/how-to-create-dynamic-charts-with-ninja-charts/"
updated: "2025-06-03"
category: Ninja Charts
---

# How to Create Dynamic Charts with Ninja Charts

Once you install and activate Ninja Charts, this plugin is ready to create any type of chart you want!

As a free WordPress chart plugin, Ninja Charts makes the process of creating online charts very easy.

![](https://ninjatables.com/wp-content/uploads/2023/10/Create-a-chart-01-scaled.webp)

Chart renderer in Ninja Charts:

- Charts Js
- Google Charts

Chart options in Ninja Charts (Charts from both renderers):

- Line Chart
- Pie Chart
- Bar Chart
- Horizontal Bar
- Bubble Chart
- Doughnut Chart
- Scatter Chart
- Area Chart
- Combo Chart
- Radar Chart
- Polar Chart

## Creating WordPress Charts with Ninja Charts

First of all, go to the Ninja Charts dashboard and click the “Add New” button.

![](https://ninjatables.com/wp-content/uploads/2023/10/Charts-‹-North-—-WordPress-06-03-2025_11_33_AM-scaled.webp)

- Enter the chart name.
- Choose a **Chart Renderer**. Choose either Google Charts or Chart Js.
- After choosing Chart Js here, you’ll see multiple chart types. Let’s pick one.
- We’ve selected the Horizontal Bar chart for demonstration and clicked Next.

![](https://ninjatables.com/wp-content/uploads/2023/10/Choose-chart-type-02-scaled.webp)

- After this, you have to select the **Data Source** from the Source option.

-Manual Input
-Ninja Tables
-Fluent Forms

![](https://ninjatables.com/wp-content/uploads/2023/10/Data-Source-03-scaled.webp)

Here, we’ve selected **Ninja Tables** as the data source as an example.

- Now, select the table you want to turn into a chart from the dropdown.

![](https://ninjatables.com/wp-content/uploads/2023/10/Data-04-scaled.webp)

- Hit **Next**and now you’re in the **Data Range** tab where you can choose what table entries you want in your chart.

![](https://ninjatables.com/wp-content/uploads/2023/10/Column-in-data-source-05-scaled.webp)

- You can customize it all you want in the **Formatting & Preview** tab.

So, here's the Horizontal Bar chart by Ninja Charts made with the chosen data table in Ninja Tables in the **Formatting & Preview** tab.

![](https://ninjatables.com/wp-content/uploads/2023/10/Formatting-Review-06-scaled.webp)

Now hit **Save** and get the shortcode from the next tab.

![](https://ninjatables.com/wp-content/uploads/2023/10/Finish-07-scaled.webp)

Copy the auto-generated shortcode and paste it anywhere on your website.

This is how you can create different charts using Ninja Charts.