Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
古籏一浩さんとのはじめての共著 発売中-->『Ajax実践テクニック』 古籏一浩/高橋 登史朗 (著)秀和システム
配本予約開始-->『入門Ajax 増補改訂版 』 高橋 登史朗 (著)ソフトバンククリエイティブ ; ISBN: 4797336242
-- リスト --
【カテゴリー】 ActionScript ( 6 ) AIR ( 2 ) AjaSQL ( 10 ) Ajax ( 575 ) Arax ( 1 ) canvas ( 10 ) CSS ( 11 ) 脳 ( 5 ) DLNA ( 1 ) Dojo ( 17 ) DOM ( 46 ) ES4 ( 4 ) Ext JS ( 2 ) 反重力物質 ( 1 ) ffAdd-on ( 1 ) Flash ( 46 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 120 ) GPS ( 42 ) HTTPヘッダサンプル ( 10 ) Internet ( 1 ) iPhone ( 35 ) IPv6 ( 1 ) 漫画 ( 1 ) Java ( 45 ) JavaScript ( 269 ) jKamo ( 8 ) jQchart ( 2 ) jQuery ( 112 ) jquery-ref ( 1 ) jsGadget ( 19 ) jslb_ ( 3 ) jslb_ajax ( 9 ) JSON ( 47 ) JSR223 ( 7 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 16 ) Mac ( 8 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 2 ) mootools ( 3 ) Movable Type ( 57 ) MySQL ( 10 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 7 ) P2P ( 2 ) Perl ( 7 ) PHP ( 37 ) PostGIS ( 1 ) PostgreSQL ( 4 ) prototype.js ( 22 ) ROBOT ( 1 ) RSSリーダー ( 14 ) Ruby on Rails ( 7 ) Spry ( 6 ) SQLite ( 16 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 16 ) TRON ( 1 ) Ubiquity ( 2 ) Video ( 1 ) VML ( 1 ) Web Slice ( 1 ) Webサービス ( 99 ) widget ( 6 ) Wii ( 1 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 30 ) XML ( 30 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 4 ) Yahoo! UI ( 66 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) ＷｉｎTips ( 2 ) こりゃすごい ( 4 ) チューニング ( 22 ) ダイナミックロード関数 ( 7 ) リファレンス ( 18 ) ライブラリ ( 116 ) レーダー雨量表示 ( 1 ) ハード ( 23 ) ペンギン ( 2 ) ブラウザ ( 80 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) イベント ( 2 ) カレンダーによる日付入力スクリプト ( 4 ) クロスブラウザ ( 11 ) クロスブラウザ関数 ( 7 ) スマートフォン ( 8 ) セキュリティ ( 115 ) ソフトイーサ ( 1 ) マッシュアップ ( 23 ) 暗号 ( 4 ) 映画 ( 47 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 27 ) 牛久大仏 ( 10 ) 携帯 ( 138 ) 言語 ( 18 ) 故障 ( 3 ) 洪水警報システム ( 2 ) 今日のひと言 ( 5 ) 仕様 ( 63 ) 雑談 ( 236 ) 実装 ( 1 ) 書籍 ( 17 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
【info】有料サポート(ベータ)限定　承り中 多忙につき、一時、新規受付停止 閉店中 /【JSサポート(仮称)】　

【info】いつもいろいろなテストなどをページ内のあちこちでやっているので、重かったり、壊れていたりするf^^;ことも多いです。実験用ですので、カオス(混沌)をあえて意図したりもしますので、標準やValidとは無縁だったりしますが、何卒、ご了承ください ( _ _ b

2005年10月09日

【Ajax】Ajaxでクロスブラウザベクターグラフ

【Ajax 】 ブックマークに追加する ブックマーク-- Buzzurl  / Hatena  / Livedoor track feed


こんなの作ってみました。
http://jsgt.org/lib/vector/graph/sample1.htm

この感動の、nanto_vi (なんと) さんのDrawingCanvas クラスを使わせていただきました。

先月のこの「かも日記」トップページのアクセスカウンターデータをJavaScriptでグラフ化しています。このサンプルは、単なる静的データの読込みですが、、、AjaSQLの遊び道具がまた増えた気が、、、。SafariやFirefox1.5b未満は、マシンしだいでちょと重いかも。

追記
高速化版
http://jsgt.org/lib/vector/graph/sample21.htm

追記　2008
jQuery版
http://jsgt.org/lib/jquery/plugin/jqchart/sample/v003/test-use-gradient.html


    高橋 ( 2005年10月09日 23:41 )

    ども。結構いろいろ使えそうな気がしますよね。

    ちなみに、
    うちのP4 2.6G + WinIE6で、
    ページのロード開始から描画終了まで0.078秒
    P4 2.6G + Firefox 1.5b2で
    ページのロード開始から描画終了まで0.032秒
    P4 2.6G + Opera8.02で
    ページのロード開始から描画終了まで0.015秒
    iMac + Safari1.25
    ページのロード開始から描画終了まで0.305秒

    高橋 ( 2005年10月09日 23:44 )

    ただ、このベンチマークは、確かにページの最初でカウント開始して終わりでストップしているんですが、ブラウザのレンダリングは、その後始まるようですので、そこで、ブラウザごとの体感速度の開きがでてきます。Macは、そこがちょっと不得意な感じです。

    高橋 ( 2005年10月09日 23:48 )

    これで、今までサーバー側の役割だったSQLも、グラフィックもJavaScript側で操作できることになったわけです、、、。ちょっとした、構造変革な気がします。

    ( 2005年10月10日 11:15 )

    DELLノート INSPIRON 4100 PEN3 1000MHz メモリ384MB
    WinXP + IE6 一回目
    ページのロード開始から描画終了まで6.349秒
    二回目
    ページのロード開始から描画終了まで0.42秒

    二回目が早い理由はどこかなぁ。。


    高橋 ( 2005年10月17日 18:44 )

    ＞y <= 200
    あ〜、、、f^^;;ありがとうございます。面目ない。と、よく見たらy軸の上下も勘違いしてたので直しました(^^;;。

    ＞Operaには動的なSVG要素の生成に回数制限
    なぜ、なんでしょうね。。。

    【コメント】(←clickで入力欄open)