ITエンジニア/デザイナ向けにオープンソースを毎日紹介

開発 - グラフの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2019/02/17

Sprite - フローチャートを生成するコード風記法

詳細設計を行うなら実装してしまった方が早いと言った声もありますが、それでも機能単位のフローチャートが用意されている方が間違いはないように思います。共通認識がないと個人の勝手な判断が入り、思わぬバグを生み出したりします。今回紹介するSpriteはコードライクにフローチャートが書けるソフトウェアです。テキストベースなのでメ...

List

  • 2018/12/10

Ervy - CUIで棒/円/折れ線/ゲージグラフを表示

コンソール用のアプリケーションが増えています。UIをあまり作り込まずに済み、さらに結果の出力も簡単にできます。その反面、グラフのような可視化は苦手です。テキストで出力して、別なライブラリで可視化するのではないでしょうか。そこで使ってみたいのがErvyです。ターミナル上で簡易的な可視化を実現できます。## Ervyの使い...

List

  • 2018/11/24

graph-cli - CSVから画像ファイルを生成

資料でグラフを使うことで数値の羅列から視覚に訴えられるようになります。多くの場合、表計算ソフトウェアを使ってグラフを作りますが、アップデートする度に作成し直したり画像化するのが面倒です。そこで使ってみたいのがgraph-cliです。CLIでCSVデータをグラフ化します。## graph-cliの使い方Sinの値をCSV...

List

  • 2018/07/20

AstroChart - SVGによる占星術用チャート生成

チャートは実に多彩に存在します。ガントチャートや組織図のようなビジネス向きのものもあれば、地図や路線図と合わせるものなど様々です。何かの情報を分かりやすく伝えるためにはチャートによる可視化が有効です。今回は特殊なチャートを描くAstroChartを紹介します。なんと占星術用のチャートを描くライブラリです。## Astr...

List

  • 2018/07/10

Sourcerer - GitHubでの活動をビジュアル化

プログラマーとしては、自分がどういったコードを書いてきたかを可視化してみたいと思うものでしょう。GitHubではコミットに応じたグラフを提供してくれますが、まだまだ不十分です。そこで使ってみて欲しいのがSourcererです。よりグラフィカルに自分の活動が可視化されます。## Sourcererの使い方例えばこんな感じ...

List

  • 2018/06/08

GitHub Contribution Chart Generator - GitHubでのこれまでの活動をすべて可視化

GitHubの活動計(Contribution Chart)は開発者としてのやる気を喚起してくれます。すべて埋めてやろうと躍起になる開発者もいるのではないでしょうか。しかし直近の情報しか見えないのが残念です。そこで使ってみたいのがGitHub Contribution Chart Generatorです。これまでのすべ...

List

  • 2018/03/07

just-dashboard - 設定ファイルからダッシュボード用のグラフを生成

管理画面で必要な機能と言えばデータをメンテナンスする機能と、主なKPIやシステムのトラフィックを確認できるグラフ機能です。しかしメンテナンスは簡単に実現できてもグラフは意外と面倒で後回しになったり、CSVでダウンロードしてExcelで作るなんて状態になっているのではないでしょうか。そこで使ってみたいのがjust-das...

List

  • 2018/02/28

Mermaid Live Editor - Mermaid記法をリアルタイムにチャート化

複雑な情報も図式化することによって分かりやすくなりますが、バイナリにしてしまうとメンテナンスコストが大きくなります。最初こそ気合いを入れて作ったチャートもメンテナンスで一気に崩れてしまったらやる気もなくなるでしょう。そこで使ってみたいのがMermaid Live Editorです。テキストからチャートにしてくれるソフト...

None

  • 2018/01/26

git-heatmap - Gitリポジトリを解析して頻繁に更新されているファイルをリストアップ

リファクタリングの際に一つ基準にできるのが更新頻度です。あまり頻繁に更新されているものはファイルや処理を分割できる可能性があります。そうすることで標準化していくことでバグが入り込むのを防げるようになります。今回紹介するgit-heatmapはGitリポジトリを解析して、ファイルごとの更新回数を可視化します。## git...

List

  • 2017/12/08

blocks.js - 複雑なデータフローの可視化

システムには何らかの入力があって、それが処理されて出力されます。処理は一段階に限らず、複数のステップを経ることもあります。さらに入力ソースが複数名こともあります。そうした複雑なデータフローを表現するのに向いたライブラリがblocks.jsになります。## blocks.jsの使い方メイン画面です。各ノードが線でつながっ...

