Data Flow

The index page. Note: levels of bullets will mark actions

• Obtain settings data from settings.json
• Obtain data from mainPageData.csv
• Execute generateKeyBoxResult using mainPageData.csv as source data. And settings.json for settings.
  • Parse csv data using D3 CSV Parse then D3 Group.
  • Obtain the group data for the specified target name.
  • Split the categories of data up with getCategoryDeptValues using dataCSVGrouped.
    • This returns an array of [cardDescription, on_time, out_of_total, dataDescription, timeDescription,movement,color]
  • Indicators are set using setIndicators with the array returned for the following fields in the html: "goalMessage","dataSectNumerator","dataSectDenominator","dataDescription","timeDescription","card-header","indicator".

The objective pages. Note: levels of bullets will mark actions

• Obtain settings data from settings.json
• Obtain data from combined_data_v4.csv
• Obtain data from keyResultBannerData.csv
• Obtain data from combined_percentage_data.csv
• Execute generateKeyResult using combined_data_v4.csv,keyResultBannerData.csv, and combined_percentage_data.csv as sources data. And settings.json for settings.
  • Parse csv data for all CSVs using D3 CSV Parse then D3 Group.
  • Obtain the group data for the specified target name.
  • Split the categories of data up with getCategoryDeptValues using dataCSVGrouped.
    • Then depending on the mode set it will trigger different calls for setIndicators.