データ可視化に貢献するチャートCSSフレームワーク・「Charts.css」
Charts.cssはデータ可視化のためのチャートCSSフレームワークです。HTMLによるデータビジュアライズの際にスタイリングをサポートするクラスを提供してくれます。 面や棒、折れ線、円やドーナツなどよく見かける一般的なチャートやこれらのマルチデータ、パーセンテージや積み上げ式、3Dなど様々なビジュアライズも対応されています。 少しクセがある印象ですが、慣れれば問題なさそうでした。HTML形式のデータに対応する場合にあると作業がかなり楽になりそうですね。 動作サンプル及び簡単に使い方のご紹介です。基本的にはtableが使われ、classを付与する事でビジュアライズされます。 <table class="charts-css"> ... </table>単なるtableをビジュアライズするにはCharts.cssを読み込んだうえで上記のようにcharts-cssというclassを付与します
Gipeda - Gitリポジトリのログを静的HTML化
プログラマーのパフォーマンスを測る一番のツールはバージョン管理のリポジトリを見ることです。コード量を増やせばいいわけではありませんが、日々のコーディング結果が反映されるのは間違いなくリポジトリです。 そこで使ってみたいのがGipedaです。GitHubに限らず、そのコミット歴などを可視化してくれるツールになります。 Gipedaの使い方 Gipedaは静的なHTMLファイルを生成します。 コミット一覧をクリックすると、変更したファイルの内容が分かります。 コミット履歴のグラフ化もできます。 Gipedaはローカルで使えますのでGitHub以外はもちろん、オフラインでも使えるのが利点になります。また、静的なファイルを生成するので任意のサイトにホスティングすることができます。 GipedaはPerl製のオープンソース・ソフトウェア（MIT License）です。 Gipeda itself –
無料で簡単に埋め込み可能なグラフが作れる「Chartspree」
ウェブページにグラフを挿入したい場合、専用のソフトでグラフを作成したり、画像を作成したりしなければならないわけですが、これは非常に面倒な作業です。しかし「Chartspree」なら、ページソースに埋め込みコードを加えるだけで簡単にきれいなグラフを挿入でき、月1万ビューまでならば無料で使用可能です。 Chartspree | Make charts in seconds http://www.chartspree.com/ 「Chartspree」のコードを埋め込む際は、イメージタグにグラフごとのコードを貼り付ければOK。 <img src="//(ココにコードを入力)" > Chartspreeで作ることができるグラフは大まかに3種類で、それぞれ「svg?」以下の文字列を自由に変更することができます。 ◆棒グラフ コード：api.chartspree.com/bar.svg?Foo=1,1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
