rCharts, dimple, and time series
Even this early in it release, dimplejs is such a powerful and promising d3 library that we decided to quickly make it available in rCharts. The first test was to recreate all (48) of the examples provided by dimplejs with rCharts. Once we completed those, we felt fairly satisfied that we had good coverage of the dimplejs API (easily one of the best documented). We are aware of a couple missing it
グラフ描くならMorris.jsがお手軽で良いかも - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年11月16日13:55 JavaScript Ruby グラフ描くならMorris.jsがお手軽で良いかも こんにちわ。寒くなってきましたがみなさまお元気ですか？ さて、先日ちょっとしたグラフを描画したかったんですよ。それでなにか使いやすいライブラリ無いかなーと思っていたら railscast (revisedなので有料です) で Morris.js ってjQueryプラグインが紹介されてて良さげだったので使ってみました。google analytics みたいなツールチップも出してくれます。 使い方はとっても簡単です。 まず、jQuery (>=1.7) と Raphael (>=2.0) が必要です。あとは Morris.js があれば動作します。 これらを app/assets/javascripts/application.js に設定してください。この記事執筆時点での
[JS]ちょっとかっこいい円グラフをウェブページに簡単に設置できるスクリプト -EASY PIE CHART
シンプルなHTMLで、さまざまなデザインの円グラフが簡単に作成できるjQueryのプラグインを紹介します。 EASY PIE CHART [ad#ad-2] EASY PIE CHARTの使い方 実装は、3ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 外部ファイルはhead内に記述してください。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/path/to/jquery.easy-pie-chart.js"></script> <link rel="styl
Google Maps API で簡単にマーカーを変える方法 « Stop Making Sense
はじめに 今回は Google Maps API のマーカーを、Google Chart API を使ってお手軽に変更する方法を紹介します。 デフォルトのマーカーに対し、色や文字を変える程度であれば、画像ファイルを用意しなくても簡単にマーカーを差し替えることが出来ます。 デフォルトのマーカーを使うときは、次のようにマーカーを作成します。 (デフォルトのマーカーを使う) var marker = new google.maps.Marker({ position: myLatLng, map: map }); これで作成すると、次のようなマーカーが表示されます。 (出典は Google Maps Javascript API V3 Examples の marker-simple.html) また、マーカーに独自の画像を指定することも出来ます。 (画像ファイルを指定) var marker
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement | Filament Group, Inc.
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement A while ago, we came up with a technique for creating accessible charts and graphs that uses JavaScript to scrape data from an HTML table and generate bar, line, area, and pie chart visualizations using the HTML5 canvas element. This technique provides a simple way to generate charts, but more impo
テーブルからグラフを描画するJavaScriptライブラリ「Bluff 」-JavaScript Library Archive
テーブルからグラフを描画するJavaScriptライブラリ「Bluff 」 Check Tweet 配布元：Beautiful graphs in JavaScript ライセンス：MIT license Bluffはテーブルからグラフを描画することが出来るJavaScriptライブラリです。 使い方 配布元よりダウンロードしたjs-class.js、bluff-min.js、excanvas.jsをhead要素などで読み込みます。 excanvas.jsはGoogleより公開されているIEで canvas 要素を利用する為のライブラリです。 次にグラフの元となるtable要素を作成します。 <script type="text/javascript" src="js-class.js"></script> <script type="text/javascript" src="bluff
ruby on railsでグラフを作成する。Open Flash Chart編
こんにちは、KBMJの中平@railsエンジニアです。 今回はruby on railsでグラフを表示させようと思います。 rubyでグラフを作成するのは、Gruff というプラグインがありますが 今回は Gruffではなく Open Flash Chart というグラフ作成プラグインを使用してみます。 このプラグインの特徴は、その名の通りグラフをFlashで表示するプラグインなので、Gruffを使った場合より見た目がいいグラフができるかも? ということで、さっそくruby on rails でグラフを作成してみます。 続きはこちら http://doruby.kbmj.com/nakahira_on_rails/20081021/ruby_on_rails_graph_Open_Flash_Chart_
Axiis : Data Visualization Framework
open source data visualization Axiis is an open source data visualization framework designed for beginner and expert developers alike. Whether you are building elegant charts for executive briefings or exploring the boundaries of advanced data visualization research, Axiis has something for you. Axiis provides both pre-built visualization components as well as abstract layout patterns and renderin
Protovis
Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG
Webで数式を簡単に使う方法 | Okumura's Blog
以前Webで数式を書く方法について書いたが，今なら Google Chart Tools のAPIを使うほうが簡単。例： <img src="http://chart.apis.google.com/chart?cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}" alt="" /> URL中に使えない文字は%16進2桁で表記する。例えばスペースは試した限りではそのまま使えたが用心するなら%20とする。詳しくはGoogleの解説 Mathematical (TeX) Formulas 参照。 問題点：ピクセルサイズの指定はできるが，標準の2倍の大きさにしたいという指定はできないみたい。
オープンソース化したFlashを使ったグラフライブラリ·FusionCharts Free MOONGIFT
このソフトウェアは以前に紹介済みだが、オープンソース化されたので再度紹介したい。Webアプリケーションにとってグラフは鬼門ではあるが、実現できればユーザビリティを向上できる大きな機能の一つだ。ただの一覧や数字を並べただけでは分からない、具体性を感じられるようになる。 複雑なグラフも難なくこなす グラフを表示するのはHTML、画像、Canvas、Flashが有力で、Flashベースのものが最も表現力に富んでいて多数のブラウザをサポートするだろう。そんな表現力の高いグラフライブラリがFusionCharts Freeだ。 今回紹介するオープンソース・ソフトウェアはFusionCharts Free、Flash + XMLによるグラフ生成ライブラリだ。以前はフリーウェアだったが、ついにオープンソース化された。 FusionCharts Freeはグラフの表示にXMLを用いる。そのためサーバサイド
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chart.js
g.Raphaël Reference
Morris.js
Developer's Guide - Google Chart API - Google Code
Interactive charting library | Highcharts
http://www.designwalker.com/2010/07/chart-tool.html
Artfulbits Software Development Company