アニメーションAI

 (animatedai.github.io)
2 ポイント 投稿者 GN⁺ 2023-10-25 | 1件のコメント | WhatsAppで共有
  • Animated AIは、ニューラルネットワークの概念をアニメーションと教育用動画で示すプロジェクトで、視覚的に理解しにくい演算プロセスを追いやすくしている
  • 中核となる資料は、Convolutionの基本アルゴリズム、Padding、Stride、Groups、Depthwise、Depthwise-separable Convolutionに焦点を当てている
  • Pixel Shuffleの資料では、解像度変換の流れを2x2と3x3のブロックサイズの例に分けて示している
  • 各トピックは、ページ上のアニメーション資料とあわせて視聴できるYouTubeの関連動画へリンクされている
  • プロジェクトページではPatreonとYouTubeチャンネルが案内されており、コードはMIT Licenseで公開されている

ニューラルネットワークのアニメーションと動画

  • Animated AIは、ニューラルネットワークを説明するアニメーションと教育用動画を制作している
  • 支援と動画視聴のための公式リンクも提供されている

Convolution学習資料

Pixel Shuffleの例

  • Pixel Shuffle - Changing Resolution with Styleは、Pixel Shuffleを扱うYouTubeの関連動画
  • 2x2ブロックサイズでは、Shuffle、Unshuffle、反復ループの例を確認できる
    • 2x2 Pixel Shuffle
    • 2x2 Pixel Unshuffle
    • 2x2 Pixel Shuffle/Unshuffle Loop
  • 3x3ブロックサイズでも同じ流れを別の例として提供している
    • 3x3 Pixel Shuffle
    • 3x3 Pixel Unshuffle
    • 3x3 Pixel Shuffle/Unshuffle Loop

ライセンス

  • プロジェクトのコードはMIT Licenseでライセンスされている

関連記事

1件のコメント

 
GN⁺ 2023-10-25
Hacker News の意見

  • デザインが良く、Georgia Tech の研究から生まれた CNN 可視化ツールもあります
    https://poloclub.github.io/cnn-explainer/
    ニューラルネットワーク構造の設計・可視化ツール集: https://github.com/ashishpatel26/Tools-to-Design-or-Visualiz...
    TensorFlow Playground もあります: https://playground.tensorflow.org/

  • 色使いが本当にうまく、最初は AI が作ったサンプルアニメーションだと思いました
    実際には手作業で作られたものなので、かけられた労力がいっそうよく伝わりますし、YouTube チャンネルの動画も見る価値があります

  • 良いプロジェクトですが、警告なしに 100MB を超える GIF 画像を読み込ませるのはやめてほしいです

    • アニメーションを扱うページなら通常のページよりメディアが重くなるのは当然で、最近の一般的な Web サイトもかなり大きいです
      NYT は 11MB、Washington Post は 22MB、Reddit で一度スクロールするだけでも 40MB くらいになります
      アニメーションを見せるというページで 100MB 台の容量なら、別途事前警告が必ず必要というほどではないと思います
    • 昔のように「56k killer」タグを付ければよさそうです
    • サイト制作者です。指摘してくれてありがとうございます。アニメーションの数が時間とともに増え、全体サイズがここまで大きくなっていたとは知りませんでした
      望ましい動作があれば知りたいです。たとえばクリック・タップしたときに再生される静止画像、展開するまで隠しておくセクション、あるいは別の方式などが考えられます
    • 正確には 134MB です

  • とてもよくできていて、こうした素晴らしい 3D アニメーション解説動画を思い出しました: https://www.youtube.com/@animagraffs

  • 以前 Manim で自分でもアニメーションを作ったことがあり、派手さは少ないものの役に立つかもしれません
    https://www.jerpint.io/blog/cnn-cheatsheet/

  • Attention 層もこういう形でアニメーション化されたものを見てみたいです。ほとんど理解できそうでできない状態です

    • Transformer の Attention の概念を、この CNN 可視化と同じくらい簡単に理解させてくれる「決定版の一枚の可視化」をまだ見つけられていません
      Attention 層を完全に理解するユーレカの瞬間に役立ったページがあれば、共有してもらえるとうれしいです
    • サイト制作者です。良いニュースがあります。今、Transformer と self-attention についてのアニメーションと解説動画に取り組んでいます
      通知を受ける一番良い方法は、YouTube チャンネルを購読して通知アイコンをオンにしておくことだと思います
    • Attention のアニメーションを見たいという意味のようです。このページが示しているのは Attention ではなく 畳み込みです

  • 特定の AI アルゴリズムの インタラクティブ記事を見るなら、Amazon の mlu-explain も確認してみる価値があります
    https://mlu-explain.github.io/

  • 本当に良いです。RNN や Transformer のセクションもあるとよさそうで、お金を払ってでも見たいです

  • pandas のドキュメントにも、こういうアニメーションがあればいいのにと思うことがよくありました。groupby / split-apply-combine パイプラインは、10秒のクリップ1本で説明できそうです