Sections and cards

A DashboardContent is composed of sections and cards.

• Each section has a title and cards disposed on a grid.

• Each card is a white block organizing charts horizontally or vertically.

Dashboard structure

The size and position of each card is defined by a 12 column grid, with as many rows as needed. Cards size and position are set with {h,w,x,y} properties :

• h is the number of rows that the card takes.

• w is the number of columns that the card takes

• {x,y} are the coordinates of the top left corner of the card on the grid

Here is a sample grid with five cards and their corresponding properties :

A sample grid with 5 cards