plotly / plotly/plotly.js

Add intro animations to basic plotly charts

オープン
#7,422 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

community feature P1 P2
主要言語
JavaScript
スター
18.3k
フォーク
2k
平均マージ
2日 12時間
マージ済み PR(30日)
28

説明

A lot of modern JS charting libraries support intro animations like these:

https://github.com/user-attachments/assets/996134ad-d1bb-4d60-8afe-5008e2d144b2

I love using Plotly as a Pythonista and would like to make it look modern and fancy like the other charting libraries.

Does plotly have intro animations out of the box? If not, would this be relatively simple for me to add as a contributor to plotly.js? I am pretty proficient with javascript and can help.

My thought was to add this to the basic charts like go.Bar go.Pie & go.Scatter with a flag like enable_intro_anims so users can enable/disable them as per their choice.


I asked cursor to give me some sample code for how this can be done, and it looks like Plotly.animate can achieve this!

https://github.com/user-attachments/assets/fa287112-3dba-459f-9c68-8d590636dea6

Here's the code - https://jsfiddle.net/am6914fb/5/

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

まずリンク先の JSFiddle を実行して Plotly.animate のエントリーポイントを読み、次に基本的な go.Bar、go.Pie、go.Scatter のチャート API がアニメーションオプションをどのように公開しているかを調べます。実装前に、これらのチャートタイプに対する opt-in フラグの動作と受け入れ基準を定義してください。issue ではファイルやテストは指定されていません。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
data-visualization
issue の種類
機能追加
難易度
5/5
見積もり時間
1週間以上
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。