I want to create a timeline / gantt chart for tasks in Sharepoint Online. I am coming from working in a SP 2013 environment, where there was a standard Task list which had a gantt functionality. Does something exist for Sharepoint Online?

From what I have read this initially did not exist, yet I read a question on SPSE that said it has been introduced since mid-2022. I'm finding it difficult to find a definitive guide on this or even whether it is definitely possible.

I know Planner exists but, as far as I am aware, it does not have a timeline / gantt functionality.


I found a link to a 'semi-gantt' chart which is made using JSON, though it's not a proper one as it doesn't have the progress bar. All is does show which months a project's Start - End Date cover. It's of no use to me though. (In fact this also referenced in the link Ganesh has kindly given too).

2 Answers 2


Unfortunately, there is no native Gantt view available in SharePoint online modern experience like in tasks list in SharePoint server (or classic experience lists).

However, you can use JSON formatting to create Gantt view like structure in SharePoint online lists / Microsoft Lists.

Check below list formatting samples which might help you:

  1. Project Gantt Chart

    enter image description here

  2. Yearly Gantt Chart

    enter image description here

  • Here's one more related solution (you may need to create a account & sign-in or pay some charges): youtube.com/watch?v=1oW8hw8ZxgM Mar 6, 2023 at 15:38
  • 1
    Thanks for providing some alternatives Ganesh. I've found that in MS Teams an MS Project gantt chart can be displayed too, though this will only show on a Teams site but, annoyingly, not a Communications site.
    – Tally
    Mar 6, 2023 at 16:22
  • 1
    I've eventually used your solution #1 Ganesh - works really well, thanks!
    – Tally
    Jul 3, 2023 at 11:55

Further research - I've found that on one of my Modern Sharepoint Online sites I had to activate a site feature. Please see Amit's answer to this question here.

'Go to Site Actions -> Site Settings -> Under Site Actions section, pick Manage Site Features -> Search for Team Collaboration feature and finally activate it.'

This allowed me to create the old style (classic) Task list.

However, my aim was to add the Task list to a modern page in a web part. This I am unable to do, as you see in the picture below, I have the option of adding a couple of lists, but not the classic list I want to use (my task list is called Timeline (BA1)).

Maybe this can be useful information for someone else, but for the page I'm trying to create I've hit a dead end.

Picture of page in edit mode, it shows two options of available lists I can add, but does not show the classic Task list

UPDATED 03/07/2023 - I've used Ganesh's suggestion, option #1, it works really well! You can format the colours of the JSON code it uses too; I've posted other questions on this, should anyone else end up going down this path.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.