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/GIF 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.

The top of the visualization results shows the next operation to be performed by each crane.
Each container is shown as a rectangle with a color corresponding to its number. On the left side, containers to be received are listed in order, and on the right side, containers that have been dispatched from the correct gate are listed in order.

問題文はこちら

使い方

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

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

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

ビジュアライズ結果の上部には、各クレーンが次に実行する操作が表示されています。
各コンテナは番号に応じた色の長方形で表示されており、左側にはこれから搬入されるコンテナが順番に、右側には正しい搬出口から搬出したコンテナが順番に並んでいます。