title: dc.js / crossfilter performance issue 12,000+ rows of CSV data
body: <p>I'm having some performance issues with using dc.js and crossfilter. I'm creating a set of graphs displaying different dimensions of some cycling data (code <a href="https://gist.githubusercontent.com/kylejshaffer/905bad685b888e9edbb8/raw/de48898b005de41dfdef71f3630bc66fdc634910/index.html" rel="nofollow noreferrer">here</a>, data <a href="https://gist.githubusercontent.com/kylejshaffer/905bad685b888e9edbb8/raw/bd02c9be15f9e77e888d4e15f4e55116e44b8402/rides.csv" rel="nofollow noreferrer">here</a>, viewable <a href="http://www.unc.edu/~shafferk/catl_interface/chart.html" rel="nofollow noreferrer">here</a>). The charts render after a few second or two, but the main performance issues occur when clicking any of the graphs - the transition animations kind of "snap" after a delay, and it's a bit jarring. I've also noticed that just removing the empty line chart at the top of the page causes the three remaining graphs to perform much better with transitions returning to normal.</p>
  
  <p>I've looked at a few similar questions such as <a href="https://stackoverflow.com/questions/23516190/performance-issue-using-dc-js">this one</a>, but this doesn't necessarily seem applicable since I'm not splitting by multiple dimensions at one time. Is 12,000 records just getting toward the upper end of what crossfilter can handle? The file is only about 1.4 MB, so that seems a little surprising that there would be issues at this size, but maybe all this demonstrates is a lack of understanding on my part. Would greatly appreciate any pointers on this one as I'm stumped. Thanks for reading.</p>