Create online your Gantt chart with Vizzlo — it’s easy and looks beautiful!
Tip: Vizzlo's Gantt chart is completely interactive: you can click on any element to edit it. Use the sidebar (on your right) as a support or right-click to see a menu with more options.
Note: The vizzard always starts with some sample data to help you visualize the changes you do and the options to use.
Gantt chart step by step
1) Document title
Click on the chart title to give it a name.
Optionally, enter the document name on the drop-down menu in the top menu bar. There, you can also choose to show/hide the title by clicking on the eye icon (a), and select a destination folder for your new document (b).
2) Explore the tab "APPEARANCE" of the sidebar
2.1) Set the document properties: choose the document size between different slide presets or enter your preferred dimensions and choose a theme.
2.2) Define date format: click on the drop-down menu 'Date' in the sidebar to choose the date format shown beyond the milestones. You can pick your preferred date format based on different languages/locale standards.
2.3) Layout settings: show/hide frames, dependencies, columns, etc.
Click on the checkboxes in the 'Layout settings' section to see how the chart changes. Of course, you can always change the layout of your Gantt chart. However, experimenting with the sample data might help you get familiarized with the vizzard.
3) Start and end dates
Check the respective boxes, and enter your date (YYYY-MM-DD) or pick it by clicking on the calendar icon. Click on the 'wheel' icon to select your preferred date format (dates will be displayed on the chart, according to your settings).
Note: This step is not mandatory. The duration of your project will be automatically calculated departing from the date of your first entry. However, it'll freeze your chart view while you're setting your project schedule. Use this option also to show just a time frame (this is helpful when presenting project phases or your work in progress, and will be described closer below).
4) Using the spreadsheet to enter/edit your data
Click on the spreadsheet button in the tab "DATA" of the sidebar. You can paste your information from Excel or any other spreadsheet software. Make sure that the date format of your source (the order of year, month and day) matches the selected date format in the chart.
5) Editing an activity
Select any activity to edit it. Click on its text fields (column 'What?'/'Who?') to rewrite them. If the text is too long, break it using the enter key. Alternatively, you can also use the sidebar.
6) Editing a segment (the activity bar that shows its duration)
Because of the sample data, you can choose to edit the given segment or delete it (x) to create a new one.
Drag and drop the segment along the row to reposition it, and pull its extremes to adjust its duration/length. You can also enter the start and end dates in the card of the sidebar.
If you deleted it, create a new segment following one of these options:
a) Hover the mouse over the selected activity. You'll see your cursor as an arrow with a plus sign (+). Hold and drag the mouse, giving the new segment the length/duration you wish. Drag and drop the newly created bar to adjust its position, or pull its extremes to extend it.
b) Alternatively, on the activity card, press the plus button (+) under "Segments," and pick the start and end dates.
Tip: If an activity has more than one segment and you want to delete all of them, right-click and choose the option "Clear activity" in the context menu.
7) Setting the style of a segment
Right-click on the segment to use the context menu or use its card in the sidebar.
8) Setting dependencies:
Right-click on the segment to use the context menu. Or use the card of the activity in the sidebar to set its dependencies.
9) Setting progress
The Harvey Balls are just like little pie charts — the full circumference represents 100% of the progress, indicating the degree of accomplishment of the activity in its pre-established time.
Use the slider in the activity card to set the progress or directly enter the value in the respective field. Alternatively, you can right-click on the activity and use its context menu.
10) Pinpoint milestones for single activities
Vizzlo's Gantt chart allows you to pinpoint important milestones for single activities that don't mark general anchors for the whole project.
Click on an activity to select it. Hover the mouse over its row. You'll see your cursor as an arrow with a plus sign (+). Click once. Click on the newly created milestone to edit its text. Drag and drop to position it as you wish.
Or use the activity card on the sidebar to create and edit your milestones.
11) Rearranging activities
Hover the mouse over the activity you want to move. Drag and drop it to the position you wish.
12) Adding or excluding activities
Use the plus buttons to add an extra activity above or below the selected one. And press the 'x' button to delete it.
Alternatively, right-click to use the context menu. Or use the blue plus button (+) below the cards on the sidebar to add a new activity (this option will add the new activity to the last row in your Gantt chart). To delete any activity using the sidebar, click on the red "x" on the top of its respective card.
13) Adding project milestones
To add project milestones, click on the button 'MILESTONES…' in the tab 'DATA' of the sidebar. A dialog box will open.
Tip: You can also drag and drop your milestones and click on them to edit.
14) Adding shades
Shades are used to highlight certain periods, as well as indicate environmental or background process and events, like an internal audit period, training, longer holidays or court vacations.
To add a shade, click on the button 'SHADES…' in the tab 'DATA' of the sidebar. A dialog box will open.
Tip: Drag and drop the shade and click on it to edit.
15) Showing the whole project or just a time frame
As mentioned above, you can choose to view the entire project or just a particular period. For this, use the sidebar: check the boxes of the start and end dates to edit the period you want to visualize. Your Gantt chart will be readjusted without losing the information of your project. This option is especially useful for presentations; to give your audience a narrower overview over a particular project phase.
Tip: Play with the axis granularity, adding weeks or dates to convey your project plan more clearly.
16) Exporting and sharing your Gantt chart
Click here to learn how to share your chart or export it into your presentation.