.svg)
Chapter 9 — Visualize Your Data with Charts
In this chapter, you will learn how to use charts in Convertigo NoCode Studio to visually represent your data. You’ll connect a chart component to your database and display insights such as trends, scores, or statistics — all without writing code.
3 min
Add the Chart Component
Start by dragging and dropping the Chart component from the component panel into your page layout.
Configure the Chart Source
Click on the chart to enter its settings.
- Choose Get Data as the data source.
- Click Configure to connect the chart to your internal database.
- Select the correct table you want to use.
Then:
- Click on “Include” to deselect all default columns.
- Select only the columns relevant for your chart — in our example:
- ✅ EmployeeName (used for X-axis)
- ✅ MoodScore (used for Y-axis)
Important: The first column selected will be used for the X-axis labels. So make sure EmployeeName is selected first in the list.
Adjust Chart Settings
- In the Chart Settings, verify that the “Use first column as X-axis labels” option is checked.
- Choose your Chart Type depending on your need:
- Line (for trend data)
- Area, Bar, Pie, or others as needed.
You now have a working chart connected to your database. This allows users to easily visualize patterns and metrics — a powerful feature for dashboards, surveys, reports, or any app needing quick visual feedback.