Open a new diagram to see the template library, or select Arrange > Insert > Template in the draw.io editor.There are also several timeline and roadmap templates in the Business section of the template library. Open these vertical timelines in our diagram viewer Use a template The vertical roadmaps, numbered lists, and swirl shapes, along with the various angled and arrow lists are well suited for printed documentation. If you need to print a document or use it as part of a larger infographic, your timeline may be more readable when vertical. Tip: For a more detailed timeline with multiple text boxes for each time step, use the Chevron list shapes. Some others in the Infographic library that work well as a horizontal timeline when you edit their label text include the following: list, circular dial list, percentage list and the roll. Open these horizontal timelines in our diagram viewer There are two horizontal roadmaps with different styles, as well as a bar graph that are well suited to use as a timeline or milestone diagram in a presentation or when planning projects using draw.io as your team’s online whiteboard. Horizontal timelines and roadmaps using Infographic shapes Copy and paste parts of the diagram on the drawing canvas or drag the matching component shapes from the Infographic shape library to extend your timeline as needed.Change the shape and text styles via the format panel on the right if needed.Double click on the text to edit the labels.Click on a shape to add it to the drawing canvas.Hover over a shape in the library to see a larger preview.Start a new diagram with the infographics library already enabled

Most items in the infographic shape library are a collection of shapes and labels already styled and arranged neatly, just like a template. Scroll to Other section, click on the checkbox next to the Infographic shape library, then click Apply.In the left-hand panel of the draw.io editor, click More Shapes.While you can create a timeline from many of the shapes in the basic libraries, as with the example above, the Infographic shape library has a selection of ready-made roadmaps and timelines.

There are many shapes and templates in draw.io and our draw.io branded apps that you can use to quickly draw an attractive diagram that you can embed in your presentation or documentation. Timelines, roadmap and milestone diagrams feature in a range of documentation - project development documents, infographics and presentations being some of the most common.

Milestone infographic timeline