グラフアニメーションサンプル

グラフアニメーションサンプル
Readme:アニメーションのタイミング
• 以下のアニメーションのみ[クリック時]
– 開始:アピール
– 終了:クリア
• その他は[直前の動作の後]
開始:アピール
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:ストリップ
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:ディゾルブイン
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:ひし形
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:プラス
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:ホイール
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:ワイプ
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:くさび形
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:サークル
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:スプリット
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:チェッカーボード
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:ブラインド
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:フラッシュ
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:ボックス
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:ランダムストライプ
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
開始:フェード
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:くさび形
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:ストリップ
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:ディゾルブアウト
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:ひし形
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:プラス
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:ホイール
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:ワイプ
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:クリア
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:サークル
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:スプリット
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:チェッカーボード
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:ブラインド
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:フラッシュ
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:ボックス
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:ランダムストライプ
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月
終了:フェード
90
80
70
60
50
東京
名古屋
大阪
40
30
20
10
0
1月
2月
3月
4月