Make a timeline

Last update: Jul 4, 2022
Comments
  • 1. Use Arbitrary Counter as Timeline

    I want to be able to use a counter (that represents an arbitrary thing, not just dates) as the basis for events. For example,

    5-20: Event 1 90-150: Event 2 45-68: Event 3

    etc.

    When I tried this in the live example, it treated it like a percentage and only went up to 100. It won't let me zoom out any more

    image
    Reviewed by frakman1 at 2022-06-21 12:26
  • 2. Bug: I can't create a username

    Clicking on the Create Username button doesn't do anything. This makes cascade pretty much useless for me.

    Chrome: Version 96.0.4664.110 (Official Build) (64-bit).

    I'll take a look at the code

    Reviewed by mark-hahn at 2022-01-11 00:18
  • 3. Long-term plans for markwhen

    I love this project. Apologies if you've already explained elsewhere, but should any assumptions be made on how long the server app will be up and running? In other words, is this an experiment, or is it meant to last for the long term? Many thanks.

    Reviewed by dlovins at 2022-06-23 20:46
  • 4. Site can become unresponsive Firefox/Ubuntu

    ~~When changing Tabs the site can become unresponsive on Firefox/Ubuntu.~~

    By unresponsive I mean, that I can no longer input text in the editor and I can also no longer click anything in the UI/renderer.

    I don't know whether they are related but I'm also getting several errors in Console saying: Uncaught ReferenceError: TouchEvent is not defined r NuxtJS These errors are being thrown when I move the cursor.

    I also get the following error: Error: Promised response from onMessage listener went out of scope

    Reviewed by Tommyten at 2022-06-21 07:22
  • 5. Expandable timelines

    Foremost: I love this project. I have been playing around with it for hours and I want to use it for many things both private and at work. I would love it, if I could specify expandable / nested dates. Usecases are: Changing position at the same company, creating some kind of high/low level structure. I am not expecting you to implement this, after all, you have already selflessly open sourced this great project. Just in case you are looking for additions worth implementing, I would vote for this one!

    Reviewed by brasilikum at 2022-03-01 02:21
  • 6. Support Time

    This is a great project! Thank you!

    Would it be possible to support time? Ideally to the millisecond would be perfect. We’re looking for a timeline for incident management and need to support events with that precision.

    Reviewed by hanej at 2021-12-11 18:16
  • 7. Please add a LICENSE

    Great project! Thanks for creating it.

    Can you please add a LICENSE to the repository? GitHub makes this really easy and Choosealicense.com helps you pick a license.

    Reviewed by penyuan at 2021-05-26 21:45
  • 8. colors

    It would be nice if one was able to assign a specific colour to an entry

    perhaps something like this

    red 09/2019: Hawaii with Google
    blue 12/20/2019-12/22/2019: Train from Seattle to Chicago
    red 12/2019: Christmas at home, Dad to hospital
    
    Reviewed by DannyCork at 2021-05-26 00:11
  • 9. VS Code extenstion

    It would be great to have a VS Code extension, like PlantUML has, to edit and generate timelines in the IDE. It will make it quicker to iterate timelines.

    Reviewed by PrernaWeb at 2022-06-21 12:50
  • 10. Dropdowns cut off when Sidebar is too small

    When the sidebar is dragged to be small, the Dropdown menus are cut off on Firefox/Ubuntu so that you can no longer see the options present.

    Sorry for the flood of Bug reports. This projects looks really interesting and I'm excited for it's future :)

    Reviewed by Tommyten at 2022-06-21 07:27
  • 11. Theming

    Be able to specify colors and whatnot (background, text, date markers, etc.)

    Not sure if this should be a plugin type thing, prespecified themes that you can choose from, or very customizable in the header on a per cascade basis

    Reviewed by kochrt at 2022-03-05 04:10
  • 12. Support for other editors/local editting

    I'm going to try to use this issue to keep track of requests for local development and support in other tools. If one path becomes more apparent or gains more momentum than others I'll break it back out into its own issue.

    Right now I'm seeing a few common requests:

    • [ ] Obsidian.md
    • [ ] VS Code
    • [ ] Deploy locally (dockerize markwhen)
    • [ ] CLI

    In my current position (that is, having a full time job that is not markwhen (yet!)), I have to prioritize my time, and I think that priority should be the website, as it has the most reach and is the easiest for people to get started on.

    However, I'm supportive of these other endeavors, though I won't be able to give them as much attention, at least right now.

    I was thinking in the meantime the most helpful thing would be a CLI that takes a markwhen document and outputs HTML? That way people can do whatever they want with the html (host it themselves, etc) or potentially use it as the preview view in VS Code/Obsidian?

    I want to enable everyone else but I also want to focus on the website for the time being.

    Reviewed by kochrt at 2022-06-30 02:22
  • 13. Feature request: allow tasks with duration in “work days”

    Hi. The tool is really good. I just have this feature req, which I believe many people would find useful.

    In many cases events or project tasks need to have set their duration in a number of “workdays” ignoring weekends and maybe Public holidays. You could define your own public holidays in some array.

    The idea is to set task durations in for example 7 workdays which will translate into a whole week plus 2 days long … so 9 natural days long.

    Then if something moves in the project everything can be updated accordingly… discounting weekends.

    Reviewed by frantortosa at 2022-06-29 11:36
  • 14. Nested groups and sections

    Thank you for the great tool! I love it! I noticed that the group and section features don't support nesting. It would be great to have that functionality so that more structure could be provided entries!

    Reviewed by jceb at 2022-06-27 13:04
  • 15. Zoom to Smaller and Larger Timescales

    This tool is great for timelines that are days/months/years long, but unless I'm missing something it falls short when we move to minutes/seconds/milliseconds. I'm trying to diagram out a phone hunt group and the entire thing takes place in a span of 45 seconds, with actions typically lasting anywhere from 5 to 15 seconds and even at the strongest zoom level, it's still zoomed out too far to be useful.

    image

    Reviewed by simc-pk at 2022-06-23 16:55
  • 16. PWA

    Loving Markwhen! Any chance of it becoming a progressive web app? Would be lovely to be able to run it on an iPad without having to invoke a browser tab...

    Reviewed by jacobsamlarose at 2022-06-23 11:05
  • 17. Supporting working-back-from-immovable-deadline planning

    I've tried and so far failed to be able to express my plan in Markwhen. The challenge in this case is it's not a forward-waterfall plan, but a working-back-from-an-immovable-deadline plan.

    Ideally I want to write something like:

    title: Annual Meetings 2023 (Markwhen plan)
    description: A summary of what's needed and when
    dateFormat: d/M/y
    #announcements: red
    
    before !ACM 2 month: revise voting eligibility list
    before !ACM 6 weeks: publish notice of ACM #announcements
    before !ACM 2 weeks: publish revised voters list
    10/4/2023: ANNUAL CHURCH MEETING !ACM
    after 1 week: publish results of elections #announcements
    

    The 'before' syntax isn't available, so I tried negative relative dates:

    title: Annual Meetings 2023 (Markwhen plan)
    description: A summary of what's needed and when
    dateFormat: d/M/y
    #announcements: red
    ---
    after !ACM -2 month: revise voting eligibility list
    after !ACM -6 weeks: publish notice of ACM #announcements
    after !ACM -2 weeks: publish revised voters list
    10/4/2023: ANNUAL CHURCH MEETING !ACM
    after 1 week: publish results of elections #announcements
    

    but this doesn't work.

    Is there an existing way to do this? If not, please add support for this kind of use case.

    Reviewed by jgclark at 2022-06-22 08:43
