Visualizations & Data format
Fluent handles the creation of visualizations for you. It will intelligently select the relevant visualization options that suit the raw data of your answer.
We currently support the following visualizations:
- Bar chart
- Stacked bar chart
- Line chart
- Pie chart
- Table
- Scorecard
Change the visualization type
From the canvas
To change the visualization type of your answer from the canvas, click on your card. From the secondary toolbar, click on the visualization dropdown and select the type of visualization you want.
![Fluent changing visualisation](/_next/image?url=https%3A%2F%2Ffluent.payloadcms.app%2Fmedia%2FChange%20visualisation.png&w=3840&q=75)
From an expanded card
From an expanded card, click on the dropdown in the top-right corner of the visualization and select the type of visualization you want.
![Fluent Visualisation Modal](/_next/image?url=https%3A%2F%2Ffluent.payloadcms.app%2Fmedia%2Fchange%20visualisation%20-%20modal.png&w=3840&q=75)
Customize the visualization
The data table gives you a variety of tools to customize how your data is formatted and visualized. There are 2 ways to access the data table:
- From the canvas: Click on your card and click on the table icon from the secondary toolbar. This will place a data table card on your cursor.
- From an expanded card: In the right section, click on the table tab.
![Fluent Changing Visualisation on Canvas](/_next/image?url=https%3A%2F%2Ffluent.payloadcms.app%2Fmedia%2Fchange%20visualisation%20-%20canvas.png&w=3840&q=75)
For each column in your data table, you can configure how your data is formatted, sorted, and visualized. Click on the dropdown next to each column title to customize:
- Visualization colour: choose the color of the bars in a bar chart or line in a line chart. Changing the x-axis will not affect the visualization. Pie charts can't be customised at the moment.
- X / Y-axis
- Column sort: select how the values of that column will be sorted. You can also quick sort by clicking on the column title. This will cycle through the options of ascending > descending > cancel sorting.
- Data type: specify the type of your data from the following options: text, number, percentage, money, scientific, date, time, and datetime. The available options depend on the data, e.g. if the data isn’t date-related, you won’t see
Date, Time, Datetime
options. - Number format: choose the thousands separator and customize the number of decimal places displayed.
![Fluent Visualisation Modal](/_next/image?url=https%3A%2F%2Ffluent.payloadcms.app%2Fmedia%2Fchange%20visualisation-modal.png&w=3840&q=75)