protovis templates

A pyramid chart may be used to compare two sets of data that share the same categories. Think of this as an alternative to a stacked bar chart.

Edit, input your data

Editing the data in the file is fairly strait forward. There are three values you can edit and they are labeled "sharedLabel", "barData1" and "barData2". Each is followed by a colon : and a value you can change. The value following "sharedLabel" can be a number or a string (text in quotes). The values following "barData1" and "barData2" must be a number.

Edit basic chart settings

The next section allows you to customize the size, positioning, color and other elements of your chart. Each is explained with a comment in green that will not affect your code.

Advanced settings

This section has information to automatically redraw the chart when the data changes. You shouldn't have to edit here with one exception. If you want to highlight a specific bar, change the activeBar number.

A special thanks goes out to Kevin Wiatrowski, one of our Interactive Census Workshop Fellows, who figured out how to put this together.