<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>STNDE &#187; Tips</title>
	<atom:link href="http://stnde.com/archives/category/tips/feed" rel="self" type="application/rss+xml" />
	<link>http://stnde.com</link>
	<description>STNDEは、”DATA VISUALIZATION &#38; MEDIA ART”をテーマに色々な情報可視化やメディアアートを取り上げています。</description>
	<lastBuildDate>Mon, 26 Jul 2010 17:59:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language></language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>グラフ作成が簡単になる、10個のFlashコンポーネント</title>
		<link>http://stnde.com/archives/248</link>
		<comments>http://stnde.com/archives/248#comments</comments>
		<pubDate>Wed, 08 Apr 2009 17:52:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://stnde.com/?p=248</guid>
		<description><![CDATA[チャートやグラフを作成するというデータビジュアライゼーションに使えるFlashのコンポーネントの紹介]]></description>
			<content:encoded><![CDATA[<p> </p>
<p><a href="http://sixrevisions.com/flashactionscript/10-useful-flash-components-for-graphing-data/" target="_blank">10 Useful Flash Components for Graphing Data</a>という記事で、チャートやグラフを作成するというデータビジュアライゼーションに使えるFlashのコンポーネントが10個紹介されていましたので、昨今の「○○に使える、○○個のTips」メソッドに便乗して意訳/紹介させて頂きたいと思います。</p>
<p> </p>
<p>1.<a href="http://teethgrinder.co.uk/open-flash-chart-2/" target="_blank">Open Flash Chart</a><br />
<a href="http://teethgrinder.co.uk/open-flash-chart-2/" target="_blank"><img class="alignnone size-full wp-image-257" title="open_flash_chart" src="http://stnde.com/wp-content/uploads/2009/04/open_flash_chart.jpg" alt="open_flash_chart" width="468" height="220" /></a></p>
<p>まず最初に紹介するOpen Flash Chartは、Flex用のチャートコンポーネント。データ形式は、JSON形式で扱います。チャートがリサイズできたり、グラフをイメージファイルとして保存したりする事も可能な所が特徴です。<br />
ライセンス形式は、LGPLで基本的には、ドネーションウェアで使用する事が可能です。</p>
<p>Open Flash Chartのデモは<a href="http://teethgrinder.co.uk/open-flash-chart-2/area-hollow.php" target="_blank">こちらから</a></p>
<p> </p>
<p>2.<a href="http://www.maani.us/xml_charts/" target="_blank">XML/SWF Charts</a><br />
<a href="http://www.maani.us/xml_charts/" target="_blank"><img class="alignnone size-full wp-image-258" title="xmlswf_chart" src="http://stnde.com/wp-content/uploads/2009/04/xmlswf_chart.jpg" alt="xmlswf_chart" width="468" height="220" /></a><br />
XML/SWF Chartsは、XML形式のデータを利用して、グラフが作成できるコンポーネントです。</p>
<p>こちらのコンポーネントは、機能が限定されたバージョンであれば、フリーで使う事ができますが、フル機能版およびテクニカルサポート付きのバージョンは、$49と$59で提供されています。</p>
<p> XML/SWF Chartsのデモは<a href="http://www.maani.us/xml_charts/index.php?menu=Gallery" target="_blank">こちらから</a></p>
<p> </p>
<p>3.<a href="http://phpexperteditor.com/zxchart.php" target="_blank">zxChart</a><br />
<a href="http://phpexperteditor.com/zxchart.php" target="_blank"><img class="alignnone size-full wp-image-259" title="zxchart" src="http://stnde.com/wp-content/uploads/2009/04/zxchart.jpg" alt="zxchart" width="468" height="220" /></a><br />
zxChartはテキストファイル、XML形式をインポートしてグラフで表示する事ができるコンポーネントです。</p>
<p>コンポーネントは有償で、€15で購入する事ができます。</p>
<p> </p>
<p>4.<a href="http://www.amcharts.com/" target="_blank">amCharts</a><br />
<a href="http://www.amcharts.com/" target="_blank"><img class="alignnone size-full wp-image-260" title="amchart" src="http://stnde.com/wp-content/uploads/2009/04/amchart.jpg" alt="amchart" width="468" height="220" /></a><br />
amChartは、CSV形式、XML形式、PHPやRailsなんかのサーバーサイドからのレスポンスをグラフ化してくれるコンポーネント。Google Analyticsのように時間軸でソートができるグラフがサクッと作れてしまうのが特徴ですので、株価の遷移とかを表示するのには良いかもしれません。</p>
<p>amChartのデモは<a href="http://www.amcharts.com/column" target="_blank">こちらから</a></p>
<p> </p>
<p>5.<a href="http://flycharts.net/" target="_blank">Fly Charts</a><br />
<a href="http://flycharts.net/" target="_blank"><img class="alignnone size-full wp-image-261" title="flychart" src="http://stnde.com/wp-content/uploads/2009/04/flychart.jpg" alt="flychart" width="468" height="220" /></a></p>
<p>Fly Chartsはチャートのセクションにズームインする機能や大きなチャートになった時のスクロール機能、Javascript連携などの機能が使う事が可能なFlashコンポーネント。</p>
<p>Fly Chartsは、個人利用に関しては、Fly Chartsのサイトへリンクを貼る事で無償で使う事ができますが、商用利用の場合には$99〜$799の商用ライセンスを購入する必要があります。</p>
<p>Fly Chartsのデモは<a href="http://flycharts.net/gallery.html" target="_blank">こちらから</a></p>
<p> </p>
<p>6.<a href="http://www.stepaheadsoftware.com/products/chart/amichart.htm" target="_blank">AmiChart</a><br />
<a href="http://www.stepaheadsoftware.com/products/chart/amichart.htm" target="_blank"><img class="alignnone size-full wp-image-262" title="amichart" src="http://stnde.com/wp-content/uploads/2009/04/amichart.jpg" alt="amichart" width="468" height="220" /></a><br />
AmiChartは、他のグラフ作成コンポーネントに比べて、MS Officeとの連携がラクチンな所が魅力的です。例えば、エクセルで作成したデータをそのままインポートできたりする特徴があります。</p>
<p>値段は、15日間のフリートライアル付きで、$39。</p>
<p>AmiChartのデモは<a href="http://www.stepaheadsoftware.com/products/chart/amicharte.htm" target="_blank">こちらから</a></p>
<p> </p>
<p>7.<a href="http://www.blackboxchart.com/" target="_blank">Black Box Chart</a><br />
<a href="http://www.blackboxchart.com/" target="_blank"><img class="alignnone size-full wp-image-263" title="blackboxchart" src="http://stnde.com/wp-content/uploads/2009/04/blackboxchart.jpg" alt="blackboxchart" width="468" height="220" /></a><br />
Black Box Chartはフリーのコンポーネント。Black Box Chart editorというGUIツールも提供されています。</p>
<p>Black Box Chartのデモは<a href="http://www.blackboxchart.com/gallery.php" target="_blank">こちらから</a></p>
<p> </p>
<p>8.<a href="http://www.flashloaded.com/flashcomponents/flashcharts/" target="_blank">flashCharts</a><br />
<a href="http://www.flashloaded.com/flashcomponents/flashcharts/" target="_blank"><img class="alignnone size-full wp-image-264" title="flashcharts" src="http://stnde.com/wp-content/uploads/2009/04/flashcharts.jpg" alt="flashcharts" width="468" height="220" /></a></p>
<p>flashChartsはパイチャートやバーチャートなどの代表的な5種類のグラフ生成/ビジュアライゼーションが可能なコンポーネントです。12KBという軽量なコンポーネントになっている所も魅力ですね。</p>
<p>5つセットでの値段は、$99ですが、必要なグラフ毎に個別に購入する事も可能です。</p>
<p>flashChartsのデモは<a href="http://www.flashloaded.com/flashcomponents/flashcharts/images/barchart.html" target="_blank">こちらから</a></p>
<p> </p>
<p>9.<a href="http://www.fusioncharts.com/" target="_blank">FusionCharts</a><br />
<a href="http://www.fusioncharts.com/" target="_blank"><img class="alignnone size-full wp-image-265" title="fusionchart" src="http://stnde.com/wp-content/uploads/2009/04/fusionchart.jpg" alt="fusionchart" width="468" height="220" /></a><br />
FusionChartsは45種類もの、2D、3Dのチャートを生成する事ができるコンポーネント。</p>
<p><a href="http://www.fusioncharts.com/LiveDemos.asp" target="_blank">こちら</a>のショーケースでサンプルを見る事ができます。</p>
<p>ライセンスは、$69のユーザーライセンスから、$1,999のエンタープライズライセンスまで用意されています。</p>
<p>やはり値段がはるだけあって、3Dグラフィックのインパクト大なグラフを生成する事が可能です。</p>
<p>FusionChartsのデモは<a href="http://www.fusioncharts.com/LiveDemos.asp" target="_blank">こちらから</a></p>
<p> </p>
<p>10.<a href="http://origramy.com/gallery.html" target="_blank">Origramy</a></p>
<p><a href="http://origramy.com/gallery.html" target="_blank"><img class="alignnone size-full wp-image-266" title="origramy" src="http://stnde.com/wp-content/uploads/2009/04/origramy.jpg" alt="origramy" width="468" height="220" /></a><br />
Origramyは、グラフエディター&amp;ビューワーのコンポーネントです。インタラクティブを作る事が可能。個人利用ならリンク付きで無償で利用する事ができます。</p>
<p>商用利用の場合は、$99〜。</p>
<p>Origramyのデモは<a href="http://origramy.com/gallery.html" target="_blank">こちらから</a></p>
<p> </p>
<p>こんな感じにいくつかグラフのコンポーネントを紹介させていただいたのですが、コンポーネント以外にも、Flashのディベロッパーならライブラリを使うというのも良いかもしれないですね。</p>
<p> </p>
<p>個人的に面白いなぁと感じたのは、海外では、<strong>コンポーネントをPayPalやらで商用利用を積極的に行っている事</strong>。</p>
<p>今後こういったコンポーネントやライブラリを販売する事がキチンとしたビジネスモデルとして成立すると新しいマーケットや雇用の創出に繋がって行くと思うので一つのビジネス的な手法として期待したいと思いました。</p>
<p> </p>
<p>今回のコンポーネントとは別に、ライブラリとして個人的に良く使わせて頂いているのは、<a href="http://flare.prefuse.org/" target="_blank">Flare</a>というビジュアライゼーションに特化したAS3のライブラリです。</p>
<p>こちらは、グラフやチャートのみならず、ツリーマップやノード形式での表示など、もっと細かいビジュアライゼーションを行う事ができます。</p>
<p>ツリーマップのロジックとかってどうやって生成しているのかしら？と思った時にもライブラリとして提供されていると、ソースレベルで勉強する事ができるので、勉強がてら弄らせて頂いています。</p>
<p> </p>
<p>結構重量級(?)のライブラリですが、良かったら是非！</p>
]]></content:encoded>
			<wfw:commentRss>http://stnde.com/archives/248/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
