Ibex Dashboard Development Guide

Framework

This project is built using create-react-app. The server side appraoch was addopted through this link.

• Creating a new Dashboard Template

Orchestrators

DataSourceConnector

DataSourceConnector is a class that created and initializes the various data sources.

ElementConnector is a class the creates and initializes Visual component for the dashboard and consecutive dialogs.

Plugins

Many of the aspects in this project are extendible. The following are possibilities to donate your own plugins.

Connection Plugins

Connection plugins are connected to Data Source plugins. A Data Source can have a connection plugin which will provide all the instances of the Data Source with a single connection to receive credentials information from.

Data Source Plugins

How to create a Data Source Plugin

• Constant
• Sample
• Application Insights
• CosmosDB
• Bot Framework
• GraphQL
• Azure

Elements Plugins

How to create a Visual Plugin

• Area Chart
• Bar Chart
• Detail View
• Pie Chart
• Request Button
• Scatter Chart
• Scorecard
• Split View Panel
• Table
• Timeline Chart

data-formats plugins

A short excerpt on data-formats

Additional Features

• Two Modes Elements
• Filter Plugins
• Dialogs
• Actions