Line Chart | Resource Page | Datylon

Line chart

DATYLON > CHART LIBRARY > LINE CHART

What is a line chart?


A line chart visualizes an evolution of data over time. The data points represent two variables and are connected by a line to show the changing trend of the data. The x-axis or independent axis shows a continuous variable (usually time) and the y-axis or dependent axis contains a numerical value for a metric of interest. The line chart is very helpful in showing overall trends or progress. If the data requires more precise focus or exploration, it’s better to use another chart type.

Line charts are among the oldest types of charts and are still one of the most popular. They are versatile, simple, and easy to understand. They can show a lot of information at once, but be careful with overloading the viewer. To avoid creating a spaghetti chart, don’t show too many lines at once or make sure you highlight the most important ones. 

A line chart can be also very easily applied onto or merged with other charts such as the bar chart or the area chart. 

Variations of line charts

The charts below are variations on a line chart. To learn how to make them with Datylon, check out the line chart user documentation in the Datylon Help Center.
Line chart variation - slope chart
Line chart variation - slope chart

Slope chart

A slope chart is an excellent replacement for a line chart. It highlights the progression between two values by utilizing the slope angle to communicate the difference. As an example, the changes in employment rates between different industries can be visualized with a slope chart.

Line chart variation - bump chart
Line chart variation - bump chart

Bump chart

When interested in showing rankings over time, the bump chart is the way to go. The difference with the slope chart is that with the bump chart we can show more than two values. Since every step in ranking has the same size, this type of chart is not useful in showing the data precisely.

Line chart variation - step line chart
Line chart variation - step line chart

Step line chart

The step line chart only uses horizontal and vertical lines to connect the data points. It is convenient to use when you want to highlight the exact moment in time when the data changes and is therefore helpful when you must deal with data that changes in irregular intervals.

Alternatives to a line chart

Substitute your line chart with any of the charts below when you want a visual alternative that still shows an evolution of data over time.
Line chart alternative - area chart
Line chart alternative - area chart

Area chart

An area chart shows the change of a numeric value over time but is distinguished from a line chart by filling the area below the lines. Because an area chart is filled up until the baseline, it is like a combination of a line chart and bar chart.

Line chart alternative - connected scatter plot
Line chart alternative - connected scatter plot

Connected scatter plot

A connected scatter plot can be thought of as a hybrid of a scatter plot and a line chart. The plot shows a scatter of data points with two variables, which are then linked by a continuous line path (used to illustrate changes over time).

Line chart alternative - range chart
Line chart alternative - range chart

Range plot

In cases where it's crucial to emphasize the difference between two data points or the range that encompasses the minimum and maximum values of multiple points, a range plot can serve as a substitute for a line chart.

Pro tips for designing a line chart

Learn how to improve the readability and visual appeal of your line chart.
Pro tips for designing a line chart - labeling

Labeling

You can label the data in your line chart directly or via a legend. In general, direct labeling is preferred. Direct labeling includes placing the names of the categories right next to the corresponding line. This is more beneficial as the viewer does not have to switch between the chart and the legend to learn which lines correspond to which category. Moreover, it makes it easier to read the chart by color blind people or readers of the chart printed in greyscale. To make it even easier for your viewer, color-code the label with the same color as the corresponding line. In Datylon chart maker you can use the color link option to make the colors of the Direct Labels the same as the corresponding lines.

Read more
Pro tips for designing a line chart - highlight

Highlighting

To draw attention to the most important categories of the line chart, a good solution is to highlight these lines and color all the other lines the same way in a basic color. Our brain is programmed to notice deviations instantly. This can be done, for example, by applying changes in size, movement, or color. This way, highlighting a specific line will help catch the reader’s eye immediately.

Read more
Pro tips for designing a line chart - number of lines should be max 5

Number of lines

To avoid a spaghetti chart, try to minimize colored lines to a maximum number of five lines. Too many lines are really hard to compare and trends become less visible. When it is not possible to minimize the number of lines to a maximum of five lines, highlight the most important lines in your chart.

Read more
Pro tips for designing a line chart - data marks

Data marks

You can decide whether you keep the dots with the actual data points or leave them out. In general, it is better to leave the dots out of the line chart. For example, because the data points are clear without showing them or you are only interested in showing the trend of the data. There is only one reason to show the dots: the slope of the line chart is not changing for a longer period because some data is missing.

Pro tips for designing a line chart - dual axis

No dual axis

To compare multiple measures with different scales, a dual-axis could be used. Dual axes are two separate axes that are placed on top of each other in the same chart. Using dual axes puts a line chart at great risk of misinterpretation; the lines in a dual-axis chart can not be fairly compared. Therefore, we recommend not to use a dual-axis.

Read more
 tips for designing a bubble chart - using the right scal

Using the right scale

For almost all charts it is absolutely recommended to start the x-axis at zero to avoid misleading the audience. However, for a line chart, the most important goal is to show the changes in data and to emphasize what’s relevant in your data. Therefore, it is not always necessary to start the axis at zero as sometimes a trend will be more visible and easier to interpret when zooming in on the data. As Edward Tufte says: “Use a baseline that shows the data, not the zero point.”

Pro tips for designing a line chart - missing data

Dealing with missing data

There are multiple ways of dealing with missing data. Besides showing data marks as a solution for missing data (as you read before), another solution is leaving a gap in the line or drawing a dotted line between the two data points where the data is missing.

Read more

Create your own line chart

Join Datylon for free and get started online or download our Datylon for Illustrator plug-in with a 14-day trial. Connect with a Datylon expert for a demo session.

Line chart inspiration

Scroll and click on the images below to find inspiration samples of line charts. With your Datylon account, you can use these designs, customize them and update them with new data.

Design impactful data visualizations

Learn more about the different types of charts and graphs you can design with Datylon. Discover other resource pages in our Datylon Chart Library