keplergl/kepler.gl

Adding the filter IN filter OUT option.

Open

#1582 opened on Aug 22, 2021

View on GitHub
 (3 comments) (2 reactions) (2 assignees)TypeScript (9,718 stars) (1,657 forks)batch import
backlogfrequent askgood first issue

Description

Hi!

My suggestion/request is simple. When filtering the data, sometimes one needs to use the edge values of the data distribution in the filter histogram.

For example, one wants to choose the data of an hourly distribution (from 0:00 to 24:00) for the time between 22:00 and 6:00 in the nighttime and discard the data from 6:00 till 22:00 during the daytime.

So, when filtering the data within the interval in the filter histogram there should be an option available: to choose if the data from the selected interval in the histogram should be filtered IN or OUT. I do not imagine that this would be difficult to implement.

With this option, one can "filter IN" the nighttime data (from 22:00 and 6:00) by simply filtering OUT the daytime data (from 6:00 to 22:00).

Another solution would be, to allow for multiple intervals or individual column selection from the filter histogram, but I imagine such general solution would be much more difficult to implement.

Kind regards, Jernej

Contributor guide

Tech stack
reacttypescript
Domain
frontendanalytics
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ReactTypeScriptKepler.gl core concepts
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
Review the filter panel component in the Kepler.gl source code (likely in src/components/filter panel). Understand the current filter histogram implementation and how intervals are selected. Check the comments on the issue for any maintainer input. Propose adding a toggle button to switch between 'filter in' and 'filter out' modes, updating the filter logic accordingly. Ensure the change is backward compatible and test with various data types.