Fix some javascript / D3.js / Dimple.js

General information for the website: We need to create a chart / table combination which reads from a csv file
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: Bug fix and finish off a bar chart, table combination.

We've got a single page which has to load a dimple.js bar chart, (using the filtered and sliced data we've already processed) underneath that we want a sortable html table that presents the data in the chart. We also want to be able to filter the chart and table according to the Year buttons that feature above the bar chart. (The correct filter behaviour can be seen here: http://sn-ncc-crossfilter.s3-website.eu-central-1.amazonaws.com/)

We've already build the HTML code for the page, we've also got the code to read and process the csv file, and to render the table, the code for the chart is also there, but it is not working.

Attached are all of the files required for the site.
Description of requirements/features: Update categories.html and categories_graph.js to achieve the following:
1. Correctly render the bar chart (should be horizontal bar with the top ten categories listed)
2. Implement the year filtering so that the bar and table is filtered by clicking on the year buttons
3. Add the YYYY column to the table
4. Make the table sort when the user click on the headers
5. Add carets to show which column is sorting and by which direction
6. Add styling to the table showing alternate row highlights (styling example can be found in pipeline.html)
Similar urls: http://sn-ncc-crossfilter.s3-website.eu-central-1.amazonaws.com/


Extra notes:
Please tell me how long you think it will take to complete.