Datatable to barchart without images, libraries or plugins

Following the results of a survey on library use by developers I was asked to make it easier to do a head to head comparison of the data of one of the questions. I thought it’d be interesting to start a dynamic bar chart from scratch and it is incredible just how easy these things are nowadays.

Animated barchart from datatable example

Here is the final result:

If you don’t want the barcharts to show up but check if meter or progress is supported instead, add a parameter to the URL:

  • [Plain data table (no JavaScript experience)](http://codepo8.github.com/data-table-to-barchart-test/?nojs)
  • [Barchart version](http://codepo8.github.com/data-table-to-barchart-test/)
  • [Meter (on Webkit/Opera) or Progress (on Firefox) version](http://codepo8.github.com/data-table-to-barchart-test/?checksupport)

This is an interesting little demo as you’d probably be tempted to use meter from the get-go, but thinking about the data here makes a data table the best starting point.