The problem statement is here.

Usage

Changing the value in the Seed field will generate the corresponding input to the Input field.
Pressing the Download button will download the inputs for seed values seed, seed+1, ..., seed+#cases-1 at once.

By running your program locally against the generated input and pasting the output of your program into the Output field, the visualization results will be displayed.
Pressing the ▶ button starts animation.
By pressing the Save as PNG button, you can download the visualization results.

You can quickly switch between multiple outputs by pressing the Select File button at the top and selecting the directory containing the output files.
By naming the output file 1234.txt or abcd_1234.txt, the seed number (in this case 1234) is automatically set when the file is selected.

By changing the color mode, you can switch the display of the visualizer.
There are three modes: A, h, and score, and the color of each vertex is determined as follows.

Color mode Value to determine the color of each vertex v
A Beauty A[v]
h Height h[v]
score (h[v] + 1) * A[v]

Vertices emphasized with thick lines represent the roots of the trees.
Hovering over each vertex highlights all vertices in the tree to which the vertex belongs and displays detailed information about the vertex as a tooltip.

問題文はこちら。

使い方

Seed 欄の値を変えると対応する入力が Input 欄に生成されます。
Download ボタンを押すと、シード値が seed, seed+1, ..., seed+#cases-1 に対応する入力を一括ダウンロード出来ます。

生成された入力に対して解答プログラムをローカル実行し、プログラムの出力を Output 欄に貼り付けると、ビジュアライズ結果が表示されます。
▶ ボタンを押すと、アニメーションが開始します。
Save as PNG ボタンを押すと、ビジュアライズ結果のダウンロードが出来ます。

上部の「ファイルを選択」ボタンを押して出力ファイルを含むディレクトリを選択することで、複数の出力を素早く切り替えることが出来るようになります。
出力ファイル名を 1234.txt もしくは abcd_1234.txt という形式にすることで、ファイルを選択時に自動的にseed番号(この場合は1234)が設定されます。

color mode を変更することでビジュアライザの表示を切り替えることができます。
A、d、score の3種類のモードがあり、それぞれ各頂点の色が下記のように決定されます。

Color mode 各頂点vの色を決定する値
A 美しさ A[v]
h 高さ h[v]
score (h[v] + 1) * A[v]

太線で強調表示された頂点は木の根を表しています。
各頂点にマウスカーソルを合わせると、その頂点の属する木の各頂点が強調されるとともに、頂点の詳細がツールチップとして表示されます。