[B! グラフ] okeke1101のブックマーク

【デザインまとめ】綺麗なデザインの管理画面　30選

以前記事にした「【デザインまとめ】綺麗なデザインの管理画面 40種類」、時間が経ってリンク先が消えていたりしますね。また綺麗なデザインの管理画面も追加したいと思います。サムネイルだけで見ると、全部似たようなものに見えてきますが、デモサイトを見てみると細かな部分でデザイナーさんの個性が出ていて面白いです。ご参考になれば幸いです。左に紺か黒のナビがあるやつ ◆Material Admin デモサイト ◆Edumix 黄緑がきれいデモサイト ◆Make デモサイト ◆Con デモサイトメガネのロゴがかわいい ◆Mega デモサイト黒でメリハリ ◆Admin box デモサイトちょっとレトロ感ある色遣いが印象的。 ◆Singular デモサイトやわらかな色遣い。 ◆Azan デモサイト ◆Brio Web App デモサイト丸みの強い要素がかわいい ◆HeyMetro デモサ

okeke1101 2016/07/21

リンク

JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ : うえぶはっく

ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です！類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。今回は、基本的な使い方を中心にご紹介しようと思います！必要なファイルを準備しよう！「CanvasJS」の本体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます！ // index.html <!d

okeke1101 2016/02/03

リンク

React.js + Chart.jsでインタラクティブなグラフを書く - Qiita

#概要例えば、以下の様にグラフと表が一緒になっているページがあるとします。使用者が同ページで新規にデータを追加した直後に、表に新データが挿入されるとともにグラフも更新されるようなインタラクティブなページを作りたく、React.jsのアプリケーション内部でChart.jsを使用してみました。React.jsの状態データ(this.state)を元にChart.jsにグラフを書かせる手法です。 Rails、CoffeeScriptでJSXを使用せず書きました。 #環境 ruby 2.2.1 Rails 4.2.3 react-rails chart-js-rails bootstrap font-awesome-rails 他 #手順 ##グラフのキャンバスを定義。ここで定義したキャンバスを後にメインの部品のrenderメソッドで呼び出し、キャンバスのオブジェクトを作ります。 # Reac