GSynergy

MDCGrid

The MDCGrid, Multi-dimensional Cross Attribute Grid is a high performance, feature rich, JavaScript Multi-Dimensional Grid that organizes layout by dimensions and has the ability to present related information in a single cell.

MDCGrid

This explains the need for Multi-Dimensional Cross-Tab (MDC) Grid in today’s world.

Most grids, multidimensional or not, are only able to display one value in a cell. This is restrictive when presenting related information at the intersection of multiple dimensions. The only option is to show multiple related values in contiguous columns or rows. That approach increases the span of the view port that the user’s eye has to scan to gather related information, resulting in higher cognitive load, and sometime requiring them to scroll the screen, causing them to perform unrelated physical and cognitive work, which results in distraction from the task at hand.

MDC-Grid’s core principle is that it organizes the layout by the dimensions and allows presentation of all related information in one cell. It further allows flexibility of presentation of that information by providing two inbuilt, easy to configure options, for efficient, succinct and insightful presentation of related values.

There are 5 major elements that constitues the MDC Grid:

It refers to the various axes or directions in which data can be organized and analyzed in a grid. A dimension could further be categorized into :

It refers to the labels or titles that identify the different dimensions or axes of the grid. These headers help users understand and navigate the various dimensions of data being analyzed.

Examples of Dimension Headers:

  • Time: This could include headers like “Year,” “Quarter,” “Month,” and “Day.” For a sales report, headers might include “FY2024,” “Q1,” “August,” and “18th.”
  • Location: Headers might include “Country,” “State,” “City,” or “Region.” For instance, a grid might have headers like “United States,” “California,” and “San Francisco.”
  • Product: Headers could be “Category,” “Subcategory,” and “Product Name.” For example, “Electronics,” “Laptops,” and “Dell XPS 13.”
Enterprise

Enterprise Edition

Community

Community Edition