javascript - dc.js / crossfilter performance issue 12,000+ rows of CSV data -

javascript - dc.js / crossfilter performance issue 12,000+ rows of CSV data -

i'm having performance issues using dc.js , crossfilter. i'm creating set of graphs displaying different dimensions of cycling info (code here, info here, viewable here). charts render after few sec or two, main performance issues occur when clicking of graphs - transition animations kind of "snap" after delay, , it's bit jarring. i've noticed removing empty line chart @ top of page causes 3 remaining graphs perform much improve transitions returning normal.

i've looked @ few similar questions such this one, doesn't seem applicable since i'm not splitting multiple dimensions @ 1 time. 12,000 records getting toward upper end of crossfilter can handle? file 1.4 mb, seems little surprising there issues @ size, maybe demonstrates lack of understanding on part. appreciate pointers on 1 i'm stumped. reading.

usually means slowing downwards crossfilter updates, resulting in browser freezing until of transition done.

the thing sticks out @ me have 2 variable declarations in accessor function dayofweek dimension. improve define property up-front when load data.

the other possible problem see date object in info , dimension defined based on it. these types of complex objects can slow things downwards quite bit (and d3.js date parsing isn't extremely fast), don't see showing major problem in chrome profiler, don't think that's what's slowing downwards here.

javascript dc.js crossfilter