早く知っておきたかったmatplotlibの基礎知識、あるいは見た目の調整が捗るArtistの話 - Qiita
English version available on dev.to はじめに matplotlibで作ったグラフの細かい調整は大変です。何をどういじったらいいのかを調べるのにアホみたいに時間がかかることがあります1。「何を」の部分の名前さえわからないこともあります。解決の糸口を掴んだ後も希望通りの見た目を実現するまでの最後のアレンジに苦労することが多いです2。これらの問題はmatplotlibのグラフがどういう要素で構成されていて、それらに対してどういうことができるかを知ることでいくらか改善されます。私はひたすらStack Overflowの回答を読むことでいろんなつまづきを時間をかけて乗り越えてきましたが、最近になってようやく公式チュートリアルにこの苦労を回避できたはずのヒントが書いてあることに気づきました。初期にざっと目を通したのですが「なるほど、よくわからん」と判断して読み込まな
NextCharts·グラフの事ならお任せ。HTML5/Canvasのグラフライブラリ/デザイナ/サーバ MOONGIFT
かつてWeb上でグラフを描くとなると画像で出力するものが多かったです。しかし時代はHTML5になり、豊かな表現が可能になっています。そんな中にあってレガシーな画像出力など使っている場合ではありません。 ということでHTML5の性能を活かしたグラフライブラリを紹介します。グラフのデザイナー、エンジン、そしてサーバの全てがオープンソースになったNextChartsです。 NextChartsの使い方 まずはデモのグラフを見てみましょう。 グラフの一覧です。多様なグラフが描画できます。 棒グラフ、積み上げグラフ、エリアグラフ、円グラフそして複数のグラフの組み合わせが可能です。 マウスオーバーで詳細を表示できます。 データラベルを変更すれば日本語も表示できます。 NextChartsはCanvasタグに描画するグラフライブラリになります。日本語が問題なく扱えるのもHTML5様々です。 さらにデータ
GraphSketcher - グラフを加工してさらに面白く
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ああ、こういう加工は良いかも！ Omniと言えばドロー系ソフトウェアを数多く出している有名な企業ですが、そこから新しい面白いソフトウェアがオープンソース化されました。それがGraphSketcherです。 その名の通りグラフ＋スケッチというソフトウェアなのですが、今ひとつ雰囲気が分かりづらいかと思います。しかしこれが非常に面白い可能性をもったソフトウェアと言えそうです。 例えば適当にペンで書くと、いい感じにポイントを使ってベジュ曲線になります。 そこに文字を書いたり、さらに説明を追加したりできます。 まさにグラフ＋スケッチです。 グラフはフリーハンドで描く他、パレットを使って値を入力もできます。表計算から持ってくる場合はこちらですね。コピー&ペーストでグラフを貼付けることもできます
javascriptRRD - Client-side access to RRD files
Overview As the name implies (Javascript RRD), javascriptRRD is a javascript library for reading and interpreting RRD (Round Robind Database) files from both remote Web servers and local file directories. It uses AJAX-like techniques, but without any code being run on a remote Web server; i.e. it provides a purely client-side access to RRD files. The javascriptRRD package provides the basic RRD re
HTML5対応チャートコンポーネントを利用したデータ視覚化入門 その1 - チャートを表示させよう
データを分かりやすく視覚化するポピュラーな手段として、最も利用される方法の一つにチャートがあります。膨大な数字の羅列では相関関係が分かりにくい場合でも、領域やバーの高さで素早く判断を行うことが可能で、報告や説明といった業務では特に多く利用されています。今回は、HTML5対応コンポーネントスイートであるIgnite UIに含まれているigDataChartを利用し表示する方法を紹介します。 対象読者 jQueryや最新のWeb技術に興味のある人。データ視覚化に興味のある人。 必要環境 「jQueryで地震分布図を作成しよう」においても言及されているように、開発環境やプラットフォームには依存しません。コード編集用のエディタと動作確認用のブラウザのみを用意してください。ただし、今回利用するigDataChartコントロールは下記の機能を利用しています。対応していないブラウザでは正しく動作しません
GitHubのアクティビティカレンダー風表示·Cal-HeatMap MOONGIFT
Cal-HeatMapはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 GitHubの活動によって色が変わるヒートマップはプログラマの間で人気があります。同じような表示を行うJavaScriptライブラリがCal-HeatMapです。 デモです。それっぽい表示が出来ています。 開始日を指定する事もできます。 年月だけの表示。 日付ごとの小さな表示版。 二ヶ月分表示。 カラーリングを変えられます。 月によって変更もできます。 Cal-HeatMapはある日付における状態に応じて色を変えるのが面白いところです。中長期的に取得しているデータがあれば、そのJSONをCal-HeatMapで見てみると面白い見せ方ができそうです。 MOONGIFTはこう見る Webサービスの数多くは今、または未来における行動に関するデータだけを見せます。そして過去については大して
グラフを表示するjQueryプラグイン 前編
はじめに 今回は、簡単に綺麗なグラフを表示できるjQueryプラグイン「jQuery Visualize」を解説します。HTML5のcanvas要素を使って見栄えの良いグラフを描画するプラグインで、折れ線グラフ・棒グラフ・円グラフなど多くの種類のグラフを描くことができます。また、豊富なオプションにより、大きさや色などを自在に変化させることができ、好みのデザインで表示させることができます。 対象読者 jQueryプラグインに興味があり、使ってみたい方 必要な環境と準備 執筆時点のjQueryの最新版は、1.7.2です。第1回を参考に、ダウンロードしてください。また、jQueryプラグインの基本的な使い方は、第3回を参照してください。 サンプルでは、htmlファイルと同じ階層に「plugins」というフォルダを作成し、使用するプラグイン関連のファイルはここにまとめて配置し、説明を進めます。また
やったー GrowthForecast のページできたよー＼(^o^)／ - blog.nomadscafe.jp
GrowthForecast のページができました。 GrowthForecast - Lightning fast Graphing / Visualization http://kazeburo.github.com/GrowthForecast/ インストールの方法や基本的な使い方、APIの説明も載せてあります。ぜひ参考にしてください これまでとインストールの方法が変わっていて、githubからgit cloneしてくる方式から cpanm コマンド一発でインストールができるようになっています。依存モジュールが多いのでどちらにしろ時間はかかるけど簡単にいれることができるようになっていると思います。
Javascriptで扱えるカッコイイグラフのまとめ - Qiita
結論:Highchart ccchart(canvasChart)と悩みましたが、Highchartを選んだ理由は、下記の通りです。 1.円グラフや棒グラフを組み合わせた複合的なグラフのサンプルを載せている 2.複合グラフのアニメーションがかっこいい 商用ライセンスなので、無料にこだわる方は、ccchart(canvasChart)がおすすめです。 Highchart 表現力、完成度の点でいちばんだと思います。商用なのでお金さえあればこれがイチオシ。 ccchart(canvasChart) 私のイチオシは canvasChart です ライセンスは PUBLIC DOMAIN! raphael.js qiitaのプロフィールの円グラフで使われているjQueryプラグイン 美しめなグラフを作成することができる。 raphael.jsのプラグインのelycharts.js http://el
様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」:phpspot開発日誌
NVD3.js :: re-usable charts for d3.js 様々なグラフを描画できるJavaScriptライブラリ「NVD3.js」 d3.jsという以前紹介したライブラリをベースに利用しているみたい。 グラフ描画のライブラリは色々ありますが、こちらのライブラリで描画するグラフのデザインもなかなかいい感じですね マウスとのインタラクティブなグラフ実装が可能で拡張も容易みたい サンプルページにはソースがついているので参考に組めば抵抗なくグラフが描けそうです 関連エントリ 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」 HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 様々な時系列グラフを描画できるJavaScriptライブラリ「Rickshaw」 クールなドアノブ風の％グラフを描画できるjQuery Knob
Gephi, オープンソースのグラフ可視化・操作ソフトウェア
Gephi が再び Google Summer of Code (GSoC 2011) に認定されました！ Google Summer of Code は、世界各地の学生がオープンソースプロジェクトに貢献することができるたいへん優れたプログラムです。詳細はこちら » 応用例 探索的データ解析: リアルタイムでのネットワーク操作による直感的分析。 リンク解析: 特にスケールフリーネットワークにおけるオブジェクト間関係の根本構造の明確化。 ソーシャルネットワーク分析: さまざまなコミュニティ組織やスモールワールドネットワークをマップ化できるソーシャルデータコネクタを簡単に作成可能。 生物学的ネットワーク解析: 生物学的データのパターンを表現。 ポスター制作: 高解像度の印刷可能グラフで学術研究成果をプロモート。 詳細はこちら » 各種のメトリクスを用意 中心性 (Centrality): 社会
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
折れ線、エリアグラフに対応したJavaScriptグラフライブラリ·Rickshaw MOONGIFT
Rickshawは折れ線グラフ、エリアグラフに対応したJavaScript製のグラフライブラリです。 RickshawはJavaScriptのグラフライブラリです。 棒の積み上げグラフです。 カラーも色々用意されています。 表示はダイナミックに変更できます。 グラフの種類変更のダイナミックです。 スムーズさを変更できます。 曲線のグラフです。 ウェーブのようなグラフも描けます。 最もシンプルなグラフです。 そのコードです。シリーズをJSONであてるのみです。 Rickshawは主に折れ線グラフに関連するグラフを描くのに向いています。表示がリアルタイムにデータを受信しながら変更できるのも利点です。対応グラフパターンは多くありませんが、ぴたりとくる場面もありそうです。 RickshawはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見
多彩な表現をご覧あれ。JavaScriptによるデータビジュアル化ライブラリ·JavaScript InfoVis Toolkit（JIT） MOONGIFT
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit（JIT）です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
ローソクチャートや棒、折れ線グラフを作るHTML5グラフライブラリ·Rocketchart MOONGIFT
RocketchartはHTML5で作られたダイナミックなグラフライブラリです。 HTML5でできることがどんどん広がっています。今回紹介するRocketchartsもHTML5を駆使しています。そしてすごいグラフを作ってきました。 ローソクチャートです。HTML5で作られています。 折れ線グラフを追加しました。 さらに棒グラフと折れ線グラフのミックスです。 クリックするとその箇所の数値が分かります。 表示範囲をマウスで選択して絞り込むこともできます。 逆に広げた場合です。 RocketchartはJSONデータを使ってCanvasタグにグラフを描いています。そのため直接書き出すのはもちろん、AjaxなどでJSONデータを渡してレンダリングすることもできそうです。 RocketchartはJavaScript製、GPL v3のオープンソース・ソフトウェアになります。 MOONGIFTはこう
インパクト大！コンソールの中に棒グラフを表示する·spark MOONGIFT
sparkはコンソールの中にスパークラインのグラフを表示するソフトウェアです。 文章の中に埋め込める、高さ1行程度のグラフがスパークラインです。使いどころによってはユーザビリティが高まります。そんなスパークラインをコンソールの中に出現させてしまうのがsparkです。 ヘルプです。sparkの後に値をカンマつなぎで入力します。このヘルプだけでかなりわくわくしますね。 見頃スパークラインのグラフが表示されました。 マックスの値に合わせて高さが自動で調整されます。 USの地震観測結果を解析してスパークラインに表示するデモです。全体を解析した後で表示するので若干時間がかかります。 sparkは単純に渡されたカンマつなぎの数値データをスパークラインの棒グラフに表現します。とてもシンプルですが見た目のインパクトが大きいソフトウェアです。 sparkはBashスクリプトで作られたMIT Licenseの
どんな場面で使えるか。Webベースのヒートマップ生成ライブラリ·HeatCanvas MOONGIFT
HeatCanvasはCanvasタグを使ったWebベースのヒートマップライブラリ。 HeatCanvasはHTML5/JavaScript製のオープンソース・ソフトウェア。大量のデータが位置情報と結びついている時、ビジュアル化に最適な手法と言えばヒートマップではないだろうか。Webサイトのクリック情報を投影したりするのにも使える。 例 ヒートマップを自作しようと思うと大変な苦労をするかも知れない。専用のソフトウェアを使うか、WebベースであればHeatCanvasを使えばスムーズに作れるかもしれない。 HeatCanvasはCanvasタグを使ってヒートマップをレンダリングするライブラリだ。デモではCanvas上を適当にクリックしてヒートマップを生成したり、ランダムなデータを使って作成する。何度もクリックを繰り返した部分が赤くなる仕組みだ。 クリックすると強く出る 多数のポイントがあると
ROOT/CINT 自社翻訳ドキュメント — ディジタル・ワークスホームページ
この章では、CINT、ROOTのコマンドラインインタープリタおよびスクリプトプロセッサーについて述べる。
『【研究課題レポート抜粋】LVSの統計情報のグラフ化プログラムの設計・実装』
これは第2回研究課題レポートの抜粋です。同レポートは、社員のMaedaさんによって作成され、優秀賞を受賞しました。 研究の背景 サイバーエージェントのインフラを構成するネットワーク機器の内、ロードバランサは以前から商用のロードバランサを使用していた。 Linuxのロードバランサである、ip_vs カーネルモジュール(以下、LVSと記す)をロードバランサとして使用する事で、下記の点でコストの削減が可能である。 ハードウェアが一般的なIAサーバで済む年間の保守費が不要になる 但し、日々の負荷状況の把握、増設計画を立てる上で、LVSの具体的な統計情報を取得することが求められる。 統計情報を有効に活用する為には、量的な変化を直観的に把握できるグラフでの表示が必要と考えた。 本研究の開始時点(2008年10月)において、LVSのグラフ化を行う方法、プログラムは既にいくつか存在していたため、何点かのプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ROOTマクロ集