More often than not, web sites that use bar charts display the data horizontally. I believe that vertical bars are what the eye naturally expects.

Two types of vertical bar charts are available. A "percentage" type, and a "range of values" type. The percentage type supports both negative and positive values, including decimals. The range of values type supports any range of positive integers, or starting from zero. e.g. 0 to 12,500, or 5,000 to 87,250.

Both types can be simultaneously displayed on the page. Both types may have as many bars as needed.

Unlike horizontal charts, both types of these vertical bar charts are always the same height, regardless of the data being displayed. The number of bars per chart determines its width. A standard height is easier to manage for page layout.

Each chart has a "title", and every bar has a caption. The range of values type displays a reference scale on the left hand side of the chart.

Why spend time trying to learn how to use one of the large and complicated JavaScript libraries or frameworks? Minimal coding is needed. Copy and paste a section of markup, insert or remove bar / caption pairs, edit a JavaScript array, and you´re done.

For those with JavaScript disabled, a link to your text only document is displayed instead of a lot of unused markup. No HTML element NAMES or IDs are used, greatly reducing the chance for conflict when inserting a chart in to an existing page.

Tested in IE and FF.