flotr2 (humble software development) HTML5 canvasで、グラフを描けるJavaScriptライブラリ「flotr2」が公開されています。 (英語) デモサンプルを見ると、種類が多くどれも綺麗なグラフで、アニメーションなどもできるようです。
![HTML5で綺麗なグラフを描くJSライブラリ「flotr2」](https://cdn-ak-scissors.b.st-hatena.com/image/square/8c6c4e68f6898dc6bf1b34bed43025068853a163/height=288;version=1;width=512/https%3A%2F%2Fdothtml5.com%2Fimages%2Flogo2.png)
flotr2 (humble software development) HTML5 canvasで、グラフを描けるJavaScriptライブラリ「flotr2」が公開されています。 (英語) デモサンプルを見ると、種類が多くどれも綺麗なグラフで、アニメーションなどもできるようです。
Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari. Download version 3.3.0 Uncompressed 8.8Kb jquery.peity.js Minified 3.6Kb (+gzipped 1.7Kb) jquery.peity.min.js Source github.com/be
さくっとグラフを描く Cactiでグラフを作成しようと思っていたデータがあったのですが,色々なしがらみが面倒になったので,ローカルにデータを取得してグラフ化することにしました.どうやってグラフ化するかちょっと考えて,思い出したのがGoogle::Chartでした.まず作ろうと思ったのが棒グラフ.これはこんな感じで動きます.ワンライナーなので,本来は1行です. perl -MGoogle::Chart -le ' $c = Google::Chart->new( type => "Bar", color => ["4d89f9","c6d9fd"], data => [[1,2,3,4,5,6],[7,8,9,10,11,12]] ); print $c->as_uri' こんなグラフができあがります.ところがこのスクリプトに必要なデータを突っ込もうとしたら動きませんでした. perl -M
サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一本吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には食材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい食材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ
あと、最近のブログはここ JavaScript++かも日記 Facebookの仮想通貨Libra/Diemが来春リリースらしいので久しぶりに触ってみてます Facebookの仮想通貨Libra/Diem関連 |Blog | Demo | Facbook JavaScript部 | jQuery › Downloads › Plugins › csv2table | ( ccchart/ jQchart ) nightly- testing themeroller width jQuery 1.3. test-tm.htm blog デフォルトCSSのリセット方法 Reset the CSS ( default style sheet of csv2table ) csv2tableのデフォルトCSSをリセットし、自由にCSS設定する。 このページに$.csv2table.cssReset(
Graph::EasyはASCII, HTML, SVG *1での出力が可能なグラフに変換し描画してくれるモジュールです。 ASCIIでの出力 +------+ +-------+ | AAA | --> | BBB | +------+ +-------+ +------+ +-------+ | test | --> | test2 | +------+ +-------+ #!/usr/bin/perl use strict; use warnings; use utf8; use Graph::Easy; my $graph = Graph::Easy->new(); $graph->add_edge_once ('AAA', 'BBB'); $graph->add_edge_once ('test', 'test2'); print $graph->as_ascii(); コマン
$ unzip googchart_0_1.zip Archive: googchart_0_1.zip inflating: example.php inflating: GoogChart.class.php <?php include_once('GoogChart.class.php'); $data = array( 'IE7' => 22, 'IE6' => 30.7, 'IE5' => 1.7, 'Firefox' => 36.5, 'Mozilla' => 1.1, 'Safari' => 2, 'Opera' => 1.4, ); $chart = new googChart(); $chart->setChartAttrs( array( 'type' => 'pie', 'data' => $data, 'size' => array( 300, 200 ) ));
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Note: Chart APIは現在ではGoogle Chartとして整理されており、この記事で利用されているImage Chart APIは旧仕様として削除対象になっています。実際に削除はされていないので今のところ利用できていますが、2015年中には消えてしまいそうです。(2015-08-31) コピペ用に作ってみた。いやー軽い軽い。JSで<canvas>で図形描画なんて馬鹿らしくなっちゃうね。ちなみに色はあんまり弄ってない。考えたら暖色系って盛り上がってる感じがするから、このままのが良いかもね。 では続きをどうぞ。 ...そういえば、商用利用できたっけ? <img
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く