Libraries we use

[shawnbot]

This is a call for an accounting of all the frontend libraries and frameworks that we've used on 18F projects, inspired by CFPB's. Specifically:

• I'd like to call out stuff that we're using purely for backwards compatibility, so please list any shims, polyfills, etc. under a Backwards Compatibility (or BC, if you prefer) heading.
• If you're using a package manager such as Bower or npm, please list it! npm users, please also list any bundlers (e.g. Browserify or Webpack) and ES6 transpilers (e.g. Babel or Esperanto).
• If your project includes frontend (functional) tests, please note what you've used to write the tests, e.g. Selenium in Python, Mocha in Node, QUnit, Karma, etc.

[shawnbot]

CALC (github)

CSS

• Skeleton

JS

• D3 for rendering charts and general DOM manipulation
• jQuery autoComplete, though I would prefer to ditch this and use Awesomeplete
• formdb for storing state in HTML forms
• jQuery
• vex for modal dialogs
• canvg for rasterizing charts
• Tooltipster for fancy tooltips

Backwards Compatibility

• History shim for transparent location.pushState() support in IE9
• FileSaver for saving the rasterized charts
• canvas-toBlob.js for encoding canvas pixel data

Testing

All functional tests are done in Python with Selenium. There are QUnit tests for the JavaScript API.

[shawnbot]

EITI v1 (github)

CSS

• Bourbon and Neat
• Font Awesome

JS

• D3 for rendering charts
• crossfilter to support dc.js
• dc.js, a "dimensional charting" library that uses D3 and crossfilter
• d3-tip for tooltips in charts
• Tipped for other tooltips (?)
• jQuery
  • jScrollPane for styling scroll bars
  • ScrollToFixed for making elements stick to the top and bottom of the viewport
• Mapbox.js, which includes Leaflet for mapping

Backwards Compatibility

• html5shiv for styling HTML5 semantic elements
• es5-shim for general JS backwards compatibility in old IE
• jquery.iecors for better CORS support in IE8 & 9
• jQuery Extra Selectors

[shawnbot]

Tock (github)

CSS

• Bourbon and Neat
• Font Awesome

JS

• D3 for rendering charts
• document-register-element polyfill for enabling custom elements
• datalib for supporting chart data accessors and templates
• jQuery
• Chosen for nice select inputs
• Underscore (?)

Backwards Compatibility

• html5shiv for styling HTML5 semantic elements
• Respond.js to get CSS breakpoints working in old IE

[shawnbot]

openFOIA (github)

CSS

• Bourbon and Neat
• Font Awesome

JS

• jQuery
• Typeahead.js
• Handlebars

[jmcarp]

openFEC | package.json

JS

• Browserify
• DataTables
• D3
• Gulp
• jQuery
• swagger-ui
• Typeahead.js
• Underscore
• URI.js

CSS

• Bourbon and Neat

Integration tests

• Selenium in Python

@msecret anything missing?

[juliaelman]

Pulse | github

CSS

• Bourbon and Neat

JS

• jQuery
• D3
• Datatables
• querystring

Backwards compatibility

• Modernizr

[msecret]

On openFEC, EventEmitter2

[shawnbot]

EITI v2 (in progress) (github)

CSS

• Bourbon and Neat

JS

• D3 for rendering maps and charts, and general DOM stuff
• document-register-element polyfill for custom elements
• colorbrewer for creating color scales

Backwards Compatibility

• aight for general JS backwards compatibility in old IE