ホームページでユーザー側の入力を利用してアニメーションを表示させる

Question

現在ホームページを作成しようとしております。
ユーザー側に数値を入力してもらい、その数値を処理に含むアルゴリズムをアニメーションとして出力するという内容です。

ホームページの作成はHTML言語で記入またはホームページ作成サイトの利用
アルゴリズムはpythonで記入を考えています。

アルゴリズムはCGIを使用して動かそうと考えているんですが、アニメーションの表示はCGIで可能なのでしょうか？
また不可能であれば実現できるものを教えていただきたいです。

よろしくお願いします。

追記
ご返答ありがとうございます。
アルゴリズムの視覚化を行いたいと考えており、視覚化するアルゴリズム内のデータの数・数値をユーザー側に決めてもらいたいと考えております。
マージソートやクイックソートを行いたいと考えております。
想像している形としてはソート方法を選択→データの数・数値を入力→アルゴリズムの動きをアニメーションとして表示 といった風になっております。
そのような場合でもJavaScriptでも可能でしょうか？

Answer 1

ブラウザで入力したものに応じてサーバサイドでアニメーションを生成するとなると、ネットワークで1往復分の通信時間がかかることになります。

もちろん、いったんページ遷移を挟む場合ならそれで構わないでしょうが、（何をするかにもよりますが）通信せずに実現できるような内容であれば、すべてJavaScriptで完結させたほうがいいでしょう。エレメントを動かすようなアニメーションだけでなく、canvasへの2D描画や、WebGLによる3DCGも、環境によっては可能です。

Comments

[realize18]

ご返答ありがとうございます。
質問に追記し実現したい内容を記入しました。

[maisumakun]

こんな感じので、パラメーターを可変にするということですよね？

http://www.public.asu.edu/~aiadicic/sort.html

これ自体がJavaScriptで動いていますので、問題なく実現可能かと思います。

[realize18]

そうですね。
ありがとうございます。

Answer 2

いまひとつ全体像や環境が解らないので的確な回答になるかわかりませんが
CGIは動的にHTMLを編集してブラウザへ応答するのが主な役割になると思いますので
応答したHTMLをCGIでコントロールすることはではできないと思います。

すでに回答が出ているJavaScriptで対応したほうがよいとのご意見には同意です。

CGIでということであればちょっと視点を変えて
gifアニメを応答するCGIを作ってimgタグなどからリンクさせる方法もあるかと思います。

参考になれば幸いです。

Comments

[realize18]

ご返答ありがとうございます。
CGIについて未熟なため、可能不可能な点を教えていただけてありがたいです。