グラフ3

アニメーションとグラフとモーダル

2019年11月14日

※補足情報は日付(黄色)をタップ

3

autumnrain on and off

「10/27から11/ 1」を対象にした棒グラフでアニメーションとモーダルウィンドウを付加したインタラクティブ思考のグラフ。

「11/ 2から11/ 7」を対象にした棒グラフで棒グラフにオンマウスすると色が変わる。

「全期間」を対象にした棒グラフでグラフ対象を羅列するにはこの方法が良い。

PC用では横5列に配置した商品リスト。モバイルでは操作上の観点から1列表示がベストだろう。

Grid Layoutを使って2カラムレイアウトを差し込んでみた。

Grid Layoutで複雑なレイアウトを実行してみよう。ここでは文字と文字を重ねてデザインしてみた。