見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」:phpspot開発日誌
Morris.js 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」。 マウス位置に応じて情報を変えるなど、GoogleAnalytics風のインタラクティブなグラフが描画できます。 実際には次のようなグラフが描画できます。IE6+でも動くということで、そこら辺の心配も無しです サンプルコードも載っていたりするので簡単に使えそうです グラフの種類は線グラフのみですが、多機能すぎて馬鹿でかいよりもシンプルなのが逆にいいかもしれませんね。 関連エントリ HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 様々なインタラクティブ要素のあるグラフが描画できるJSライブラリ「Elycharts」
HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」:phpspot開発日誌
Flotr2 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 次のような綺麗で多様なグラフを描画できるライブラリです。 グラフをクリックするとグラフのサンプル付きでjavascriptのサンプルコードが出てとっても使いやすい iOSでグラフが必要な際に１つの選択肢として。 関連エントリ 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」 tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」
ウェブ上で綺麗なグラフを手軽に作成できるサービス「Infogr.am」 : 二十歳街道まっしぐら
Infogr.amはグラフをウェブ上で手軽に作成できるサービスです。 グラフの種類を選び、データを入力するだけ。 配色を変えたり、細かい設定もラクラク行えます。 作ったグラフは公開用のURLが生成されるので共有にも便利ですよ。 以下に使ってみた様子を載せておきます。 まず「Infogr.am」にアクセスしましょう。 TwitterまたはFacebookのアカウントでログインできます。 最初にグラフの種類を選び、その後データの整形などを行います。 データはImportできるのであらかじめグラフにしたいデータがあればすぐに作れますよ。 グラフの種類は様々。配色も自分でカスタマイズできます。 グラフをウェブ上で手軽にきれいに作りたいときに是非ご活用下さい。
YappoLogs: GrowthForecast ノススメ
GrowthForecast ノススメ みなさん管理画面毎にグラフ作ってませんか？作るのめんどくさくて数値の表だけだして、直感的にサービスの動向掴みにくいとおもっていませんか？ Google スプレッドシートの機能でグラフだせるからいいよ？とかいってませんか？ Google スプレッドシートに吐かせる方法より簡単にグラフが作れたらいいとおもいませんか？ 遂に GrowthForecastというグラフ表示ツールで捗る話 - blog.nomadscafe.jp リリースされたので、早速僕が GrowthForecast をどんな感じで紹介しようと思いますが、なんか忙しいので便利ツールだけ紹介します。 https://github.com/yappo/grouthforecast-worker こういうツールを使っているので、グラフ追加したい時にいちいちある程度のボリュームのあるコードとか書か
GrowthForecastというグラフ表示ツールで捗る話 - blog.nomadscafe.jp
追記 2012/06/22 公式ページを作りました。そちらも参考にしてくださいませ GrowthForecast - Lightning fast Graphing / Visualization http://kazeburo.github.com/GrowthForecast/ Kansai.pmのLTでも紹介したんだけど、APIを叩く事でグラフを更新するツールを書きました。話の発端としては「cloudforecastのグラフを外からAPIで更新したい」ということでしたが、cloudforecastではグラフの追加が重い処理になってしまうので、別のプロダクトとしています。 サーバの負荷などのメトリクスを収集し、グラフ化することで、システムに掛かっている負荷を把握し、パフォーマンスに影響がでるまえに対策をうったり、改善の結果を知る事ができますが、同じ事はシステムだけではなく提供しているサ
多彩なグラフ表示に対応したAndroid用グラフライブラリ·AChartEngine MOONGIFT
AChartEngineはAndroid用のグラフライブラリ。 AChartEngineはAndroid用のオープンソース・ソフトウェア。グラフというのは数値の一覧以上にインパクトある結果につながることがある。特にスマートフォンのように表示領域が限られる場合、グラフを使った方がデータの遷移が分かりやすくなる。 折れ線 グラフを必要とするアプリも多い。体重やジョギングを記録するヘルス系はもちろん、クイズアプリだって正解数を記録するのでそのビジュアル化に必要だ。そんな時に使えるAndroid用グラフライブラリがAChartEngineだ。 AChartEngineは実に多彩なグラフ表示に対応したライブラリだ。折れ線、エリア、タイム、棒、円、ダイアルなどなどたくさんある。さらにそれらを複数描画したり、組み合わせて使うこともできる。グラフは縮小、拡大して表示が可能だ。 棒 折れ線グラフもポイントを
Graphite
Graphite does three things: Kick ass. Chew bubblegum. Make it easy to store and graph metrics. (And it’s all out of bubblegum.) Learn more about Graphite About the Project Graphite is an enterprise-ready monitoring tool that runs equally well on cheap hardware or Cloud infrastructure. Teams use Graphite to track the performance of their websites, applications, business services, and networked serv
Google Chart APIを使えない場合に。Canvasタグで互換グラフを描く·Yokul MOONGIFT
YokulはCanvasタグを使ってGoogle Chart API互換のグラフを描くJavaScriptライブラリ。 YokulはJavaScript/HTML5製のオープンソース・ソフトウェア。Webサービスで工数がかかりやすいのがグラフの表示だ。システムから得られるデータを使って動的に変化させるため作るのが大変だ。そんな中、よく使われるのがGoogle Chart APIだ。 サンプル Google Chart APIを使えば画像ベースのグラフが簡単に作成することができる。しかし場合によっては外部にデータを渡すために利用できないかもしれない。そんな時に使えるのがYokulだ。 YokulはGoogle Chart API互換のグラフライブラリだ。さらに面白いのがサーバサイドの仕組みを用いないことだ。つまりCanvasタグを使ってJavaScriptだけでグラフを描くのだ。使い方も簡単
解析データの、グラフ化に。JavaScript製統計解析ライブラリ·jStat MOONGIFT
jStatはJavaScriptで作られた統計解析ライブラリ。Canvasタグにデータをプロットする。 jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上でのきっかけが掴めるようになる。 二つのデータを描画 統計のビジュアル化をする解析言語としてはMATLABやRが有名だ。しかしそうした言語を覚えないとデータのビジュアル化ができないのは面倒だ。Webブラウザ上でもっと手軽にグラフを描くソフトウェアとしてjStatを紹介しよう。 jStatでは多様な統計解析を行うライブラリだ。描画にCanvasを使っているのでHTML5をサポートしたモダンなWebブラウザがサポート対象になっている。またjQueryを使っている。線で描画すること
Web開発にお役立ちな30のハイクオリティなグラフ描画ライブラリ | TRIVIAL TECHNOLOGIES 4 @ats のイクメン日記
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 みんなのブロックチェーンは，ブロックチェーンの入門書。暗号やハッシュなどを含め，基礎からブロックチェーンの仕組みを学べる書籍です。 いろんな方に「新しい技術を学ぶことの楽しさ」を感じ取ってくれたら著者として嬉しいです:-)。お金は技術的にどのように定義されるのか。 みんなのIoTは，モノのインターネットと呼ばれるIoTの入門書です。IoTの基本について，読者に寄り添って優しく解説しました。裏テーマは一番とっつきやすいPython入門書。サポートページはこちら みんなのPython 第四版は，より分かりやすい入門書を目指し，機械学習やデータサイエンスの章も追加して第三版を大幅に書き換えました。Python 3.6にも華
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
リアルタイムにスムーズなグラフを描く·Smoothie Charts MOONGIFT
Smoothie ChartsはJavaScript製のオープンソース・ソフトウェア。Web上でのグラフ描画に対するニーズは多い。常時固定であれば画像でも良いだろうが、システムの値を使う場合は何らかのグラフ描画ライブラリを使うことになる。 複数グラフ同時描画も可能 さらにアクセスの度にレンダリングして終わる場合もあるが、刻々と変化するデータを常時アップデートしていくグラフもある。そんなリアルタイムに変化するグラフを必要とするならばSmoothie Chartsを使ってみよう。 Smoothie Chartsはリアルタイムに変化するデータをスムーズに描画していくライブラリだ。一つに限らず複数の線を同一グラフ内に描画することができる。例えばシステムのモニタリングであったり、アクセス数の変化などを追うのに使えそうだ。 canvasタグを使っているため、対応していないブラウザでは表示できないのが欠
知れば天国、知らねば地獄――「探索」虎の巻
いよいよ今回から、具体的なアルゴリズムの紹介に入っていきます。今回は、プログラミングにおける重要な概念である「探索」について考えます。グラフに変換し、探索する、という流れを知るとともに、そのグラフを効率よく探索する方法について紹介します。 今後紹介していくアルゴリズムについて お待たせしました！ 「最強最速アルゴリズマー養成講座」という連載タイトルのとおり、今回の連載からいよいよ具体的なアルゴリズムの紹介に入っていきたいと思います。 しかし、それを読んでいただく前に、1つ注意してもらいたいことがあります。連載第3回でもお伝えしたように、「問題を、既存の適当なアルゴリズムに当てはめる」という考え方は、非常に危険である、ということです。 筆者の経験上、TopCoderでRedCoder以上を目指すのであれば、回答時間短縮のために、いままでのパターンを利用するのも方法の1つなのですが、本連載では
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Flexを使ったデータビジュアライザ·Axiis MOONGIFT
もはやグラフという括りではないくらいデータがビジュアル化されている。一般にデータを正確に判断する際には実際の数値や一覧で考える方が良いが、トレンドや変化をつかむにはグラフの方が分かりやすい。 よりダイナミックでビジュアルに特化したグラフが描ける また、プレゼンテーションなど聴衆に対してアピールする際にも便利なのがデータのビジュアル化だ。 今回紹介するオープンソース・ソフトウェアはAxiis、データをFlexでグラフ化するソフトウェアだ。 多彩なデモが用意されているのでぜひ見てみて欲しい。単なる棒グラフや円グラフなどではない、複雑なグラフを描くことができる。データはMXMLで定義するのでサーバが限定されてしまうのが難点だが、それだけにビジュアル品質の高いグラフが描けている。 マウスに反応して表示を変えることもできる 円グラフ、棒グラフ、範囲グラフなどがベースにはなるが、よりグラフィカルで見た
jQueryベースのグラフ作成ライブラリ·jqPlots MOONGIFT
Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。 JavaScriptのみでグラフを表示する だが、例えCanvasを使っていたとしてもライブラリが対応していれば問題ない。そこで試したいのがjqPlotsだ。 今回紹介するオープンソース・ソフトウェアはjqPlots、jQueryベースのグラフ描画ライブラリだ。 jqPlotsはCanvasタグを使っているが、対応ブラウザはIE6〜IE8、Firefox、Safari、Operaとなっている。筆者環境では試していないが、IE6でも恐らく大丈夫なのだろう（ぜひ試していただきたい）。これだけ多数のブラウザに対応していれば一般向けWebサービスでも使え
[JS]カラフルな折れ線・棒グラフやパイチャートを描くスクリプト -JS charts
画像を使用しないで、折れ線グラフや棒グラフ、パイチャートを作成するスクリプト「JS charts」を紹介します。 JS charts demo JS chartsはjQueryなど他のスクリプトに依存せずに動作し、対応ブラウザは下記のようになっています。 Windows IE 6/7 Fx1.5+ Op 9+ Safari 3.1+ Mac Fx 1.5+ Safari 2+ iPhone 1+ 折れ線グラフや棒グラフ、パイチャートを描くには、スクリプトを外部ファイルとして記述し、書式に合わせて記述します。 JS Charts | How to use グラフはCanvasで描かれており、数値はXMLによって管理します。 XMLのサンプル <textarea name="code" class="html" cols="60" rows="5"> <?xml version="1.0"?>
JS charts – The free JavaScript chart generator
What is JS Charts? JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブログなどに埋め込みできるグラフ作成ツール「Google Image Chart Editor」 | ライフハッカー・ジャパン
IDEA * IDEA