Page Comparison

Description:

...

1. name - Name of visualization.

2. vizType - type of visualization like COLLECTION,MODULE,METRIC-COLLECTION, PERFORMING-METRIC,CHART.

   1. COLLECTION - In home page, contains the collection data (refer figure 1).

   2. MODULE - In home page, contains the module level data (refer figure 1).

   3. METRIC-COLLECTION - In Overview/Module Level Page, contains the collection data (refer figure 2.1).

   4. PERFORMING-METRIC -In Overview/Module Level Page, contains the top/bottom performing data (refer figure 2.2).

   5. CHART - In Overview/Module Level Page, contains the below visualizations (refer figure 2.3 to figure 2.7).

      1. PIE CHART (refer figure 2.3)

      2. LINE CHART (refer figure 2.4)

      3. BAR CHART (refer figure 2.5)

      4. HORIZONTAL BAR CHART (refer figure 2.6)

      5. TABLE CHART (refer figure 2.7)

List of visualizations:

...

Figure : 2.1 - Metric-collection.

...

1. Overview and all module level page is having ULB dashboard.

GLOBAL Filters (refer figure 2.8) :

1. Filters will be loaded from MDMS api.

...

Denomination filter having three option to display amount and number in a particular format.

1. Crore

2. Lack

3. Unit

Denomination filter will not be applied on the percentage and text(refer figure 2.10). Type of data is identified by symbol in plots of charts api.

{
"statusInfo": {
"statusCode": 200,
"statusMessage": "success",
"errorMessage": ""
},
"responseData": {
"chartType": "pie",
"visualizationCode": "topFiveComplaints",
"chartFormat": null,
"drillDownChartId": "none",
"customData": null,
"dates": null,
"filter": null,
"data": [
{
"headerName": "DSS_PGR_TOP_COMPLAINTS",
"headerValue": 2150,
"headerSymbol": "number",
"insight": null,
"plots": [
{
"label": null,
"name": "Street Light Not Working",
"value": 1295,
"symbol": "number"
},
{
"label": null,
"name": "Others",
"value": 48,
"symbol": "number"
}]}
]}}

...

Figure 2.10

Custom Date Filter:

 If duration < 15 days, it will display data in days wise.

If duration <= 30 days, it will display data in week-wise.

If duration >30, it will display data in monthly wise.

Tabs:

Currenty dashboard is having two types of tabs,

...

{
"statusInfo": {
"statusCode": 200,
"statusMessage": "success",
"errorMessage": ""
},
"responseData": [
{
"name": "DSS_PROPERTY_TAX_DASHBOARD",
"id": "propertyTax",
"title": "From Apr 01, 2019 to Feb 04, 2020",
"visualizations": [
{
"row": 1,
"name": "DSS_REVENUE",
"vizArray": [
{
"id": 211,
"name": "DSS_OVERVIEW",
"dimensions": {
"height": 350,
"width": 5
},
"vizType": "metric-collection",
"noUnit": true,
"isCollapsible": false,
"label": "DSS_OVERVIEW",
"charts": [
{
"id": "todaysCollection",
"name": "DSS_TOTAL_COLLECTION_TODAY",
"code": "",
"chartType": "metric",
"filter": "",
"headers": []
}]}
]},

{
"row": 1,
"name": "DSS_SERVICE",
"vizArray": [
{
"id": 251,
"name": "DSS_PT_TOP_3_PERFORMING_ULBS",
"dimensions": {
"height": 250,
"width": 4
},
"vizType": "performing-metric",
"isCollapsible": false,
"label": "",
"charts": [
{
"id": "topPerformingUlbsCompletionRate",
"name": "DSS_PT_TOP_3_PERFORMING_ULBS",
"code": "",
"chartType": "bar",
"filter": "",
"headers": []
}]}
]}],
"roleId": 6,
"roleName": "Admin"
}]}

Visualisations:

There are three type of Visualization and are identified vizType by dashboard config api,

...

performing-metric : Display Progress bar chart

...

metric-collection: Display Collection chart

chart: There are different types of charts used to represent the data, and charts are backend driven. Each chart is identified by chartType by config api .

...

...

1. Bar chart: chartType is bar

2. Horizontal bar chart: chartType is horizontalBar

3. Donut chart: chartType is donut

4. Line chart: chartType is line. Line chart displays data in days wise, weekwise and monthlywise based on the duration.

If duration < 15 days, it will display data in days wise.

If duration <= 30 days, it will display data in weekwise.

If duartion >30, it will display data in monthlywise.

e. Table: chartType is table.

Example:

{
"statusInfo": {
"statusCode": 200,
"statusMessage": "success",
"errorMessage": ""
},
"responseData": [
{
"name": "DSS_PROPERTY_TAX_DASHBOARD",
"id": "propertyTax",
"title": "From Apr 01, 2019 to Feb 04, 2020",
"visualizations": [
{
"row": 1,
"name": "DSS_REVENUE",
"vizArray": [
{
"id": 211,
"name": "DSS_OVERVIEW",
"dimensions": {
"height": 350,
"width": 5
},
"vizType": "metric-collection",
"noUnit": true,
"isCollapsible": false,
"label": "DSS_OVERVIEW",
"charts": [
{
"id": "todaysCollection",
"name": "DSS_TOTAL_COLLECTION_TODAY",
"code": "",
"chartType": "metric",
"filter": "",
"headers": []
}]},
{
"id": 212,
"name": "DSS_TOTAL_CUMULATIVE_COLLECTION",
"dimensions": {
"height": 350,
"width": 7
},
"vizType": "chart",
"noUnit": true,
"isCollapsible": false,
"charts": [
{
"id": "cumulativeCollection",
"name": "Monthly",
"code": "",
"chartType": "line",
"filter": "",
"headers": []
}]}
]}],
"roleId": 6,
"roleName": "Admin"
}]}

Table Chart with drilldown:

...