トーナメント表を Google Chart Tools で作成

- コメント

グラフなど図表をWEB上に描画するのは何かと困難がつきまとうけれども、Google Chart Tools はこれを容易にする。
以前、ゲージを使ったが、あんがい敷居は高くなかった。

Google Chart Toolsを使ってサイトマップを描こう! : アシアルブログを読んで、orgchart の組織図はトーナメント表の作成にも応用できるじゃないか? と思った。
トーナメント表は、エクセルで書いてPDFに変換したり、Illustrator で描いて画像に出力してから、WEBに表示するというのが一般的かと思う。しかし内容のアップデートが面倒だ。
これを orgchart によって php を介し javascript を動的に変えてみる(例:次の準決勝の部分のみ書き換え可能にした)。

echo " [{v:'semi1', f:'$semi1'}, 'top'],\n";
echo " [{v:'quater1', f:'$quater1'}, 'semi1'],\n";

基本は、Organizational Chart のチュートリアルを見れば出来る。
チーム(選手)数など addRows 部分も php で指定するようにすれば、応用の幅が広がると思う。

最近の記事
政権タイムライン(2012年5月24日)/ 横浜の防災地図(2012年5月18日)/ jqueryでinfoWindow代用(2012年5月12日)/ 4月の地震(2012年5月10日)/ Resizable Google Maps(2012年5月 9日)/ 全国の地下鉄路線図(2012年4月27日)/ Re: Google Maps API 3 + PHP + SimpleXML(2012年4月25日)/ addDomListener(2012年4月23日)/ アンダー・アーマー(2012年4月19日)/ 「カテゴリ」は必要か(2012年4月17日)/ すべての記事一覧