Related tags
Minimalist Timeline ⏳ with VueJS 💚

Timeline Vuejs Demo Timeline Vue ?? Install npm install timeline-vuejs --save // main.js import '../node_modules/timeline-vuejs/dist/timeline-vuejs.c

Jun 29, 2022
A simple but customizable and reactive timeline vue component
A simple but customizable and reactive timeline vue component

simple-vue-timeline A simple but customizable and reactive timeline vue component which leverages the use of common libraries: bootstrap vue component

Mar 31, 2022
Just a simple horizontal timeline component made with Vue.js

Vue Horizontal Timeline Just a simple horizontal timeline component made with Vue.js. Inspiration Demo Storybook Go to https://vue-horizontal-timeline

Jun 23, 2022
Build a timeline clicking throug your application, using vue-router and vuex.

Vue route timeline Build a timeline clicking throug your application, using vue-router and vuex. For detailed explanation on how things work, checkout

Feb 25, 2019
A cute timeline component for Vue.js.

A cute timeline component for Vue.js.

Jun 26, 2022
Timeline - A photo organizer
Timeline - A photo organizer

Timeline - Photo Organizer Timeline is a web application which aims to organize photos similar to how Google Photos or Amazon Photos does. Instead of

Jun 23, 2022
A simple timeline component for vue

