Scatter Plot not filtering

[umdjm]

I am having an issue with the scatter plot feature. This chart type does not seem to filter the same way other charts do.

Here is an example: http://jsfiddle.net/djmartin_umich/m6ppf/

When I filter the typeDimension, I can see the row chart gets filtered but the scatter plot does not.
typeDimension.filter("foo");
dc.redrawAll();

My expectation is that the scatter plot would update to show only the points that fit with the filter criteria. I am submitting an issue now because after more investigation I'm fairly convinced that this is a bug.

Thanks!
DJ

[amergin]

I have noticed this too - many of the functionalities you'd expect from the scatter plot aren't there. I just thought this is because the implementation is not ready, after all it's in the unstable version.

[gordonwoodhull]

The problem here is that you need to control something about the visibility of dots by the "value" of each segment in the group - i.e. the sum. Or, alternately, to filter the data by its value before rendering.

I got your fiddle sort-of-not-really-working with a renderlet, just to show the idea:
http://jsfiddle.net/m6ppf/43/

Of course this isn't acceptable because stuff is appearing and then disappearing; I was just seeing if anything could be done without fixing dc.js.

Better would be to have either opacity or symbolSize controllable with a function parameter - right now there doesn't seem to be any way to control opacity based on data during rendering (maybe this should be in colorMixin?), and symbolSize only takes a constant, not a function.

Fixing symbolSize so it accepts functions would probably be the easiest fix.

It also doesn't look like there is a listener for just that moment when the symbols have been created but haven't started transitioning yet, so I don't see any workaround.

Filtering the dots before drawing anything is also promising... I guess it would require joining the data with a key.

[gordonwoodhull]

P.S. I am still using 1.6, which doesn't have a scatterplot just bubblechart. I had the same problem and solved it by assigning radius to a function on value - so that's why I think that would be the easiest fix.

[NickQiZhu]

I did the original scatterplot implementation and as far as I can remember
scatterplot should respond to filter event just like anyother chart though
haven't worked on dc.js for a while so I am not sure what the current state
is. Though like Gordon mentioned v2 on master is not released yet so it
could be simply just incomplete implementation.

Nick

On Sun, Jan 5, 2014 at 5:57 PM, Gordon Woodhull notifications@github.comwrote:

P.S. I am still using 1.6, which doesn't have a scatterplot just
bubblechart. I had the same problem and solved it by assigning radius to a
function on value - so that's why I think that would be the easiest fix.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/491#issuecomment-31618488
.

[gordonwoodhull]

Yes it works the same way bubble charts did in 1.6, just there is no way yet to assign an aesthetic variable to track the value.

I don't think there has ever been a feature to disappear elements on any plot, either by filtering or by aesthetics, when the value hits zero. Am I correct?

I think it would be appropriate to have some overrideable default for scatterplots that does this. I don't have a concrete proposal yet and welcome feedback.

On Jan 6, 2014, at 9:55 AM, Nick Zhu notifications@github.com wrote:

I did the original scatterplot implementation and as far as I can remember
scatterplot should respond to filter event just like anyother chart though
haven't worked on dc.js for a while so I am not sure what the current state
is. Though like Gordon mentioned v2 on master is not released yet so it
could be simply just incomplete implementation.

Nick

On Sun, Jan 5, 2014 at 5:57 PM, Gordon Woodhull notifications@github.comwrote:

P.S. I am still using 1.6, which doesn't have a scatterplot just
bubblechart. I had the same problem and solved it by assigning radius to a
function on value - so that's why I think that would be the easiest fix.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/491#issuecomment-31618488
.

—
Reply to this email directly or view it on GitHub.

[amergin]

By the way, should the following features work:

• Coloring of a composite chart consisting of multiple scatter plots (they seem to have the same color although .colors() is set & shareColors is set)
• (x,y) style brushing on the above-mentioned composite chart. If I enable brushing on the composite chart level, a regular filter brush, such as seen in bar charts, is shown. If I enable it on the scatter plots, nothing happens.
• Filtering that should remove points from the plot. At the moment I see that filtering that leads to addition to points works, but nothing happens when the filter should exclude points.

[umdjm]

Thank you for the recommendations. I ended up using a bubbleChart, though I had changed the _chart.MIN_RADIUS to 1.

[gordonwoodhull]

See #494 for a general solution using .data()

[gordonwoodhull]

... except that doesn't work with the scatter plot, because it doesn't use a key function, so you get points feverishly trying to move to where other points were.

I'm committing a better solution right now. I think the scatter plot should be using data differently, but for now, shrinking the dots to size zero when the group is empty is the way to go.

[mr23]

Thanks! Just integrated and tested this with my scatterplots.