絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp

Chart.jsというのが流行っているみたいなので、もうちょっとフラット感がでないものか、カスタマイズに挑戦してみました。Chart.jsの使い方などは、LIGさんの記事を参考にしてください。 ドーナッツ これを何個か並べればかなりフラット感が出ますね。外側の青い部分のみをChart.jsで描画し、それ以外はCSSで調整しています。2つ目のセグメントを背景色で塗れば、円弧のように見えます。 ※ ドーナッツの幅は、percentageInnerCutout で調整できます。 ラインチャート お次は棒グラフです。フラットに見せるポイントは、グラフや線などを簡略化することでイラストのように見せるところです。また、数字と組みあわせるとかっこ良く見えます。※ 数字の部分は、CSSで組んでいます。 ※ 横軸のラベルは、意図的に減らしています。 バーチャート 棒グラフもフラットにしてみました。こちらも数

[skunk0915]

ver 1.0

[yurieeel]

使いたい

[megumubrandox]

flat design data

[kiiita]

今使ってるtumblrにあわせてみたい

[tak4hir0]

絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp

[naga_sawa]

Chart.js でフラットなグラフ

[blog0009]

絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法

[suyamafusae]

図版の動きjs便利

[side_tana]

めっちゃ良さそう

[lphing]

memo

[warriorking]

絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp

[taki0313]

おもしろい

[rishida]

Chart.jsというのが流行っているみたいなので、もうちょっとフラット感がでないものか、カスタマイズに挑戦してみました。Chart.jsの使い方などは、LIGさんの記事を参考にしてください。 ドーナッツ これを何個か並べればか

[michael-unltd]

チャート

[iww]

これはかっこういいな。パクりたい

[RabbitBit]

様子見。チャート系ライブラリは群雄割拠の世界。天下人に味方するのが自分の流儀。

[Tourna]

絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法 Chart.jsというのが流行っているみたいなので、もうちょっとフラット感がでないものか、カスタマイズに挑戦してみました。Chart.jsの使い方などは、LI

[karumado]

最近グラフを扱うことが多いのでメモ。

[panda728]

シビれるね

[uch]

シンプルできれい。

[luccafort]

一昔前はopen flash chart だったけど今だとCSSとJSでなんとかなっちゃうんだなーと思ったりなんかした。

[invent]

絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp

[hirorock]

チャート表示のJSライブラリ

[astronaughts]

ちょうど良い感じのグラフ系ライブラリ探してた