データビジュアライゼーション・ツール20選 – lab.sugimototatsuo.com
この記事はThe top 20 data visualisation toolsの原著者許諾済みの日本語訳です。 By Brian Suda on September 17, 2012 Translated by Tatsuo Sugimoto 2014年4月28日更新：オリジナル記事が以前のサイトから移転したため発生していた画像の非表示に対応しました。 わたしがもっともよくきかれる質問のひとつが、データビジュアライゼーションを始める方法についてです。このブログの先へ進むには、練習し、さらに実践し、利用できるツールを理解する必要があります。この記事では、シンプルなチャートから複雑なグラフ、地図、インフォグラフィックスまで、ビジュアライゼーションを作成するための20種類のツールを紹介しようとおもいます。ほとんどのツールは無料で利用でき、そのうちいくつかはすでにインストール済みかもしれません。
Information is Beautiful
we’re an independent collective making sense of the world with infographics & data-visualswe turn data, information and knowledge into interactive graphics, stories, live performances and books Stories about Arts & Culture Dataviz & Design Food & Drink Gender & Diversity Ideas & Perception Just For Fun Money & Economy Nature & Climate Science & Health Tech & Digital Beautiful News
Google Analyticsでサイトのことが丸分かりのバブルチャートをフル活用する方法 | nanapi [ナナピ]
バブルチャート使っていますか？ 「Google アナリティクスの中で最もサイト改善のヒントを見つけやすいグラフはどれか？」と聞かれたら間違いなく「バブルチャート」と答える筆者です。こんにちは。 しかし、Googleアナリティクスの解説や機能紹介を行っているサイトでなかなかお目にかかりません。そもそも「バブルチャートってGoogle アナリティクスで見られるの？」と思っている方も多いかもしれません。ぜひ、この記事を読んでいただき、その魅力に取り付かれてください！ Googleアナリティクスの画面を確認する前に、「バブルチャート」とは何かを確認しておきましょう。 そもそもバブルチャートとは？ 以下が、バブルチャートの画像になります。Excelなどでも用意されているグラフの1種で、3つの変数をひとつの図で表現できることが出来るのが特徴です。 X軸で1つの変数、Y軸で1つの変数、円の大きさで1つの
Create and share free Gantt chart - Twproject Gantt
Gantt online is served by Twproject project management software - Discover how to get your projects done! x Create and share free Gantt chart Twproject Gantt editor is a free online tool for creating and sharing Gantts Start now, it's free! Twproject Gantt is a free online Gantt chart editor to easily create & update your projects. Create complex structure, add dependencies and identify critical p
freebies-vector-for-infographic-and-presentation.html
グラフやチャート、マップ、人物、吹き出し、リボンなど、インフォグラフィックやプレゼン用のベクター素材をfreedesignfileから紹介します。
驚くほど簡単にインフォグラフィックを作成できる無料ツール７選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. インフォグラフィックは、あなたの読者やファンを楽しませるコンテンツとして最適なものの一つだ。 さらに、ソーシャルメディアエキスパートのDan Zarrellaは、１万のFacebookページの中から合計１３０万の投稿を調べた結果、最も安定して多くのシェアを生み出すコンテンツは、画像コンテンツだということを発見した。 ※画像コンテンツの平均的なシェア率は0.25%、次に文字投稿で0.17%、３番目は動画投稿で0.1%。単なるニュースなどへのリンクの場合だと、0.04%しかない。 そして、ソーシャルメディアを有効活用するための、最も効率的な戦略は、見た目にも面白く、人の役に立つ画像コンテンツを定期的に提供することだという結論を出している。 こ
新感覚フォント。数字と足し算からグラフを生成「FF Chartwell」 | ビジュアルシンキング
変わったフォント「FF Chartwell」を紹介します。 数字と足し算からグラフを生成できます。 AdobeのIllustrator、InDesign、Photoshopで使えるようで（参考）、フォントとして「FF Chartwell」を選び、テキストに足し算を打ち込んで変換をかけるとグラフになります。 グラフ生成手順は言葉で書くよりも、プロモーション・ムービーを見た方がわかりやすいと思います。 使う文字は、数字と足し算だけのようですね。 美しいグラフが簡単に描けそうです。 「FF Chartwell」フォントは全部で7種類あり、それぞれ対応するグラフが異なります。 フォント・レーベル「FontFont」がこちらで販売しています（1種類 $25）。
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
NVD3
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow
ネットワーク図の書き方 - Akio's Log
先月から出稼ぎで東京に来てます。毎年、プロジェクトの特性上、３〜４月に空きが出てしまうので、仕方のないことなんですが。 で、最近ネットワーク図を書く仕事をしているのですが、ちゃんとしたネットワーク図を仕事で書くのは初めてのことでしたので、「コツ」をつかむまでだいぶ時間がかかってしまいました。 その過程で、いろいろと参考にしたサイトをまとめてみます。 書籍 ネットワーク現場の教科書 改訂版 （マイコミムック） (MYCOMムック) 作者: IDG出版社/メーカー: 毎日コミュニケーションズ発売日: 2011/03/31メディア: ムック購入: 1人 クリック: 9回この商品を含むブログ (2件) を見るこれはネットワークの教科書 改訂版 （マイコミムック） (MYCOMムック)の実践編的な内容ですが、本当に役に立ちました。ネットワーク図を書く際には、物理構成図と論理構成図をきちんと分けて書か
プロジェクト管理に使ってみたい。jQuery製のガントチャートライブラリ·jQuery.ganttView MOONGIFT
jQuery.ganttViewはjQuery製のガントチャート表示ライブラリです。 jQueryを使ってガントチャートを表示するライブラリがjQuery.ganttViewです。表示だけでなくデータのメンテナンスもできるようになっています。 いい感じにガントチャートが表示されています。 ドラッグでタスクを左右に移動させられます。 期間の変更は枠の端をドラッグします。 データはJSONで与えるだけです。 jQuery.ganttViewは表示系のライブラリなのでデータベースに蓄積された内容をガントチャートにして表示すると言った使い方が便利そうです。なお表示はタスクごとに横に表示される形で、複数のタスクを同一線上に表示することはできないようです。 jQuery.ganttViewはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGI
【記事紹介】企画書を作るのに便利なWEBサービスまとめ
うわーこれとてもありがたい！ 企画書を作るのにも便利だけど、ブログ書いたり、レポートを作ったりするのにもめちゃめちゃ使えそう。個人的には自分の考えをまとめるのに使いたい 企画書を作るのに便利なWEBサービスまとめ
Chromeでフローチャートやマインドマップを簡単に作図できる LucidChartで遊ぼう!! - 週刊アスキー
『LucidChart』はブラウザー上でさまざまな図を手早く簡単に作成できる作図ツールだ。豊富なテンプレートを元に、さまざまなシェイプをドラッグ・アンド・ドロップで配置。シェイプどうしを線でつないだり色分けすることで、専用ソフトにもひけを取らない本格的な作図を行なえる。
WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ:phpspot開発日誌
WEBサービスで使えるPEAR以外で有名なPHPモジュール総まとめ 「WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ」というエントリで先日PEARの便利ライブラリについてまとめたのですが、今回はPEAR以外でも有名なライブラリをご紹介。 PEAR以外で挙げていくときりがありませんが、とりあえず有名どころや、私の知っている物、過去に当ブログで紹介したものをまとめてみます。 他にも便利な物や定番の物がありましたら、@phpspot_kj までTwitterなんかで教えてください。 グラフ描画 JpGraph ありとあらゆるグラフを描画してくれる有名なグラフライブラリ。 pChart グラフにデザイン性を求める場合に使えるクールなグラフ描画ライブラリ PHP/SWF Charts PHPでグラフをFlashで描画出来るライブラリ。グラフに動きを出してインタラクティブ
［ウェブサービスレビュー］オンラインでガントチャートが使えるプロジェクト 管理サービス「ブラビオ・プロジェクト」
内容：「ブラビオ・プロジェクト」は、オンラインでガントチャートが利用できるプロジェクト管理サービスだ。複数メンバーで閲覧、編集ができるほか、ToDo管理や掲示板機能も備えているため、社内外を超えたグループワークがこれ単体でできる。 「ブラビオ・プロジェクト」は、ガントチャート表示が可能なプロジェクト管理サービスだ。オンラインでガントチャートを作成して管理でき、複数メンバーで閲覧、編集ができることから、グループワークに適しているほか、個人の作業工数の管理にも適している。11月末日まですべてのプランが無料で利用できるリリースキャンペーンを展開しており、それ以降も最大5人までは無料プランを利用できる。 プロジェクトの工数管理に用いられるガントチャートは、専用ソフトも存在しているほか、Excelで作成するためのマクロなども多数公開されているが、いかんせん複数のメンバーで共有しようとすると、LAN上
Google Public Data Explorer
The Google Public Data Explorer makes large datasets easy to explore, visualize and communicate. As the charts and maps animate over time, the changes in the world become easier to understand. You don't have to be a data expert to navigate between different views, make your own comparisons, and share your findings.
Webで数式を簡単に使う方法 | Okumura's Blog
以前Webで数式を書く方法について書いたが，今なら Google Chart Tools のAPIを使うほうが簡単。例： <img src="http://chart.apis.google.com/chart?cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}" alt="" /> URL中に使えない文字は%16進2桁で表記する。例えばスペースは試した限りではそのまま使えたが用心するなら%20とする。詳しくはGoogleの解説 Mathematical (TeX) Formulas 参照。 問題点：ピクセルサイズの指定はできるが，標準の2倍の大きさにしたいという指定はできないみたい。
オープンソース化したFlashを使ったグラフライブラリ·FusionCharts Free MOONGIFT
このソフトウェアは以前に紹介済みだが、オープンソース化されたので再度紹介したい。Webアプリケーションにとってグラフは鬼門ではあるが、実現できればユーザビリティを向上できる大きな機能の一つだ。ただの一覧や数字を並べただけでは分からない、具体性を感じられるようになる。 複雑なグラフも難なくこなす グラフを表示するのはHTML、画像、Canvas、Flashが有力で、Flashベースのものが最も表現力に富んでいて多数のブラウザをサポートするだろう。そんな表現力の高いグラフライブラリがFusionCharts Freeだ。 今回紹介するオープンソース・ソフトウェアはFusionCharts Free、Flash + XMLによるグラフ生成ライブラリだ。以前はフリーウェアだったが、ついにオープンソース化された。 FusionCharts Freeはグラフの表示にXMLを用いる。そのためサーバサイド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Morris.js
シンプルな無料フローチャート作成ツール『Diagram Designer』 | ライフハッカー・ジャパン
