[JS]アクセシブルな円・棒・折れ線グラフとスライダーのスクリプト
Post on:2008年3月27日
ajaxianのエントリー「Filament Group’s Accessible Extensions」から、filament groupの円・棒・折れ線グラフとスライダーのスクリプトを2つ紹介します。
![グラフとスライダーのキャプチャ](/wp-content/uploads/2008032704.png)
アクセシブルな円・棒・折れ線グラフのスクリプト
Creating accessible charts using canvas and jQuery
デモページ
表組みのデータをグラフィカルに表示するスクリプトです。表組みのデータは、ブラウザで変更が可能で、円グラフにも反映されます。
スクリプトオフ時には、表組みのデータが表示されます。
表組みのデータは、円グラフのほかに折れ線グラフ・棒グラフなどで表示することもできます。
アクセシブルなスライダーのスクリプト
![アクセシブルなスライダーのスクリプトのキャプチャ](/wp-content/uploads/2008032703.png)
Developing an accessible slider
デモページ
セレクトボックスのデータを、視覚的に分かりやすいスライダーにするスクリプトです。セレクトボックスとスライダーは、互いに連動します。
スクリプトオフ時には、セレクトボックスが表示されます。
スクリプトは、2つともjQueryのプラグインのため、設置にはjquery.jsが必要です。
sponsors