HOMEに戻る

生没年グラフ作成ツール (JavaScriptのページ)

良くある同時代人の生没年のグラフを簡単にHTMLで記述できるツールを作りました。


スタイルシートの使用

グラフの幅  
名前欄の幅  
年欄の幅   
棒グラフの太さ
グラフの文字色   タグに使える色の例
グラフの色  
棒グラフの色 
フォントサイズpt
生没年データ入力欄



<使い方>
生没年データ入力欄に、人物名、生年、没年をカンマかタブで区切ったデータを入力したのち、順番のボタンをクリックします。エクセルをお使いの方は、エクセルに入力後にコピー&ペーストすると簡単に出来ます。
一応、配列を50に指定していますので、50人分までのデータは受け付けます(でもそんなに入ってたら、見やすいグラフにはならないでしょう。) また、スタイルシートの使用・不使用、フォントサイズ、グラフの各要素のサイズや色を変更できます。
気に入ったグラフが出来たら、インターネットエクスプローラの場合は[表示]-[ソース]で表示したソースの方を"test.html"などという名前で保存してご利用ください。 実際には、画面コピーの上、GIFファイルなどに保存して使用する方が、プリントアウトなどの都合上便利と思われます。

※ アクセス拒否のエラーが出た場合、前回このプログラ ムから開いた出力用Windowに別のURLが表示されている可能性が有ります。 そのWindowを閉じても問題がなければ、[出力用Windowを一旦閉じる]をクリックしてから[サブルーチン抜書き]をクリックしてみてください。


入力データ例(よろしかったらコピー&ペーストで入力欄に貼り付けてみてください)
石田光成,1560,1600
織田信長,1534,1582
佐々成政,1536,1589
前田利勝,1548,1614
豊臣秀吉,1537,1598
前田利家,1537,1599
柴田勝家,1522,1583
明智光秀,1528,1582
徳川家康,1542,1616
モーツアルト,1756,1791
ハイドン,1732,1809
ベートーベン,1770,1827
シューベルト,1797,1828
シューマン,1810,1856
リスト,1811,1886
ウェーバー,1786,1826
メンデルスゾーン,1809,1847
樋口一葉,1872,1896
夏目漱石,1867,1916
福沢諭吉,1835,1901
伊藤博文,1841,1909
野口英世,1876,1928
新渡戸稲造,1862,1933
岩倉具視,1825,1883

グラフのサンプル(背景の色などに合わせてデザインできます)。
織田信長1534
1582
明智光秀1528
1582
柴田勝家1522
1583
佐々成政1536
1589
豊臣秀吉1537
1598
前田利家1537
1599
石田光成1560
1600
前田利勝1548
1614
徳川家康1542
1616


ハイドン1732
1809
モーツアルト1756
1791
ベートーベン1770
1827
ウェーバー1786
1826
シューベルト1797
1828
メンデルスゾーン1809
1847
シューマン1810
1856
リスト1811
1886
※メンデルスゾーンの名前が長いので、名前欄の幅を120にしてみました。

岩倉具視1825
1883
福沢諭吉1835
1901
伊藤博文1841
1909
新渡戸稲造1862
1933
夏目漱石1867
1916
樋口一葉1872
1896
野口英世1876
1928