JavaScriptを使って描画するCanvasとは？
Canvasとは、JavaScriptを使って動的に図を描くために策定された仕様です。これまで、動的に図を表示させる方法としては、Flashが代表的な選択肢でした。しかし、Canvasを使うことで、テキストエディタさえあれば、誰でも無料で動的に図を描くアプリケーションを作ることができるようになるのです。 手前みそで恐縮ですが、図1は筆者がCanvasを使って作った棒グラフを描くJavaScriptライブラリのキャプチャ画像です。Canvasを使うことで、簡単な図だけではなく、かなり凝ったデザインも扱うことができることがおわかりいただけると思います。 しかし、Canvasは決してFlashの代替技術ではありません。まずは、Canvasの特徴を簡単にまとめてみましょう。Canvasの特徴としては、「JavaScriptを使って描画する」「文字は描けない」「アニメーション機能がない」の3つがあり
Chart Maker - Generator for the Chart Server API
Once you select a type of chart, fill in the required data, and click on the PREVIEW button. At that time, a preview of the chat will appear here.
Developer's Guide - Google Chart API - Google Code
Discover the resources for adding interactive charts for browsers and mobile devices.
Google Chart APIを手軽に扱えるJavaScriptライブラリ「GChart 0.2 alpha」リリース：CodeZine
Solutoire.comはJavaScriptライブラリ「GChart 0.2 alpha」をリリースした。GChart Project Page内下側の「Download GChart」にて公開されている。 先日発表された「Google Chart API」は、URLパラメータだけで美しいチャートを描けるWeb APIだが、複雑なチャートを描こうとすると引数が多くなりすぎてしまい、非常に手間がかかってしまうという欠点があった。 「GChart 0.2 alpha」は、JavaScriptからGoogle Chart APIを呼び出す際にラッパーとなるライブラリで、ライブラリを読み込んだあと、bodyタグ内に以下のような簡単な実装をするだけでグラフ画像を表示させることができる。 <script type="text/javascript";> GChart.render({ re
404 Blog Not Found:WEB API - Google Code Chart キター
2007年12月07日11:30 カテゴリiTechLightweight Languages WEB API - Google Code Chart キター 久々に使い出のあるAPIが登場! Google Code Blog: Embed charts in webpages with one of our simplest APIs yet Developer's Guide - Google Chart API - Google Code Query Parameterを適当に設定してURIを叩くだけでグラフを描いてくれる。 だから、JavaScriptでグラフを書くのもちょちょいのちょい。 chs cht chxt chxl chd uri ここでサンプルで入れてあるデータは東京の月平均気温そのままなのだけど、見てのとおりExcelみたく正規化まではしてくれない。あくまで下が0で上
ウェブでかっこいいグラフを描くためのライブラリやらテクニックやらのまとめ - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
Javasciptだけで実現するやたら高機能なグラフ作成ツール『EJSChart』 | 100SHIKI
グラフ作成ツールが人気ですよね。べつやくメソッドも地位を確立しつつあります。 さてそうした流れを受けてご紹介したいのがEJSChart。Javascriptだけで実現できるグラフ作成ツールです。 残念なことにまだ公開前なので全容は不明ですが、やたら高機能らしいです。 ズームやスクロールが可能であるばかりか、マウスイベントを拾ったり、ヒントの表示などもサポートしている模様。ぐっとインタラクティブな表現が可能になりそうですね。 また、グラフの種類も豊富、かつ、XMLによるデータ連携もできるようです。 サイトから推測するに有料かと思われますが、早く試してみたいところですね。
グラフ作成ソフト - JSChart -
ソフトウェア開発会社〈Jschart〉は、クリエイティブで画期的なプロダクトとサービスを構築し、コミュニケーションと情報ソリューション全体を提供しています。例としては、ウェブデザインと開発、カスタムアプリケーション、エンタープライズシステム、CRMシステム、eコマースソリューション、社内ソフトウェアシステム、企業内アプリケーション、マネージドホスティング、社内ポータルサイトマネージメントなどございますが、これらは当社が提供するサービスのほんの一部に過ぎません。世界中の多くのお客様にご満足いただいていることからも、いかに私たちの仕事の質が高いかがお分かりでしょう。 当社のソフトウェア開発チームは、新技術を探求する業界のパイオニアとして、高品質なソフトウェアを世界各地にお届けすることに専念しています。私たちの最終的な目標は、マルチユーザーアプリケーションのための洗練された情報技術を創造し、世の
CSSとPHPできれいなグラフを描く方法 | SIMPLE*SIMPLE
terrill.caにてCSSとPHPできれいなグラフを描く方法が紹介されていました。 » terrill.ca | Vertical Bar Graphs using CSS and PHP 棒グラフや立体グラフなどがCSSのスタイルで描けます。PHPはデータの抽出と縮尺の設定だけなので、必要でない方は紹介されているCSSだけ使っても良いかも。 ↓なグラフや、 ↓なグラフが描けます。 なお、HTMLのほうの記述は以下のような感じです。わかりやすいですね。変更も簡単かと。 <ul class="barGraph"> <li class="p1" style="height: 57px; left: 0px;">57</li> <li class="p2" style="height: 27px; left: 0px;">27</li> <li class="p3" style="heigh
折れ線グラフ: WEB素材配布室
まず、 <script type="text/javascript" src="graph-line.js"></script><noscript><a href="http://web-sozai.seesaa.net/">折れ線グラフ</a></noscript> みたいに、SCRIPTを呼び出します。 <noscript>部分はなくても動作しますが、隠しリンクでWEB素材配布室へのリンクを設置してくれるとうれしい。 <script> StyleSet("Title","シンプル"); StyleSet("Unit","(Y)"); XnamePush(100,100); XnamePush(200,200); XnamePush(300,300); PointPush(0,50); PointPush(100,90); PointPush(200,80); PointPush(300
Graraph - mz.skr.jp
「Graraph」は、折れ線グラフを描画するためのJavaScriptライブラリです。 たとえば、次のようなグラフを表示したければ… Graraphライブラリをロードして、以下のコードを書くだけです。 // 表示したいデータの名前と値 var data = [ ['去年',[530,519,585,765,994,728]], ['今年',[789,335,801,1197,1245,970]] ]; // graphというIDで、大きさは400×300ピクセル var g = new Graraph('graph', 400, 300); // 各種オプション設定 g.title = '月別の推移'; // グラフのタイトル g.xLabelFormat = ['1月','2月','3月','4月','5月','6月']; // X軸のラベル g.theme = 'keynote';
GD::Graph - Perl5のためのグラフ作成モジュール
GD::Graphモジュール（日本語チョウ訳） Ver.1.32 by Hippo2000(2001/2/10) GD::Graphモジュールなのです。GIFgraphの後継にあたります。GD自体の機能アップもあってTrueTypeを利用することにより。日本語も使えるようにもなりました。(^^)v。これについてはGD::Textをごらんください。 原本の著作権はMartien Verbruggen 氏がお持ちです（詳しくは著作権情報を見てください）。Martien Verbruggen 氏からは、メールで了解をいただきました。Thank you, Mr Verbruggen! 内容等が間違っていたら修正します。ご連絡ください。 GD::Graphには以下のサブクラスがあります モジュール 説 明 名前 概略 説明 使用例 使用法 メソッド メソッド（全グラフ共通） メソッド（円グラフ） メ
japan.linux.com | GD::Graphを使ったPerlグラフ生成
PerlのGD::Graphモジュールは、データをすばやく簡単にグラフィカルに表現するためのソフトウェア開発者向けツールだ。もともとはMartien Verbruggenが1995年に作成したこのパッケージは、非常に柔軟で人気の高いツールへと成長した。データベースなどから動的データセットを即座に取得して表示したいという場合に好適である。企業のイントラネットで広く使われており、まさに経営陣が望むような形式でデータを示すグラフを生成できるので、多くのWeb管理者が利用している。 GD::Graphは、下位レベルのユーティリティモジュール集合の上に成り立っている。これらのモジュールの最も基礎的な部分は、Thomas BoutellのGDグラフィックスプリミティブライブラリであり、各種の、線、多角形、テキストをメモリ内カンバスに描画する構造を提供する。このライブラリの上に、2つのPerlモジュー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript++かも日記 - 1997年からの