Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


Radial Charts

8/18/2019

1 Comment

 
Illustrator has many charts you can create with the chart tool. However, there is no radial chart tool. Here is how you build one using simple math and have Illustrator do the calculations. It all starts with a simple pie chart.
Picture

Picture
Picture
Select the Ellipse tool and click on the Artboard to open the dialog box. Set the size of the circle and click OK. 
Picture
Open the Transform panel. For this example the pie is going to be 55%. In the Pie End Angle enter 55*3.6. There are 360° in a circle so each 1% is multiplied by 3.6° to calculate the angle of the pie. 
Picture
This is the result of the 55 X 3.6. The pie shows 55% (which is 198° of a 360° circle).

Picture
Repeat this process for each pie section you want. 
Picture
Select the Polar Grid tool and click on the Artboard to open the dialog box. Set the width and height to 150 pt (the same size of the pie sections). Set the number of Concentric dividers to be 2 more than the number of pie sections you want. Set the radial dividers to 0. Click OK. 
Picture
This is the result of the polar grid. 5 Concentric Dividers, no Radial Dividers. 

Picture
Select the Polar grid and add a stroke to the paths. Increase the stroke until the path nearly touch, leaving a white gap between the lines.
Picture
Choose Object > Path > Outline stroke to convert the paths to shapes. 
Picture
Ungroup the shapes. Delete the center two circles.

Picture
Select all the pie segments and align them. 
Picture
Move the circles over the top and align them with the pie shapes.
Picture
Select the outer circle and one of the pie segments. Choose Object > Clipping Mask > Make. 

Picture
Select the next ring in and select the next pie shape. Repeat the Object > Clipping Mask > Make. 
Picture
Repeat the process on the third ring. You have a radial chart!
1 Comment
Get Into PC Softwares Free Download link
8/21/2019 01:39:20 pm

Very nice radial Charts

Reply



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022