Googleチャートを使用した解決策を提案していないため、この回答が気に入らない場合がありますが、少し我慢していただければ、これが役立つか、少なくとも有益であることがわかるかもしれません. とにかく、純粋な HTML と CSS のグラフ作成ソリューションでは、多くの高度な視覚化の機会を提供することはできませんが、実際の経験に基づいて、棒グラフに関して CSS と HTML だけでかなり多くのことができると私は考えています。 . A List Apart に関する Wilson Miner の記事「Accessible Data Visualization with Web Standards 」を読むことをお勧めします。
次に、実装しようとしているチャートを模倣する、このフィドルの次の簡単で汚い CSS/HTML グラフを検討してください。
http://jsfiddle.net/9mJzd/
ここでは、棒グラフの一部のみを貼り付けます。また、フィドルの CSS を確認する必要があります。
<td>
<div class="BarWrap">
<div class="BarBar" style="width: 100%;" title="Ty Cabbage: .426"></div>
<div class="BarAvg" style="left: 62%" title="League Average: .278"></div>
</div>
</td>
jQuery とツールチップ プラグイン (jQuery UI のツールチップなど)を追加するだけで、棒グラフに対話機能が追加されます。