Visualization

This command launches an interactive web dashboard to visualize recorded frame rendering data and React commit information, making it easy to analyze performance metrics and identify frozen frames.

1
yarn defrost show-dashboard --help

1
Usage: @d11/defrost show-dashboard [options]
2

3
Show the web dashboard to visualize the recorded frame and React commit data
4

5
Options:
6
  -d, --directory <directory>  The directory containing the recorded data (e.g., ./data) (default: "./data")
7
  -h, --help                   display help for command

Options

-d: The directory where the frame data and React commit information have been dumped (the data folder).

Example:

1
yarn defrost show-dashboard

With data source path:

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

1
yarn defrost show-dashboard --d ./path/to/data_folder