Visualization

This command is needed when we want to use CLI to visualize performance reports for Android or iOS applications, or to override the values in the config file.

1
yarn marco visualize --help

1
Usage: marco visualize [options]
2

3
Serve the performance report dashboard
4

5
Options:
6
  -p, --port <port>        Specify the port (default: "8080")
7
  -d, --dataDir <dataDir>  Specify the data directory path
8
  --platform <platform>    Specify platform: android or ios
9
  -h, --help               display help for command

Options

• --platform <platform>: Specify platform: android or ios. If want to read values from the config file, specify the platform.
• -p, --port <port>: Specify the port for the dashboard (default: 8080).
• -d, --dataDir <dataDir>: Specify the directory containing the performance reports (default: ./marco-reports/log.json).

Example:

1
yarn marco visualize --platform android --port 3000

With data source path:

This is useful when we want to visualize the data from a different directory.

1
yarn marco visualize --dataDir ./path/to/log.json

Marco Dashboard

Features of the Visualization Dashboard:

• In Side bar, we can see all the markers with there occurrence.
• Iteration wise data is shown in bar chart.
• Raw data are processed and shown in timeline for better understanding.
• Also have access to other metrics like mean, standard deviation, error rate to predict the correctness of the data.
• We can play arounnd with mutliple events to see how they perform together.