CRFB's Comparison Tool provides side-by-side comparisons of nearly 50 deficit reduction plans that have been proposed by think tanks, members of congress, experts, and advocacy groups. The project goal was to develop a web-based alternative to a static PDF document. The result is a dynamic table that allows users to expand and collapse cells to show more or less information, and create custom side-by-side comparisons.
Committee for a Responsible Federal Budget, Washington DC
Nonprofit Organization | Think Tank
General Audience, Voters, Researchers, Policy Advocates, Policymakers, Journalists and the Media
Government | Public Policy | Reform | Politics
PDF of Content/Data, Banner and Page Wrapper Template
May 2011
Layout Design
Design Comps, Custom Form Elements
Production Website with Content Management System
Functional Enhancements
The project's greatest challenge was figuring out how the information — nearly 50 plans forming 45 pages of text — could be usefully presented in an aesthetically pleasing and highly functional manner. The solution was an interactive table where the main columns can be expanded. The effect is powered by custom written jQuery.
Similar to a product comparison tool, the site allows visitors to produce a custom table that compares the complete details of up to three plans side by side.
Most of the deficit reduction plans featured on the site provide numeric projections of their impact on such things as revenue, spending and government debt. The Comparison Tool allows users to sort the plans based on those projections. The function was accomplished using the Tablesorter.js plugin along with custom graphics to match the rest of the interface.
Before the Comparison Tool was built, all of the data was presented in a PDF file. That was handy for occasional printing needs, but updating and reposting the file was a maintenance burden. The Comparison Tool website eliminated that burden without sacrificing function. Visitors are still able to produce and print the complete table. It's all done dynamically using a secondary template. As soon as the website is updated, so is the print version, automatically.
The website is powered by the CMSense content management system, a lightweight and highly flexible CMS. This allows for nearly 100% of the tool's content to be maintained without developer assistance. Content managers can add new plans, revise data/content in the existing plans, and remove plans from the master table. They can also "pin" featured items to the top of the table, separate the plans into categories, and provide links to other resources.