Using dimple with crossfilter any examples

[farrukhsubhani]

Is it possible to use dimple with crossfilter like dc.js to draw for example bar chart http://dimplejs.org/examples_viewer.html?id=bars_vertical and still allow filter. Is there any plan for such a thing in future.

[GJ2511]

yes you can

1. define dimesions in crossfilter
2. make appropiate groups on dimensions.
3. by using groups make data in same structure as the chart needs it.
4. then give this data to chart while drawing

[norecces]

In addition to what @GJ2511 recommended constructed data at point 3 should be not linked with crossfilter object since dimple.js makes data manipulation inside. After you catch crossfilter event you should draw your chart with new constructed data.

[frenchbread]

Could you please provide any super simple example that uses dimple & crossfilter?
@norecces @GJ2511

[norecces]

Hi @frenchbread

Look at the dummiest example ever
https://jsfiddle.net/norecces/6mjp764q/

[frenchbread]

@norecces Looks much simpler than I thought :)

Thanks!

[norecces]

@frenchbread I think the most common way to use crossfilter is to create multiple charts on the same page, which represent different dimensions of the same data. Next step is to handling selection of datum on one chart and perform updates on the other charts (filter dimensions). But when the initial data is large and there are a lot of dimensions - keep in mind that user experience will suffer from lags.

[frenchbread]

@norecces When using original D3.js with lots of dimensions, everything processed quite smoothly. (Depends on amount of data of course)

My initial question was actually about if it possible to make same "range" selections on a line chart for example like in D3.js. In D3.js it is done behind the scenes, so no need to set it up manually.

Wondering if it is possible to use same approach in dimplejs?

[GJ2511]

You have to either update or re-render you chart accordingly. Crossfilter just allows you to play with data client side only (i.e, apply filters)