Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add histogram to collection date slider #114

Closed
datadavev opened this issue Jan 19, 2023 · 2 comments
Closed

Add histogram to collection date slider #114

datadavev opened this issue Jan 19, 2023 · 2 comments
Assignees
Labels
enhancement New feature or request

Comments

@datadavev
Copy link
Member

It would be really helpful to see a histogram of the number of matching records above the Collection Date slider. Something like this for example:

image

sghall/react-compound-slider#85 (not specifically suggesting that component, it is just a picture of what I am thinking of).

To start with, this could be a histogram for all records regardless of the current query.

An enhancement would be to display a histogram for the current query (possibly excluding the selected date range query). So for example, if a facet was selected, the histogram would be updated with the dates of the current matching records.

@datadavev datadavev added the enhancement New feature or request label Jan 19, 2023
@hyunssong
Copy link
Contributor

hyunssong commented Jan 23, 2023

This and this repository both provide a histogram with a slider, but it seems that these does not emphasize the selected range by coloring the histogram of that portion.
Screen Shot 2023-01-23 at 11 36 47 AM

@hyunssong
Copy link
Contributor

As we already have a range slider in our solr-faceted-search-react, we could also try to add upon this by integrating a histogram. There are few libraries such as react-chart-js2 or Recharts that supports vertical bar charts that we could customize to create a histogram.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants