キーワード検索「グラフ」
1375
※個人で作成した勝手ページです。このページは誰でも無償で無制限に扱って良いですが、このページへのリンクを記載してください。 ※ページ作成者 @Molokheiyaは、このページに関してなんら責任を負いません。 ※数値は東京電力の「電力の使用状況グラフ」を元に推類しています。kwの数値は、全て万kwを意味します。 ※東京電力の「電力の使用状況グラフ」を数値化したXMLを、5分毎に自動で更新しています...
618
Web NERV極秘資料 - 電力使用状況 先日、東京電力の電力使用状況をエヴァンゲリオン風デザインで表示するWebサイトを作ったものが、あちこちで反響を頂きました。 ねとらぼ：「NERV専用監視装置」で東電の電力状況をチェック エヴァ風サイト登場 - ITmedia News NERVの一員になったつもりで節電！ エヴァ風電力使用状況メーター : ギズモード・ジャパン Twitterでは1600...
392
企業サイトでは売上の推移や販売シェアなどグラフやチャートなどを使って分かりやすく表示したいといったニーズは結構あります。エクセルで作成したグラフを貼り付けたりするのも可能ですが…。今回は、JavaScriptやFlashなどを使って比較的、簡単にグラフやチャートを生成できるツールをいろいろまとめてみました。Open Flash ChartFlashをベースにしたオープンソースのチャートです。バージ...
391
下記は各ポイントを意訳したものです。 PHPはWordPressでのものとなっています。1. 複数の項目がある棒グラフのエフェクト2. ホバー時に追加情報を表示3. カテゴリごとに異なるカラーを適用4. ちょっと面白い画像のキャプション5. ウェブのための印刷風デザインおわりに -developersではなく、designers1. 複数の項目がある棒グラフのエフェクト下記のサイトで使用している棒...
341
最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのかということで描画パフォーマンスを測定してみました。上記のグラフが結果ですがHTML5で一番パフォーマンスのよい実装よりも、Flashのほうが3倍弱高速という結果がでました。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはSafariの25%ぐらいのパフォーマンスしか...
317
Peity ? progressive pie charts 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 アイコン感覚で気軽に設置できて使い方次第では情報をわかり易く示すことができそうです クライアントサイドで描画するのでサーバに負担がない点もいいですね データの定義はspanで定義して、 １行で描画。 出力結果。 むちゃくちゃ使いやすいじゃないですか。 関連エントリ ミニグ...
250
料金表や一覧を表示する際に欠かせないテーブルコーディングで、検索や並び替え、ページング、グラフ表示など色々なものがあったので、探しやすいようにjQueryプラグインをまとめてみました！ jQuery Visualize HTML5とjQueryを使ってテーブルの値をグラフで表示する事が出来ます。 jquery.csv2table.js エクセルなどで作ったCSVファイルを読み込み、クロスブラウザな...
210
Wijmo - jQuery UI Widgets 30近いウィジェットがセットになったjQueryプラグイン集「Wijmo」。 jQueryといえばプラグインによって様々なことが出来るのはご存じだと思いますが、Wijmoはこれ1個で30ものウィジェットが実装できるパックです。 UIのデザインをそろえたいような場合に使えそうです。 アコーディオン カレンダー 各種グラフ コンボボックス オーバーレ...
183
Webサイトやブログなどでよく見かけるデザインのひとつとして、コンテンツ、写真スライダーを利用しているケースがあります。 グラフィカルなデザインに動きを加えることで、より一層コンテンツにユーザーの目を惹くのではないでしょうか。 海外デザインブログDesignModoで、色々なスライダー素材をデザインしたPhotoshop用無料PSD素材を30個まとめたエントリー「Huge Collections ...
166
Webサービスにおいてグラフを使うとデータのインパクトが違います。だからこそ使い勝手の良いグラフライブラリを積極的に使っていくべきです。HighchartsはSVGを基本として多様なWebブラウザに対応したグラフライブラリになります。 0
148
Now relevant tags could be inherited when a specific code is forkedよくあるやつです。ぼんやり眺めてると、とても癒されます。 今のところ確認してる不具合は、 ・Operaでは、要素を101以上に増やすと全く表示されなくなる。 ・Webkitだと、グラフの右端にスペースができる。 ・IE8だとエラーが出て全く動かず。IE9はやればでき...
168
jQueryへの理解を深めるにはコードを読み解けばいいですよね。しかしながら長いコードを順に追っていくのはなかなか大変です。そこで登場したのは「jQuery Deconstructed」ですね。インタラクティブ＆グラフィカルにコードを読み解いていくことができますよ。↑ 構造がわかりやすい上に、その場でクリックしてコードを確かめることが出来ます。jQueryの挙動で気になるところがあればチェックして...
147
自分のウェブページやウェブサイトを持っている場合には、閲覧しているユーザーの動向をリアルタイムに知りたいと思うものです。GIGAZINEでもアクセスをリアルタイムに表示できないものかということで、最近公開されたツールの「Hummingbird」を使ってみました。 詳細は以下から。 mnutt/hummingbird @ GitHub 実際に使用してブラウザ上で棒グラフが表示されているムービーはこち...
128
カテゴリー プレスリリース (2)携帯サイトとは？ (2)携帯サイトにきてもらう (129)ICリーダ/ライタ (2)モバイルSEO (117)携帯広告（モバイル広告） (27)携帯サイトのつくりかた (278)Android (1)API (10)Firefoxアドオン (1)Flash (51)GPS (14)HTML/CSS (12)iPhone (6)PHP (67)postgresql ...
109
あらかじめ決めておいたデータやリアルタイムに刻一刻と変化するデータをグラフ化する際に使いやすくできています。しかもグラフ作成の時に迷いがちなカラーリングについても、最初からいくつかきれいなカラーパレットが付属しているので迷うことなくグラフ化できます。 Rickshaw http://shutterstock.github.com/rickshaw/ D3 libraryをベースにし、1721万枚の...
113
Chartify ? A Visualization Plugin for jQuery tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 <table>のデータを最小１行でGoogleのChart APIを使ってグラフ画像に変換してくれるみたいです。 マークアップ上では次のようなテーブルがあったとします。 プラグインを読み込んで .chartify します。色...
103
![[JS]美しい曲線を使ったチャート・グラフが描けるHTML5 Canvasを使ったスクリプト -Flotr2 | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/js-flotr2-for-html5-canvas-charts-and-graphs.html)
デモ：basic Flotr2の特徴 Flotr2はHTML5 Canvasを使ったチャートやグラフを描くライブラリで、「Prototype」依存の「flotr」とは異なり単独で動作し、そして多くの改良をしたものです。 モバイルのサポート フレームワーク プラグインで拡張可能 対応ブラウザ IE6+ Firefox Chrome iOS Android ※IEなどHTML5 Canvas非対応ブラ...
92
AwesomeChartJS HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」 データは配列で定義してdrawするだけです。描画コードは次のように美しい。 var mychart = new AwesomeChart('canvas1'); mychart.title = "Product Sales - 2010"; mychart.data = [1532...
71
HTML5でできることがどんどん広がっています。今回紹介するRocketchartsもHTML5を駆使しています。そしてすごいグラフを作ってきました。 0
73
Flotr2 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 次のような綺麗で多様なグラフを描画できるライブラリです。 グラフをクリックするとグラフのサンプル付きでjavascriptのサンプルコードが出てとっても使いやすい iOSでグラフが必要な際に１つの選択肢として。 関連エントリ 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 ...
