CB Graph

What can the plugin do?

The CB Graph plugin is used to illustrate and visualize numerical data.

Please note: You need access rights to use this element. Please contact your responsible Typo3 admin for this.

Instructions:

Types of graphs - examples

Create graphs

In the list view

  • Before a graph can be integrated into the page, it must first be created. This is only possible via the list view.
  • In the list view, there is a plus "+" at the top, which adds new content to the page.
  • A list opens with all possible content. The graph must be selected there.
  • The settings menu for all chart types opens. It is advisable to select the chart type before editing all fields. The fields differ depending on the type. More detailed information on all chart types can be found below.
  • Once all fields have been filled in, the graph can be saved. The graph is now created.
(opens enlarged image)
Select "Graph" as the new data record type.
(opens enlarged image)
Selection of the different graph types.
(opens enlarged image)
List of finished graphs in the list view.

Insert graphs

  • A new element can now be inserted in the page view via + Content.

  • CB Graphs can be found under the Plug-In tab.

  • The heading (including type) and a link can now be inserted via the General tab.

  • The graph is now inserted in the Plug-In tab. There is a list of available objects on the right under Advanced options. The previously created graph should also appear there. The selected graph appears after selection on the left-hand side under Selected objects.

(opens enlarged image)
Selection of the content element
(opens enlarged image)
Select the desired, already created graph from the list.
To top

Comparison

Gesamt
1. Fachsemester

Studierende Wintersemester 2021

Comparison graphs can be used to compare two values. The size of the titles is displayed according to their percentage ratio.

This representation is suitable for a rough overview and clarification, especially if there is a clear difference between the two values. As only the font size changes, small differences are hardly recognizable. In addition, long names cannot be displayed in full if they symbolize a high percentage.

Pie chart

Studierende Wintersemester 2021­­

Pie charts put two values in relation to each other.

100 points

The 100 points graphic shows 100 "points" in different colors. Again, only two percentages can be used.

Studierende Wintersemester 2021

Progress bar

Studierende Wintersemester 2021

Recommendation for use: Illustrate progress

Stacked area diagram

The stacked area chart is the only chart in which three values can be entered.

Studiengänge (nur Hauptfach) 2021

To top