vue-timeline-component Demo Install npm install vue-timeline-component or <script src="https://unpkg.com/vue-timeline-component"></script> Usage <temp

May 14, 2022
Coronavirus UK and world data visualizer with interactive timeline using Vue.js and Naive UI - Covid19 dashboard
Coronavirus UK and world data visualizer with interactive timeline using Vue.js and Naive UI - Covid19 dashboard

COVID-19 Data Visualizer & Interactive Timeline Coronavirus UK and world data visualiser with interactive timeline using vue and bootstrap covid19.hen

Jun 21, 2022
A mobile first lightweight vue timeline components
A mobile first lightweight vue timeline components

vue-light-timeline A lightweight timeline components for vue2 install yarn add vue-light-timeline if you prefer npm: npm i vue-light-timeline usage im

Jun 11, 2022
Make a timeline

Timeline cascade maker Creates timeline pages like this. Inspired by @cheeaun's life. Use it here. Setup should be as simple as npm i and npm run dev.

Jun 27, 2022
Make a timeline

Make a timeline

Jul 4, 2022
Minimalist Timeline ⏳ with VueJS 💚

Timeline Vuejs Demo Timeline Vue ?? Install npm install timeline-vuejs --save // main.js import '../node_modules/timeline-vuejs/dist/timeline-vuejs.c

Jun 29, 2022
A simple but customizable and reactive timeline vue component
A simple but customizable and reactive timeline vue component

simple-vue-timeline A simple but customizable and reactive timeline vue component which leverages the use of common libraries: bootstrap vue component

Mar 31, 2022
Just a simple horizontal timeline component made with Vue.js

Vue Horizontal Timeline Just a simple horizontal timeline component made with Vue.js. Inspiration Demo Storybook Go to https://vue-horizontal-timeline

Jun 23, 2022
Build a timeline clicking throug your application, using vue-router and vuex.

Vue route timeline Build a timeline clicking throug your application, using vue-router and vuex. For detailed explanation on how things work, checkout

Feb 25, 2019
Timeline - A photo organizer similar to how Google Photos or Amazon Photos does.
Timeline - A photo organizer similar to how Google Photos or Amazon Photos does.

Timeline is a web application which aims to organize photos similar to how Google Photos or Amazon Photos does.

Jul 3, 2022
A cute timeline component for Vue.js.

A cute timeline component for Vue.js.

Jun 26, 2022
Timeline - A photo organizer
Timeline - A photo organizer

Timeline - Photo Organizer Timeline is a web application which aims to organize photos similar to how Google Photos or Amazon Photos does. Instead of

Jun 23, 2022
A simple timeline component for vue

vue-timeline-component Demo Install npm install vue-timeline-component or <script src="https://unpkg.com/vue-timeline-component"></script> Usage <temp

May 14, 2022
Coronavirus UK and world data visualizer with interactive timeline using Vue.js and Naive UI - Covid19 dashboard
Coronavirus UK and world data visualizer with interactive timeline using Vue.js and Naive UI - Covid19 dashboard

COVID-19 Data Visualizer & Interactive Timeline Coronavirus UK and world data visualiser with interactive timeline using vue and bootstrap covid19.hen

Jun 21, 2022