カンマ区切りの数値の列（1列のみ）と対応する色を指定するだけで、簡単に横棒グラフが描けます。

このコードで、1ページ中に複数の横向きバーグラフを表示させることができます。

与えられた複数の数値について全体からみた割合を計算し、svgのviewPortの横幅を100%として、数値に応じた幅で塗り分けています。
（メリットがあまりないですが、縦線だけで構成されている国旗などの描画にも利用できます）

↓以下が実際のソースサンプルです。

▼JavaScript

▼CSS

▼HTML

デモページは、こちら