Some of you may remember @cheeaun's post[1] 9 years ago about making a timeline of life events. I made a timeline maker based off that.<p>[1] <a href="https://news.ycombinator.com/item?id=6833565" rel="nofollow">https://news.ycombinator.com/item?id=6833565</a>
Very cool! I've been thinking a lot about how to do this in a good cross platform way for tab history on a browser I've been building (<a href="https://synth.app" rel="nofollow">https://synth.app</a>).<p>I think a major issue is that pinching is very necessary to change the time scale if the horizontal axis is long enough (and it will be for browsing history), but pinch support outside the MacOS/iOS is sketchy at best. I haven't yet discovered the useful UX here. This was inspired by <a href="https://refresh.study" rel="nofollow">https://refresh.study</a> (see: Browsing History section) which has a good mock of what it can look like.<p>If anyone has any other examples, I'd love to see it.
This is awesome! Feature requests:<p>- ISO 8601 dates please, not everyone is in the US<p>- Color coding and/or topic headers so I can break it up into different sections for different types of events<p>- Support for emoji would be awesome, currently they break the site.
Nice work! It always amazes me how a visual display of the data can show us so much more than the simple text version. "A picture is worth a thousand words" as the saying goes :)<p>I saw other comments talking about ISO 8601, color coded events and one asking for other examples of timelines and it reminded me of the custom timeline I did for my previous personal website in 2017 if you're interested:<p>- Demo (gif): <a href="https://twitter.com/maxmre/status/919236332995702785" rel="nofollow">https://twitter.com/maxmre/status/919236332995702785</a> (it shows the "fisheye effect" that happens when hovering the timeline with the mouse)<p>- Code: <a href="https://github.com/blaze33/openblocv2/blob/master/src/components/timeline.jsx" rel="nofollow">https://github.com/blaze33/openblocv2/blob/master/src/compon...</a>, I used React, D3.js and moment.js.<p>- Live version (surprisingly!) still hosted at <a href="https://www.openbloc.fr/home/about" rel="nofollow">https://www.openbloc.fr/home/about</a>, click on the life timeline to expand it, might not totally work on mobile though as I recall, see above tweet in this case for the demo.
This is really neat! As someone mentioned: a more standardized format of ISO 8601 would be a great and welcome change. I'm not entirely sure whether the current code would support that, but being able to craft a timeline based not only in years, but months, weeks, and perhaps even days and a single day, would also be possible if ISO 8601 was supported.<p>I'm thinking this would be a really simple way to display tasks and people involved in an incident or outage that itself involves many teams, but that would require that higher level of granularity.
This is cool. Was thinking it would be weird and creepy but cool if I could sign in with google and fb/insta to get a timeline of everywhere I’ve traveled. Wouldn’t mind that as a wall decoration.