Since introducing charts to Coda a few years ago, we’ve received a lot of feedback on one chart in particular: Gantt charts. Your feedback has covered everything from challenges with the left panel, sizing the charts overall, and requests to incorporate dependencies.
One of my favorite things about working at Coda is the candid and open feedback loop between our maker community and the teams that build new products and features at Coda. That’s why I’m pleased to share some updates on all of the above, and an updated name to more accurately reflect this chart type.
Meet the new timeline chart!
We’ll be retiring the Gantt naming in the product, but never fearーyou can still access all of the old Gantt chart functionality plus some new features via the Timeline chart type under your chart display options, or by typing /timeline on any Coda page.
Custom width for the left panel
You may’ve already noticed this one, but instead of being stuck with truncated row labels, you can adjust the width of the left panel by dragging it so you can see all of your text.
Fit or Full width for timeline charts on your page
Historically, we’ve confined timeline charts to the general shape of your docs’ pages, and required you to scroll within your charts. Now, you can select “Full” in your timeline display options in order to have the gantt chart expand beyond typical page borders. This is especially helpful for things like long term projects where individual tasks only last for one or two days.
You may have noticed some new visual elements in the images aboveーwe’ve added dependencies as an option for your timeline charts! If added in your timeline display options, you’ll see tasks that depend on each other connected by a gray line if they follow sequentially, or by a red line if a task starts before a task it depends on is scheduled to be complete.
There are two ways to set up dependencies for your timeline charts.
Option 1: Enable from your timeline display settings
- From your timeline display settings, click on the select list under “Dependency” (beneath the start and end date select lists)
- Select “+ Add a New Column”
- You can add dependencies to any task by clicking on them in your timeline view or by reverting to a table view, where you’ll see the new dependency column and can select dependencies from there
Option 2: Enable via lookup column in your table
- Before converting your table to a timeline chart, make sure the column with your tasks is set as the display column
- Add a Lookup column, and select the table you’re working in as the referenced table; in other words, if you are making a timeline chart for “Table A” add a lookup column that references “Table A”
- Give this column a memorable and accurate name, such as “Dependencies”
- For rows that have dependencies, select the dependency in your new column
- When you’re done, open the table options menu by hovering over your table and clicking “Options”
- Click the 3 dot ellipsis menu, and then Timeline
- Enter the Timeline set-up wizard, or select Timeline display
- After selecting your Start and End dates, choose your dependency column
Tip: In both scenarios, the default behavior will allow a task to rely on a maximum of one other task. If you have a task with multiple dependencies, configure your lookup column settings to “Allow Multiple Sections”
Tip 2: Don’t forget that you can have multiple, synced views of a table! It may be helpful to have one table for tasks, and then to copy that table and set-up your timeline chart so that you can easily toggle between the two views to set-up dependencies quickly.
Thanks for challenging us to make our original Gantt charts better, and for your clear and actionable feedback. We hope the new timeline chart features help you manage projects and collaborate with your teams even more seamlessly!