javascript - 带有 2-d 刷涂的交叉过滤器散点图

Question

我正在考虑使用 crossfilter 在散点图上进行刷亮，目前还不清楚如何去做；我仔细看了canonical example还有迈克的scatterplot matrix brushing d3代码。

特别是，我的问题是:

1. 查询:我不确定如何对交叉筛选进行二维查询。我应该:

   一个。自己做 2 个 1-d 查询和相交结果？

   制作一个二维维度(即类似于 data.dimension(function(d){ return [d.x, d.y];}))，并在其上使用自定义过滤器函数？

2. 性能:绘制散点图需要大约 150 毫秒(而绘制直方图大约需要 10 毫秒)。这使得实时更新(即使查询速度很快)也不是很好。

Answer 1

您是否考虑过使用 DC.js ？

DC.js 是一个 Javascript 图表库，它扩展了 D3.js 并具有 crossfilter支持。我刚开始将它用于条形图，但我还没有尝试将它用于散点图。它允许您以交互方式过滤和放大子集，并且使用 crossfilter 速度很快。