シンプルなCSSグラフを描画する軽快なPHP用グラフ描画ライブラリ「CSScharts」:phpspot開発日誌
CSScharts - CSS only bar chart demo page シンプルなCSSグラフを描画する軽快なPHP用グラフ描画ライブラリ「CSScharts」が公開されています。 様々な便利なグラフライブラリが存在する中で、高機能とは言えませんがとてもシンプルに使うことができます。 マウスオーバーで地味に色が変わります ちょっと癖のある書き方で馴染めないという方も多いかもしれませんが、次のように書くとグラフがかけるというシンプルな物になってます。 <?php $values = '12,3,23.3,44.3,9,20'; $height = 200; $width = 400; $bargap = 0; // undo :) include('csscharts.php'); ?> サーバに負荷をかけずに気軽にグラフを書きたいという場合の選択肢の１つとして知っておいてもよいの
とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリ色々:phpspot開発日誌
20 Fresh JavaScript Data Visualization Libraries とても綺麗なグラフ等を描けるフレッシュなJavaScriptライブラリが色々と最近になってもリリースされていますね。 サムネイルだけ見ても、JavaScript でやってるの？というような綺麗なものが多いです。すでに紹介したものもあると思いますがご参考までに。 Highcharts gRaphaël JavaScript InfoVis Toolkit JS Charts Bluff Timeline データをビジュアライズしたい際の参考になりそうですね。 関連エントリ JavaScript用のグラフ描画ライブラリ色々
インタラクティブでアニメーションするグラフが描けるJSライブラリ「Highcharts」:phpspot開発日誌
インタラクティブでアニメーションするグラフが描けるJSライブラリ「Highcharts」が公開されています。 マウスが上に乗るとポップアップしてヒントが出るようなグラフもこのJSライブラリで描画できます。 デモページでは、実に多数のサンプルグラフを見ることが出来ます。 それにしてもJSなのに描画するグラフが滑らかでいいですね。 以下のエントリを参照してください。 Highcharts - Interactive JavaScript charts for your webpage 関連エントリ JavaScriptだけでさまざまなグラフを描画できる高機能ライブラリ『HighCharts』 - IDEA*IDEA
多種多様なグラフやチャートがオンラインで作成できる -Chartle.net
多種多様なグラフ、チャート、ダイアグラム、マップなどを簡単に作成できるオンラインサービス「Chartle.net」を紹介します。
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」:phpspot開発日誌
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」 2009年03月18日- Visifire クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。 画像編集ソフトを使えば綺麗なグラフはかけるかもしれないのですが、相当大変です。 が、このライブラリを使ってxmlでデータを書いておけばグラフ描画できます。 データ作成ツールもあるので、xmlも面倒っていう場合にも使えます→ Chart Designer もっとギャラリーを見る ネックはSilverLightなのですが、一旦描画したものをキャプチャして画像に変換してから使ってもよいぐらいクオリティが高いですね。 今後、SilverLightが一般的になっていくことも考えられ、覚えてお
グラフ描画用のjQueryプラグイン集:phpspot開発日誌
6 jQuery Chart Plugins For Your App | Steve Reynolds Blog グラフ描画用のjQueryプラグイン集が紹介されていました。 あまり知られていないものも結構あるみたいです。 Google Charts Plugin 描画はGoogle Chart API に任せて、その描画を用意にするためのインタフェースを提供するライブラリ jQuery Chart 0.21 JSでの描画機能をもったグラフライブラリ。棒・ライン・エリアのグラフを選んで描画できる TufteGraph シンプルでprettyなグラフを描画するライブラリ 全部見る グラフ描画ライブラリの基本としても使われるjQueryってすごいなぁと思いますね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 便利なjQueryプラグインいろいろ 伸縮する全画
[CSS]スタイシートだけで実装するアクセシブルな折れ線グラフ
スクリプトやフラッシュを使用しないで、スタイルシートだけで実装する折れ線グラフをcss globeから紹介します。
[JS]カラフルな折れ線・棒グラフやパイチャートを描くスクリプト -JS charts
画像を使用しないで、折れ線グラフや棒グラフ、パイチャートを作成するスクリプト「JS charts」を紹介します。 JS charts demo JS chartsはjQueryなど他のスクリプトに依存せずに動作し、対応ブラウザは下記のようになっています。 Windows IE 6/7 Fx1.5+ Op 9+ Safari 3.1+ Mac Fx 1.5+ Safari 2+ iPhone 1+ 折れ線グラフや棒グラフ、パイチャートを描くには、スクリプトを外部ファイルとして記述し、書式に合わせて記述します。 JS Charts | How to use グラフはCanvasで描かれており、数値はXMLによって管理します。 XMLのサンプル <textarea name="code" class="html" cols="60" rows="5"> <?xml version="1.0"?>
Creating accessible charts using canvas and jQuery | Filament Group, Inc.
102 South Street , 3rd floor Boston MA 02111 Phone: 617.482.7120 Fax: 617.687.0212 Email: hello@filamentgroup.com Posted by Scott on 03/05/2008 Topics: accessibilitycanvasjavascriptjQueryprogressive enhancement Data visualization in HTML has long been tricky to achieve. Past solutions have involved non-standard plugins, proprietary behavior, and static images. But this has changed with the recent
フリーでクールなグラフのアイコン:phpspot開発日誌
The Graphs: A Free Icon Set | Freebies | Smashing Magazine フリーでクールなグラフのアイコン。 次のような、グラフを表すのによさそうなアイコンがＳｍａｓｈｉｎｇＭａｇａｚｉｎｅにて公開されています。 「統計」を意味するようなＵＩ部分で活用できそうです。 関連エントリ WEBアプリに使えるキュートなアイコンセット「Sweetie」
データを視覚的に分かりやすくビジュアライズするためのライブラリ集:phpspot開発日誌
20 Useful Visualization Libraries | A Beautiful WWW データを視覚的に分かりやすくビジュアライズするためのライブラリ集が色々。 Prefuse (Java) & FLAIR (Flex) simile (AJAX) Processing (Java) GigaPan (Service) JFree (Java) OpenLayers (JavaScript) TimeMap (Java) 全て見る 図があると、テキストベースよりも更に分かりやすい画面が作れそうですね。 関連エントリ Prototypeベースのグラフ描画用JSライブラリ「ProtoChart」 PHPでクールなグラフを描画できるクラスライブラリ「pChart」
JavaScriptで小さくて可愛いグラフを作れる「jQuery Sparklines」:phpspot開発日誌
jQuery Sparklines This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript. JavaScriptで小さくて可愛いグラフを作れる「jQuery Sparklines」 PHPを使って、サーバサイドで以下のような、小さくて可愛く場所をとらないグラフを書くプログラムを以前紹介しました。 ミニグラフ作成ライブラリSparkline 時代は変わって、今はJavaScriptでもグラフは当たり前という時代になり、SparklinesのJS版が出たみたいです。 グラフ描画処理はサーバ側に負担をかけますが、JSであればクライアントサイドでの描画な
PHPでクールなグラフを描画できるクラスライブラリ「pChart」:phpspot開発日誌
pChart | a PHP Charting library pChart is a PHP class oriented framework designed to create aliased charts.PHPでクールなグラフを描画できるクラスライブラリ「pChart」。 次のようなグラフが描画できます。（円、棒グラフなど） 色々と、グラフ描画ライブラリは存在しますが、こうした描画スタイルもいいですね。 関連エントリ GoogleChartsAPIをPHPから簡単に使える「GoogChart」 jQueryベースの滑らかなグラフ描画ライブラリ「Flot」 CSSだけで円グラフを表示するサンプル
ウェブ上でグラフを作成してブログに貼り付けられる『ChartGizmo』 | 100SHIKI.COM
ブログやサイトにグラフを貼り付けたいときに便利なツールのご紹介。 ChartGizmoではブラウザ上でさくさくグラフを作成し、ブログ貼り付け用のコードを取得することができる。 グラフを作成してくれるシンプルなAPIはいくつか提供されているが、グラフは見た目が重要なだけにじっくりいろいろ設定したいものである。 そう考えると「ブラウザで作成、貼り付け用コードを生成」という流れは正しいのではないだろうか。 データのインポートなども可能なのでグラフを多用したい人にはおすすめのサービスである。
フリーのグラフスクリプト１０個:phpspot開発日誌
10 Free Chart Scripts | WebTecker the latest Web Tech, Resources and News. This week I’ve been working on a project that required data to be shown visually. フリーのグラフスクリプト１０個が特集されてました。 JavaScriptやFlash製のグラフを使う際の選択肢として使えます。 Flot Open Flash Chart AmCharts Emprise JavaScript Charts PlotKit Flotr PHP/SWF Charts Visifire FusionCharts JFreeChart グラフを作る際にはこうしたツールを使えば一瞬ですね。 その他、グラフ関連エントリは以下 ピュアCSSでクールなグラフサン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery でグラフ作成 [Javascript] All About![jQuery でグラフ作成 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
ブラウザ上できれいなグラフがさくっと作れる『ChartGo』 | 100SHIKI
データをリッチにビジュアル化するオープンソースのフレームワーク -Axiis
CSSでスタックされた棒グラフを作成するサンプル:phpspot開発日誌
サイトでグラフを使いたい時に使えるまとめ - DesignWalker