List

  • 2017/11/28

js2flowchart.js - JavaScriptのコードをフローチャート化

複雑なコードはバグを含みやすくなります。インデントは浅い方が良いですし、関数は短く機能は単機能になっている方が良いでしょう。そうした複雑性の基準はどうやって設けたら良いでしょうか。一つのアイディアとして使えそうなのがjs2flowchart.jsです。JavaScriptのコードをビジュアル化し、フローチャート化してく...

List

  • 2017/11/27

billboard.js - インタラクティブ、プログラマブルなグラフライブラリ

HTML5の表現力を活かすにはJavaScriptの活用が欠かせません。SVGやCanvasを使って図を描画することはできますが、JavaScriptを組み合わせることでよりインタラクティブにしたり、マウスイベントを使ったりできます。今回紹介するのはbillboard.js、JavaScript製の再利用が容易なグラフ...

List

  • 2017/11/18

Frappe Charts - GitHub風グラフもあるSVGグラフライブラリ

WebはSVG/CanvasによってWeb標準だけで高度な表現が実現できるようになりました。しかし、それを使いこなすのは大変で、多くの場合ライブラリを使って実現しているでしょう。今回紹介するFrappe ChartsはSVGを使ってグラフ表示を行うライブラリです。## Frappe Chartsの使い方棒グラフ。マウス...

List

  • 2017/09/02

Chartkick.js - 多数のグラフに対応したラッパーライブラリ

Webシステムで一番苦労させられるのがグラフではないでしょうか。HTMLの表現力が上がったと言っても、コードを書かなければなりません。特にグラフやチャートになるとコード量も増えがちです。そこで使ってみたいのがChartkick.jsです。多くのパターンに対応したクライアントサイドのグラフライブラリです。## Chart...

List

  • 2017/08/11

ChartEx - Excelのグラフを画像/PDFで出力

Excelで作成したグラフをHTML上に組み込んだり、別なドキュメントに使いたいと思ったことはないでしょうか。同じOffice系であれば連絡が簡単ですが、もっと広く使いたいはずです。そんな時にいちいち画面をキャプチャするのは面倒です。そこで使ってみたいのがChartExです。Excelのグラフを画像やPDFとしてエクス...

List

  • 2017/05/26

GanttPad - テキストからガントチャート生成

プロジェクト管理と言えばガントチャートと言うくらい必要としている方は多いです。少なくとも一覧では分からなかったタスクの関連であったり、今後のタスクの予定が可視化されるようになります。それによって無理が来るポイントなども掴めるようになるでしょう。今回紹介するGanttPadはテキストで書いたタスクをガントチャートに展開し...

List

  • 2017/04/05

Contour - 多彩な種類に対応したWeb用グラフライブラリ

Webシステムを開発していてよく求められるのがグラフです。すでに多数のグラフライブラリがありますが、グラフの種類が物足りなかったり、使い勝手が良くない、デフォルトで生成されるグラフが作っているシステムに合わないなど様々な問題があります。そのため、まず多数のグラフライブラリを知っておくのが大切です。その中からニーズにあっ...

List

  • 2017/02/05

Frappe Gantt - マウス操作が便利なガントチャート

個人的にはあまり好きではないのですが、プロジェクト管理において重宝されるのがガントチャートです。各タスクが時系列上に並ぶことで、タスクが重なる期間が分かりやすくなったり、タスクの関連度を可視化することでボトルネックを発見できます。そんなガントチャートを作成できるライブラリがFrappe Ganttです。## Frapp...

List

  • 2017/01/31

Visdown - Markdownにグラフ機能を追加

Markdownは誰でもすぐに覚えられて便利な記法ですが、ちょっとこだわったことをしようと思うだけでMarkdownだけでは物足りなくなってしまいます。その結果、HTMLタグが氾濫することになってしまったりもします。今回紹介するVisdownはMarkdownに足りないデータのビジュアル化機能を追加するソフトウェアです...

List

  • 2017/01/26

Treeverse - ツイートの広がりを可視化

Twitterでは日々盛んにコミュニケーションが行われています。ツイートをクリックするとWebサイト上で会話履歴が確認できます。しかし、それはすべて同じ時系列上に乗っており、複数人での会話が続くと分かりづらくなってします。そこで使ってみたいのがTreeverseです。ツイートの広がりをツリーに展開してくれるソフトウェア...