https://github.com/esnet/esnet-matrix-panel

https://github.com/esnet/esnet-matrix-panel

Last synced: over 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/esnet/esnet-matrix-panel
• Owner: esnet
• License: other
• Created: 2022-07-09T00:50:56.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2025-02-13T11:11:36.000Z (over 1 year ago)
• Last Synced: 2025-02-13T12:26:31.265Z (over 1 year ago)
• Language: TypeScript
• Size: 2.66 MB
• Stars: 1
• Watchers: 16
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Matrix Panel Plugin

This plugin creates a 2D matrix showing the relationship between 2 selected fields (source and target).

Note: This is NOT inteded to use with time series data or large data sets.  It also will not render if there are >200 rows or columns

![](https://github.com/esnet/esnet-matrix-panel/blob/master/src/img/matrix-plugin.png?raw=true)

## Options

### Display

**Source Field:** The field you want to use on the vertical axis.

**Target Field:** The field you want to use on the horizontal axis.

**Value Field:** The metric you want to use to color the boxes.

**Source/Target/Value Text:** The text to appear in the tool tip.

**Cell Size:** The size of each square. This number sets the width of the square in pixels.

**Cell Padding:** The relative padding between each square.

**Text Length:** The max number of characters to include before truncating the label.  Using a smaller number here can help prevent 

**Text Size:** The size of the text labels

**Null Color:** The color to use for a square when "null" is returned by the query

**No Data Color:** The color to use for a square when there is no value returned by the query for the specified source and target pair.

### Colors

The color of each square will be determined by the selected metric and the color choice in the **Standard Options**.