millennium-stack/real-time-info-dashboard

This project involves creating a dashboard that represents the status of a fictional manufacturing process.

real-time-info-dashboard

This project involves creating a dashboard that represents the status of a fictional manufacturing process.

We have the status contained in a text file with a day's woth of observations, one per second. Each observation includes a timestamp and the status of a several processes of that time.

We create a dashboard that shows the status of each processes at the current simulated time.

Dependency/Dependencies**: -

LiveCharts.Wpf [For refecrence - https://github.com/Live-Charts/Live-Charts]

Output

• The Angular Gauge depics the engine efficicency which is near about 80% as displayed.
• The Step Line Series [Hot Pink] depicts the pulse values with respect to entire duration of file.
• The Line Series [Black] depics the engine efficiency with respect to entire duration of file.
• The other variables [red, green, blue] has also been depicted as line series as per the provided data.

real-time-info-dashboard's Issues

Formatting X-Axis of the Cartesian Chart

Description

In this phase, we shall format the x-axis of the cartesian chart to display the provided data on a per-second basis as well as dynamically update the x-axis to show the data over the duration of the entire file.

Sub-Feature

• The X-axis of the cartesian chart shows the data on a per-second basis.
• Dynamically updates the x-axis to show the data over the duration of the entire file.

Examples (Optional)

Dependencies

• LiveCharts.Wpf
• Data Binding #3
• Developing real-time dashboard form layout #1

Milestones

• Format the x-axis to show data on a per-second basis.
• Dynamically update x-axis to show data over the entire duration of the file.

Member/Members (@Github-Handle) (@Email-Id)

• Millennium Singha (@Millennium-Heap) ([email protected])

Developing real-time dashboard form layout

Description

The initial phase of the project involves developing the base layout for our real-time dashboard info form which will include an angular gauge as well as a cartesian chart.

Sub-Feature

• A user control for all the manipulation of our visuals in the form.
• An angular gauge to our form.
• An cartesian chart to our form.

Examples (Optional)

Dependencies

• LiveCharts.Wpf package

Milestones

• Add user control for all the manipulation of our visuals in the form.
• Configure the user control form for column and row manipulations.
• Add a start/stop button.
• Develop an angular gauge for our form.
• Develop a cartesian chart for our form.

Member/Members (@Github-Handle) (@Email-Id)

• Millennium Singha (@Millennium-Heap) ([email protected])

Loading data to angular gauge

Description

In this phase, we add our user control window to the main window and load our data values into the angular gauge for visualizing the engine efficiency data.

Sub-Feature

• User control window added to the main window.
• Engine efficiency data loaded to angular gauge.

Examples (Optional)

Dependencies

• LiveCharts.wpf
• Developing real-time dashboard form layout #1
• Data Binding #3

Milestones

• Add user control window to the main window.
• Load the engine efficiency data to the angular gauge.

Member/Members (@Github-Handle) (@Email-Id)

• Millennium Singha (@Millennium-Heap) ([email protected])

Data Binding

Description

In this phase, we shall develop the codebase to bind the provided data to us so as to display them in the angular gauge as well as in the cartesian chart.

Sub-Feature

• A collection of values for our fictional manufacturing data.
• Start/Stop button functionality to read data from the source.
• Loaded and mapped data to the collection.

Examples (Optional)

Dependencies

• LiveCharts.wpf
• Developing real-time dashboard form layout #1

Milestones

• Adding a collection of values for the provided data.
• Adding functionality to start/stop button to read data.
• Load data into the collection
• Map the data in the collection to the X and Y-axis in the chart.

Member / Members (@Github-Handle) (@Email-Id)

• Millennium Singha (@Millennium-Heap) ([email protected])

Multiple Line Series

Description

In this final phase, we shall develop the form layout for multiple line series and data-bind the necessary values to our respective line series so as to provide an efficient visual outlook/update of our fictional manufacturing data.

Sub-Feature

• Add the multiple line series form layouts.
• Data-bind the values to the chart.
• Fine-tuned the visualization application.

Examples (Optional)

Dependencies

• LiveCharts.Wpf
• Developing real-time dashboard form layout. #1
• Data Binding. #3
• Formatting X-.Axis of the Cartesian Chart. #7

Milestones

• Develop the multiple line series for our form layouts.
• Data-bind the values to the chart.
• Fine-tune the visualization application.

Member/Members (@Github-Handle) (@Email-Id)

• Millennium Singha (@Millennium-Heap) ([email protected])