Colorful Sliders With jQuery & CSS3 ? Tutorialzine jQueryとCSS3で作るカラフルなスライダーウィジェットの作成チュートリアルとデモプログラムのダウンロードが出来ます。 次のようにデザインも洗練されていて、スライダーを調節することで３Dグラフが伸び縮みする面白いサンプルになっています。 HTMLやCSSも綺麗で、グラフが伸縮する部分のテクニックなんかも参考にできそうです。 関連エントリ クールなデジタル時計ウィジェットを設置できるjQueryプラグイン「jDigiClock」 JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ TwitterのFriendsやFollowersをページにアイコン付きで表示するWidget実装jQueryプラグイン

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'); ?> サーバに負荷をかけずに気軽にグラフを書きたいという場合の選択肢の１つとして知っておいてもよいの

テーブルの内容をリアルタイムにグラフ描画できるjQueryプラグイン「graphTable」。 このプラグインを使えば、テーブルのデータを読み込んで、リアルタイムにグラフ化してくれます。 $('#table1').graphTable({series: 'columns'}); みたいにすることで、指定したテーブルのデータを次のように描画させることが可能です。 既存の表がある場合は、ブラウザ上でグラフ化することが出来て便利ですね。 以下のエントリを参照してください。 graphTable: graph data from HTML table using flot | jQuery Wisdom 関連エントリ jQueryで実装する進捗グラフ付き複数ファイルアップローダー JavaScript用のグラフ描画ライブラリ色々 CSSだけで円グラフを表示するサンプル

スクリプトやフラッシュを使用しないで、スタイルシートだけで実装する折れ線グラフをcss globeから紹介します。

ドットインストール代表のライフハックブログ

CSS Stacked Bar Graphs demo こんなグラフを見たら、「実装は画像」と思ってしまいますが、テキストや色などの修正が手軽であるという利点は大きいです。 実装にはulとdlが使用されており、各項目やデータの値はテキストのため簡単に変更ができます。 デモでは棒グラフを二つ重ねていますが、増やすことも可能でした。 <textarea name="code" class="html" cols="60" rows="5"> <dt>Mon</dt> <dd class="p36"><span><b>36</b></span></dd> <dd class="sub p30" ><span><b>30</b></span></dd> <dd class="sub2 p21"><span><b>21</b></span></dd> </textarea>

盾集域名停放是全球优质行业导航备案网站领导者 为中小企业提供数字化、快速化、轻量化、精准化的网站链接服务 dns1.dopa.com,dns2.dopa.com 版权所有 本站内容未经书面许可,禁止一切形式的转载 © CopyRight 2023 盾集域名停放click.com.cn    浙ICP备20018420号-2 杭州盾集网络有限公司

Bits of PHP code - Google Chart API for PHP - James Cridland Google have released the Google Chart API which enables you to produce swizzy graphs like the above, which is the total 'hours-listened' to BBC Radio 1 from March 1999 to September 2007.PHPで「Google Chart API」を扱うユーティリティ関数が公開されました。 現状では、この関数、使いやすいとは言えませんが、こういった形でGoogle Chart API を PHP から簡単に使うようなユーティリティクラスが出てくると嬉しいですね。 「超簡易「Google Chart API

Developer's Guide - Google Chart API - Google Code The Google Chart API lets you dynamically generate charts. Googleのグラフ描画ＡＰＩ「Google Chart API」。 パラメータを作成して<imgタグで呼び出すだけでグラフが出力できます。 例えば、次のようにグラフを貼り付けられます。 グラフの種類は、線グラフ、棒グラフ、円グラフ等。 今後、グラフの種類も増えていきそうですね。 サーバサイドでグラフを描画するようなグラフ描画ライブラリは必要なくなるのかもしれません。 単なる画像なので、JavaScript等によって動的に描画するものに比べて軽く、プラットフォームの依存も少ないのがいいですね。 関連エントリ キュートな円グラフ簡単作成サービス