starred/photoprism

Fork 0

mirror of https://github.com/photoprism/photoprism.git synced 2026-03-02 22:57:18 -05:00

Dashboard: Punch card view similar to GitHub #175

New issue

Open

opened 2026-02-19 23:03:17 -05:00 by deekerman · 8 comments

deekerman commented

2026-02-19 23:03:17 -05:00

Owner

Originally created by @lastzero on GitHub (Jan 22, 2020).

As a user, I want to see my activity so that I can jump to interesting points in time and know when I'm taking lots of photos.

Like and/or comment this, if you would like to have such a view in PhotoPrism. See also #152 and #154. Punch card on GitHub:

Originally created by @lastzero on GitHub (Jan 22, 2020). **As a user, I want to see my activity so that I can jump to interesting points in time and know when I'm taking lots of photos.** Like and/or comment this, if you would like to have such a view in PhotoPrism. See also #152 and #154. Punch card on GitHub: ![Screenshot 2020-01-22 at 11 32 00](https://user-images.githubusercontent.com/301686/72886862-e1791e80-3d0a-11ea-9983-da68afab7bd6.png)

deekerman added the

idea

label

2026-02-19 23:03:17 -05:00

deekerman commented

2026-02-19 23:03:17 -05:00

Author

Owner

@guysoft commented on GitHub (Jan 26, 2020):

There is a similar feature on ownphotos where there is a graph with bars.

@guysoft commented on GitHub (Jan 26, 2020): There is a similar feature on ownphotos where there is a graph with bars.

deekerman commented

2026-02-19 23:03:17 -05:00

Author

Owner

@lastzero commented on GitHub (Jan 26, 2020):

Everyone is invited to post screenshots of implementations you like or find useful :)

@lastzero commented on GitHub (Jan 26, 2020): Everyone is invited to post screenshots of implementations you like or find useful :)

deekerman commented

2026-02-19 23:03:18 -05:00

Author

Owner

@RAYs3T commented on GitHub (Aug 5, 2020):

Examples from other sites / apps

GitLab's implementation is much similar to GitHub's, but still looks great.

Another approach would be a design like Darktable has it

This one would most likley fit better into the site.

@RAYs3T commented on GitHub (Aug 5, 2020): ## Examples from other sites / apps ### GitLab's implementation is much similar to GitHub's, but still looks great. ![image](https://user-images.githubusercontent.com/16596807/89383917-9a2e0a80-d6fd-11ea-943e-dae7656fc16b.png) ### Another approach would be a design like Darktable has it This one would most likley fit better into the site. ![image](https://user-images.githubusercontent.com/16596807/89384140-f002b280-d6fd-11ea-9aff-36b3a8b8dd84.png)

deekerman commented

2026-02-19 23:03:18 -05:00

Author

Owner

@guysoft commented on GitHub (Aug 5, 2020):

Another example would be on ownphotos:

@guysoft commented on GitHub (Aug 5, 2020): Another example would be on ownphotos: ![68747470733a2f2f73332e65752d63656e7472616c2d312e616d617a6f6e6177732e636f6d2f6f776e70686f746f732d6465706c6f792f6f776e70686f746f735f73637265656e73686f74732f32302e706e67](https://user-images.githubusercontent.com/325670/89389501-28aa8800-d70e-11ea-8a77-45a874684333.png)

deekerman commented

2026-02-19 23:03:18 -05:00

Author

Owner

@RAYs3T commented on GitHub (Aug 5, 2020):

I've quickly created a mock in only html/css. Should i make this a thing and write some code for the bucketing / generation?

Hover (gif): https://nc.edging.tech/s/69ZFCariiNebS5P

@RAYs3T commented on GitHub (Aug 5, 2020): I've quickly created a mock in only html/css. Should i make this a thing and write some code for the bucketing / generation? ![image](https://user-images.githubusercontent.com/16596807/89395116-2eec3480-d70d-11ea-9c85-0d9eed130348.png) Hover (gif): https://nc.edging.tech/s/69ZFCariiNebS5P

deekerman commented

2026-02-19 23:03:18 -05:00

Author

Owner

@sebastian-raubach commented on GitHub (Nov 27, 2020):

This is what Frickl does:

@sebastian-raubach commented on GitHub (Nov 27, 2020): This is what Frickl does: ![08-calendar.png](https://user-images.githubusercontent.com/12698452/100420597-a4925c80-307e-11eb-8f58-7f2e36344a81.png)

deekerman commented

2026-02-19 23:03:18 -05:00

Author

Owner

@lastzero commented on GitHub (Nov 27, 2020):

They've stolen our idea 😬

@lastzero commented on GitHub (Nov 27, 2020): They've stolen our idea 😬

deekerman commented

2026-02-19 23:03:18 -05:00

Author

Owner

@jkgeyti commented on GitHub (Mar 3, 2021):

https://github.com/photoprism/photoprism/issues/1113 got closed in favour of this ticket, but since they describe slightly different proposals (punch cards vs date histograms), I wanted to weigh in favour of histograms. Punch cards are really useful for things like commits, where you want to see recurring (weekly) patterns, but imo, they don't lend themselves well to range selections (do you highlight a square, click multiple boxes, or what?).

Range selectors over histograms (like in the gif below) make for (imo) more intuitive date filtering. Highlight a horizontal area to "zoom in" on a specific date range, and double click (this isn't super intuitive I'll admit) the histogram to "zoom out".

A histogram will show bins based on the resolution - maybe it's only showing weeks or months when "zoomed out" to span your entire collection, but you can repeatedly "zoom in" on a sub-selection, and each time the bins will update to show shorter ranges (months, weeks, days, hours as you select a smaller and smaller sub-section. This allows users to very precisely pinpoint events in time, by repeatedly selecting a smaller and smaller date range on the histogram. The date rnager histogram in Kibana (https://demo.elastic.co/app/discover) shows an example of this behaviour.

@jkgeyti commented on GitHub (Mar 3, 2021): https://github.com/photoprism/photoprism/issues/1113 got closed in favour of this ticket, but since they describe slightly different proposals (punch cards vs date histograms), I wanted to weigh in favour of histograms. Punch cards are really useful for things like commits, where you want to see recurring (weekly) patterns, but imo, they don't lend themselves well to range selections (do you highlight a square, click multiple boxes, or what?). Range selectors over histograms (like in the gif below) make for (imo) more intuitive date filtering. Highlight a horizontal area to "zoom in" on a specific date range, and double click (this isn't super intuitive I'll admit) the histogram to "zoom out". ![image](https://user-images.githubusercontent.com/617033/109813640-8a3fc000-7c25-11eb-8952-303038aef801.png) A histogram will show bins based on the resolution - maybe it's only showing weeks or months when "zoomed out" to span your entire collection, but you can repeatedly "zoom in" on a sub-selection, and each time the bins will update to show shorter ranges (months, weeks, days, hours as you select a smaller and smaller sub-section. This allows users to very precisely pinpoint events in time, by repeatedly selecting a smaller and smaller date range on the histogram. The date rnager histogram in Kibana (https://demo.elastic.co/app/discover) shows an example of this behaviour.

deekerman referenced this issue

2026-02-19 23:05:53 -05:00

Thoughts on object identification labeling #297