Vega & crossfilter (connecting scatterplot with table)

[Robert Feldt]

Thanks for your work on vega. I need to connect a scatterplot to a table via crossfilter but I didn't find much documentation on using vega with crossfilter. 

I did find:

http://vega.github.io/vega-editor/?mode=vega&spec=crossfilter

but nothing much more. 

Do anyone have pointers to documentation on what and how things can be connected in vega via crossfilter? Or maybe even know of examples more directly related to my need?

Thanks for any advice/pointers!

Cheers, Robert Feldt

[Roy I]

Hi Robert,

1. ds.js

The dc.js package (not Vega) integrates d3.js with crossfilter.js library. There are many examples available that include 2-D bubble plot and data table:

   http://square.github.io/crossfilter/

   http://dc-js.github.io/dc.js/

   http://www.d3noob.org/2013/07/crossfilter-dcjs-and-d3js-for-data.html

   http://www.d3noob.org/2013/07/introduction-to-dcjs.html

   https://becomingadatascientist.wordpress.com/tag/crossfilter-js/

2. Vega

The current version of Vega (v2.5.0) is built on d3.js but does not use crossfilter.js. The Vega example "crossfilter" is implemented entirely using Vega grammar. The spec can be modified to display a scatter plot (not aware of any examples).

Note: Vega has no built-in support for displaying data records in tabular format. 

3. Vega-Lite

Vega-lite 1.0 has been released and possible future "support for linked views with cross-filtering":

   https://medium.com/@uwdata/introducing-vega-lite-438f9215f09e#.2thznv6bl

Hope this helps.

[Martin Virtel]

I attached a screenshot from a vega viz I did which visually "simulates" a table with text and rectangle marks. The table updates according to the filters you select, much like crossfilter / dc.js would handle it. If you're interested, I'll invest an hour to sanitize the data (it's a non-public project) and make a version of it public. 

[Arvind Satyanarayan]

Hi Martin,

This looks great! I would love to see a public version, and perhaps you could add a link to the Gallery as well? https://github.com/vega/vega/wiki/Gallery

-Arvind

-----

Arvind Satyanarayan <http://arvindsatya.com/>

--
You received this message because you are subscribed to the Google Groups "vega-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to vega-js+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Martin Virtel]

Will do, not today though. Thanks for the work you're putting into vega, it's a great tool - M

[Robert Feldt]

Martin, did you ever have time to make this example public? It would be so great to have something to start working from; your solutions looks like what I'm looking for.

Cheers,

Robert Feldt

[Martin Virtel]

Very close - pushing for a decision by my client ;-) M