Create Interactive Gantt Charts to Win Over Your Boss

1. Click on the Get started button in the top right corner of the homepage.
2. Sign up with Google, Facebook or email. Infogram lets its users sign up with a Google or Facebook account, or register with a work email. If you choose to sign up with Google or Facebook, simply login to your account when asked to do so. If you wish to sign up with your email address, enter the email and your desired password, then hit the sign up button.
3. Provide some basic information about yourself. Enter your first and last name, indicate what kind of organization you belong to and specify your role. You will then be able to continue with the Basic plan or choose from any of the available paid plans.

Gantt charts are commonly used for project management and act as a quick and easy way to display tasks and activities along a timetable. You may use a Gantt chart to display key activities on a timeline, schedule how long activities are going to last, or show start and end dates for specific activities.

Gantt charts are also used in project management when multiple team members are involved. They quickly show who is working on which part of a project and how much of it they’ve completed. They provide a great visual to help teams understand how tasks overlap, group together, and link with one another.

Keep team members on task and help them understand in one easy visual how every task comes together and how each piece is integral to the completion of a project by using an interactive Gantt chart.

Several types of Gantt charts are commonly used to visualize project schedules and tasks, each with its own focus and purpose.

• Standard Gantt Chart: The most common type, it represents tasks as horizontal bars along a time axis, indicating their durations. Dependencies between tasks are shown with arrows, making it effective for illustrating project schedules and task relationships.
• Milestone Chart: A simplified version, it highlights key project milestones or events with vertical markers on the timeline. It's useful for emphasizing critical deadlines and major achievements without delving into detailed tasks.
• Summary Gantt Chart: Providing a high-level view, it consolidates subtasks or subprojects into summary tasks. This is beneficial for top-level project planning, especially for complex projects with multiple task levels.
• Baseline Gantt Chart: This represents the original project schedule before updates. It's used as a reference point to compare actual progress, aiding in tracking deviations, delays, and project performance.
• Resource Gantt Chart: Focusing on resource allocation, it displays tasks, timelines, and the resources assigned to each task. It helps visualize resource usage, identify allocation issues, and optimize resource distribution.
• Critical Path Method (CPM) Gantt Chart: Highlighting the critical path—tasks that impact project duration—it helps managers focus on essential tasks. It often uses distinct formatting or colors to emphasize these critical elements.

These Gantt chart types cater to different project needs and information communication, allowing project managers to select the most appropriate one based on requirements and stakeholder needs.

You can make a Gantt chart in 5 simple steps:

• Log in to Infogram.
• Select the Gantt chart from the chart menu.
• Upload or copy and paste your data.
• Customize labels, colors, and fonts.

Download your Gantt chart as an image or embed it on your website.

When it comes to using colors in charts, try to keep it simple. A good rule of thumb is the 60-30-10 principle: Use a primary color that dominates 60% of your project area, a secondary color that takes up 30% of the project to visualize important data, and a third accent color that draws particular attention to 10% of your data.

To change the colors used in your chart:

1. Click to select your chart, then expand the Color drop-down in the right sidebar.
2. Disable the Use one color option to choose a color for each variable. Click on the color boxes to choose the color by using the color picker or entering a hex code.

Note: Switching to a different project theme in the right sidebar will switch all colors for all charts/objects in your project and provide a list of template-matching colors to choose from. We even offer a colorblind-friendly theme!

Pro tip: To avoid having to change chart colors each time to your company’s brand colors, we can develop a custom project theme for your company with your corporate colors, fonts, logos, icons, etc. This way, your content becomes easily scalable and reusable. This is a feature available to our Enterprise customers. Read more here. To change the colors used in the chart's legend and axis, expand the Fonts tab in the right sidebar.

Gantt and candlestick charts contain a date-based X-axis that allow you to choose the format that suits you best: YMD, DMY, and more. (Y – year, M – month, D – day)To select a different axis date format:

1. Click to select the chart.
2. Open the Axis & Grid tab in the right side settings panel.
3. Under X-axis time format, choose any of the available options.

Customize charts to look just the way you want them to! Chart settings are located in the right sidebar of the editor. After adding a chart to your project, select it once to access chart settings. Use tabs at the top to switch between the data table and settings. Here you can add animations to your chart, as well as edit (click on the hyperlinked settings to be redirected to tutorial articles):

• Chart properties
• Color
• Axis and grid
• Fonts
• Legend
• Tooltips
• Data format
• Accessibility

Pro tip: To copy the style of one chart and paste it onto another, right-click on the chart, select the style you wish to copy, and click Copy style, then right-click on the chart on which you want to paste the style, and click Paste style. Read more on copying styles in our support article.

Give your projects a sense of structure by using text elements with predefined styles and a typographic hierarchy. This will allow your audience to navigate and understand your ideas more effectively.

To add text:

1. From the project editor, click on the Add text button on the left-side toolbar.
2. Choose a text element, then drag and drop it onto the canvas.

These are the available text element options:

• Title: Used as a primary heading to name the project.
• Subtitle: Used as a secondary heading to name sub-sections in your project.
• Body text: Usually the most-read text element on the page. Make sure to derive other text element sizes from the body text size.
• Caption text: Highlights the essence of a chart or map. Captions can be written in just a few words or a few sentences. Keep it short to make it most effective.
• Quote: A reproduction of what another person said or wrote. For example, use quotes to convey customer reviews.
• Facts & figures and Centered fact and figure: Both elements are text-based charts with icons. Best used to highlight interesting facts.
• Table chart: A great option for displaying data with both textual and numeric columns. Read more about it here.

Check out our other articles to see how to edit and resize text objects, as well as add graphic elements that contain text.

To undo or redo any edits in your project, simply use the arrow buttons in the toolbar just above your project. The left arrow allows you to undo and revert to a previous version of your project. The right arrow allows you to redo any edits. You can click the arrows several times to go back to where you started or to where you finished. You can also use keyboard controls ⌘ + Z (on Mac) or Ctrl + Z (on Windows) to undo.

Note: Remember that after exiting or closing the project editor, the action history will be lost (unless you have a business, team, or enterprise account) If you have started your project by clicking on the Responsive web and mobile layouts shortcut, after you delete a chart, map, text field, or any other object from your report, a message will appear in its place allowing you to undo the last action. No other action history is available when working with Responsive web and mobile layouts!