This is a simple demo of Plotly.js working with Crossfilter.js using World Bank data with code available on Github.
Click and drag on any figure to narrow down the selection and you'll see the data update on the other two to reflect the narrowed-down selection of countries. Double-click on a figure to reset its selection to "all".
Countries are shown in one of 4 colors in any given figure, based on its selection status:
selected in this figure? | |||
---|---|---|---|
yes | no | ||
selected in every other figure? | yes | selected in every figure | deselected in this figure but selected in every other |
no | selected in this figure but deselected at least one other |
deselected in this figure and deselected at least one other |