Front-end/UI developer experienced in building Data Visualisation Dashboards -- 2
Budget: $25 – $50 AUD
We are looking for an individual software engineer who has expertise in the development of front-end/UI Data visualisation Dashboards. This is a fixed price project. Quote is discussed during meeting.
There are three main components,
1) Ad-hoc data visualisation.
The purpose of the ad-hoc data visualisation UIs is to allow users to visualise any data that is stored in the system in various display formats such as table, charts, plots, etc. in ad-hoc manner.
Key features include:
• From the ad-hoc visualisation main UI, the users can select a display element, for example a table, a plot, a chart etc.
• Once they select a display element, the users shall be able to select the source data for the display element.
o On the UI page of selecting data, it shall allow users to search on a particular category of data (e.g. cost, employee, product, etc.) or filter category by certain attributes (e.g. time, location, business unit, etc.)
2) Dashboard configuration
Main features
• Defining the type of dashboards
There are two types of dashboards: real-time monitoring; historical data analysis.
Real-time monitoring: the dashboard shall display the most up-to-date values which
are just updated in system. (Either the display update is triggered by data update
event, or the dashboard is refreshed frequently.)
Historical data analysis:
This is similar to the ad-hoc visualisation, but different data objects/parameters can
be moved and added to a same display for trends observation or comparisons.
• Apply attribute(s) to determine the available data, for example, select a region or suburb, so that only the data related to the region or the suburb are available to be displayed on the dashboard.
There is a dropdown list on the dashboard shows the list of the attribute values. For
example, Region list (West, East, North, etc.), or Suburb list.
By selecting a value, the configured dashboard will only display data associated with
the selected attribute value, such as' East' dashboard, or 'North' dashboard.
• Configure the plots/charts/tables and layout of a dashboard
- Select a plot type, e.g. Time series plot; Available plots/charts can be dragged from
a panel.
- Setup data sources, for example, cost, budget, etc.
For each plot/chart/table, data sources are selected by browsing the available data
- Setup the parameters
Parameters, axis, scale, etc. are setup for each plot/chart/table
• Setup/configure data formats, such as timestamp, decimal places, etc. (or this can be
configured on each display element - table, chart, plot, etc.
3) Dashboard Visualisation
TYPES OF DISPLAY ELEMENTS
1) Wind rose charts
2) Time series plots
3) Tables
4) Metrics/Numeric
5) Graphs
6) Polar plots
General features
The solution will display titles, axis labels and units on plots.
Multiple parameters from different data sources can be selected to be displayed on one display element.
Use different color to distinguish various parameters on a plot.
Interactive features
Add or remove parameters from the the display element
Change the scale
Showing value/number/figure (e.g. 200, 100) when mouse hovering over certain area of a graph
Showing specific data category name when mouse hovering over the line, etc.
Messages
Messages can be display on dashboards. Such as data disclaimer, notifications, alarms etc.
Could you please share some information about your experience or skills as per questions below?
- Any additional dashboard configuration features you would recommend?
- Please share some near real-time dashboard development experience - how was the real-time/near real-time dashboard data update triggered?
- Any open source js charting libraries for dashboards easy to maintain and scale?
More details will be communicated and clarified with the shortlisted candidates during interview process.
Thanks!
There are three main components,
1) Ad-hoc data visualisation.
The purpose of the ad-hoc data visualisation UIs is to allow users to visualise any data that is stored in the system in various display formats such as table, charts, plots, etc. in ad-hoc manner.
Key features include:
• From the ad-hoc visualisation main UI, the users can select a display element, for example a table, a plot, a chart etc.
• Once they select a display element, the users shall be able to select the source data for the display element.
o On the UI page of selecting data, it shall allow users to search on a particular category of data (e.g. cost, employee, product, etc.) or filter category by certain attributes (e.g. time, location, business unit, etc.)
2) Dashboard configuration
Main features
• Defining the type of dashboards
There are two types of dashboards: real-time monitoring; historical data analysis.
Real-time monitoring: the dashboard shall display the most up-to-date values which
are just updated in system. (Either the display update is triggered by data update
event, or the dashboard is refreshed frequently.)
Historical data analysis:
This is similar to the ad-hoc visualisation, but different data objects/parameters can
be moved and added to a same display for trends observation or comparisons.
• Apply attribute(s) to determine the available data, for example, select a region or suburb, so that only the data related to the region or the suburb are available to be displayed on the dashboard.
There is a dropdown list on the dashboard shows the list of the attribute values. For
example, Region list (West, East, North, etc.), or Suburb list.
By selecting a value, the configured dashboard will only display data associated with
the selected attribute value, such as' East' dashboard, or 'North' dashboard.
• Configure the plots/charts/tables and layout of a dashboard
- Select a plot type, e.g. Time series plot; Available plots/charts can be dragged from
a panel.
- Setup data sources, for example, cost, budget, etc.
For each plot/chart/table, data sources are selected by browsing the available data
- Setup the parameters
Parameters, axis, scale, etc. are setup for each plot/chart/table
• Setup/configure data formats, such as timestamp, decimal places, etc. (or this can be
configured on each display element - table, chart, plot, etc.
3) Dashboard Visualisation
TYPES OF DISPLAY ELEMENTS
1) Wind rose charts
2) Time series plots
3) Tables
4) Metrics/Numeric
5) Graphs
6) Polar plots
General features
The solution will display titles, axis labels and units on plots.
Multiple parameters from different data sources can be selected to be displayed on one display element.
Use different color to distinguish various parameters on a plot.
Interactive features
Add or remove parameters from the the display element
Change the scale
Showing value/number/figure (e.g. 200, 100) when mouse hovering over certain area of a graph
Showing specific data category name when mouse hovering over the line, etc.
Messages
Messages can be display on dashboards. Such as data disclaimer, notifications, alarms etc.
Could you please share some information about your experience or skills as per questions below?
- Any additional dashboard configuration features you would recommend?
- Please share some near real-time dashboard development experience - how was the real-time/near real-time dashboard data update triggered?
- Any open source js charting libraries for dashboards easy to maintain and scale?
More details will be communicated and clarified with the shortlisted candidates during interview process.
Thanks!