Bubble Chart
Screenshot
Description
The Chart.js Bubble Chart macro can show several data sets of bubbles. The bubbles of each data set have a different color, indicated by the legend above the matrix. Each bubble is based on three values, its x-coordinate, its y-coordinate and its radius. A mouse-over tooltip shows these three values and the data set name it belongs to.
Adding the Macro
Edit your page.
Select “+” => Other macros
Type in “Chart.js” in the Search box
Select the “Chart.js Bubble Chart” macro
Enter and select the options of the macro
Click Insert
Put your data table in the macro body
Save the page
Macro Options
Data Table
The macro requires a table with your data in the macro body. It needs to follow a certain format. Here is an example used for the above screenshoot:
Header Row
The table must have a header row. It serves a visual purpose only though and the macro will ignore it.
Columns
The table must have at least 5 columns. You can add more if you want for your own purposes but the App will only read the first five and interpret them as follows. Each row represents one bubble.
Last updated