1. Creating Graphs in Illustrator
Chapter 9
Creating Graphs in Illustrator

2. © 2011 Delmar Cengage Learning
Objectives
Create a graph
Edit a graph using the Graph Data window
Use the Group Selection tool
Use the Graph Type dialog box
Create a combination graph
Create a custom graph design
Apply a custom design to a graph
Create and apply a sliding-scale design
© 2011 Delmar Cengage Learning

3. © 2011 Delmar Cengage Learning
Create a Graph
A graph is a diagram of data that shows relationship among a set of numbers.
Data can be represented by a graphic element such as a:
Bar
Line
Point
© 2011 Delmar Cengage Learning

4. © 2011 Delmar Cengage Learning
Create a Graph
Illustrator offers nine types of graphs:
Column
Stacked Column
Bar
Stacked Bar
Line
Area
Scatter
Pie
Radar
© 2011 Delmar Cengage Learning

5. © 2011 Delmar Cengage Learning
Create a Graph
In Illustrator you can convert one type of graph into another type and create custom designs.
© 2011 Delmar Cengage Learning

6. © 2011 Delmar Cengage Learning
Create a Graph
Enter category labels in the first column of the Graph Data window.
Describes non-numeric data
First row reserved for legend labels.
Describes numeric data that may change
© 2011 Delmar Cengage Learning

7. © 2011 Delmar Cengage Learning
Create a Graph
Legend labels
Category labels
Graph Data window
© 2011 Delmar Cengage Learning

8. © 2011 Delmar Cengage Learning
Create a Graph
Legend labels
Category labels
© 2011 Delmar Cengage Learning

9. Edit a Graph Using the Graph Data Window
Data used to plot a graph is stored in the Graph Data window.
When you make changes to data, click the Apply button in Graph Data window to preview changes.
© 2011 Delmar Cengage Learning

10. Edit a Graph Using the Graph Data Window
When text and data are created in another program, document must be saved as a text-only file with commas separating each number from text.
If importing Excel worksheet, it must be saved as a text file.
© 2011 Delmar Cengage Learning

11. Use the Group Selection Tool
Graphs are grouped objects, consisting of many individual groups, grouped together.
The Group Selection tool allows you to select entire groups within the larger group for the purpose of editing.
© 2011 Delmar Cengage Learning

12. Use the Group Selection Tool
Grouped objects
© 2011 Delmar Cengage Learning

13. Use the Graph Type Dialog Box
The Graph Type dialog box provides a variety of ways to change the look of your graph:
Drop shadow behind columns
Change appearance of tick marks
© 2011 Delmar Cengage Learning

14. Use the Graph Type Dialog Box
Tick marks – short lines that extend out from the value axis.
They help interpret the meaning of column height.
You can move the value axis from left to right or show from both sides of graph.
© 2011 Delmar Cengage Learning

15. Use the Graph Type Dialog Box
Graph options list arrow
Graph types
Add Drop Shadow
check box
Graph Type dialog box
© 2011 Delmar Cengage Learning

16. Create a Combination Graph
A Combination graph uses two graph styles to plot numeric data.
Useful to emphasize one set of numbers in comparison to others.
© 2011 Delmar Cengage Learning

17. Create a Combination Graph
Combination graph is composed of a column and a line graph
© 2011 Delmar Cengage Learning

18. Create a Custom Graph Design
A custom graph design is a picture used to replace columns, bars, or markers in Illustrator graphs.
Only vector-based objects can be used for custom designs.
© 2011 Delmar Cengage Learning

19. Create a Custom Graph Design
Illustrator contains predefined column, marker, and graph designs.
© 2011 Delmar Cengage Learning

20. Create a Custom Graph Design
To use designs:
Open one of the sample files
Create a new graph
Select the graph
Click Object on the Application bar
Point to Graph, then click Column
© 2011 Delmar Cengage Learning

21. Create a Custom Graph Design
Pencil design
Graph Design dialog box
© 2011 Delmar Cengage Learning

22. Apply a Custom Design to a Graph
Illustrator provides four options for displaying custom designs:
Uniformly scaled – resized vertically and horizontally
Vertically scaled – resized only vertically
Repeating – assigns value to custom design and repeats as much as necessary
Sliding – defines a point on custom design from which design will stretch
© 2011 Delmar Cengage Learning

23. Apply a Custom Design to a Graph
Uniformly Scaled
Vertically Scaled
© 2011 Delmar Cengage Learning

24. Create and Apply a Sliding-scale Design
When you apply a vertically scaled design style to a column graph, the entire design stretches to accommodate the value assigned.
Vertically scaled design can sometimes be unsatisfactory
© 2011 Delmar Cengage Learning

25. Create and Apply a Sliding-scale Design
Graph before sliding-scale design is created and applied.
© 2011 Delmar Cengage Learning

26. Create and Apply a Sliding-scale Design
Graph after sliding-scale design is created and applied.
This part of the graphic is no longer stretched
© 2011 Delmar Cengage Learning