Illustrator :: Creating Doughnut Shaped Pie Chart With JavaScript Elements
Jun 18, 2013
We recently built our new company website which we're happy enough with. However one element we tried to capture was an interactive donught shaped pie chart, using javascript to click on each seperate section.
The end result can be viewed at URL....
You'll notice imemdiately that the part that's a little off is the text which sits in each section. IS there an easier way to combine the graphic, text and javascript to achieve the effect we're looking for?
A video tutorial that shows the steps to create a sweet yummy doughnut covered in a thick layer of maple goodness! I have also posted the .xar for my doughnut in the Clipart Gallery for anyone who wants a closer look or just to use it as clipart.
Note: one thing I forgot in the video was to change the shadows on the icing layers to a dark brown color.
And as this tutorial makes use of named colors, if maple isn't your thing you could make it chocolate or vanilla cream
I want to create a creative graphic chart in Illustrator and place it into Word. the catch is that the client -- who doesn't use Illustrator -- wants to update it later. Is that a possibility? If not directly in Illustrator is there another app which would would play nicely with Word?
Is there a way to select all of the text on all artboards and CREATE OUTLINES using Javascript? The text that Adobe provides for scripting has this option for saving to FXGs which is preserveTextPolicy or something similar, but I need the same type of solution for saving as an AI file or as a command before the save. I'm currently working in windows, but am writing this script for use on a MAC. If there isn't an internal way of doing this through Javascript? I would imagine it would be possible through Applescript since it can access the application's GUI, but I'm not sure. A javascript solution would be preferable, but any solution would work at this point.
I' m importing Excel 2008 excel pie charts to illustrator CS5. I am cutting and pasting content between the applications to import. When importing a pie chart - the chart imports OK, but the pie elements import as low resiolution non-vector elements. Is there a way to import as 100% vector elements? Note - all other chart types - bar graphs etc import fine!.
i no how to creat point in civil 3d but in map i can not figure it out... what i am trying to do is to creat a point for 100 drill holes and be able to creat a chart for the cords. so i dont have to use the tracking comand for each one and right them down. its getting very old.. i only have 2012 map 3d. if i have civil 3d its no problem...
I need to create a smooth border line the same shape of the inside of this cutting die which I have scanned......slightly small than the inside (White Part) How do I achieve this? I have tried power trace then created a boundary to make the shape but the line is uneven.
I am learning Revit on my own and I am a total beginner. I am trying to create dome roofs like these: URL....I'm trying to use massing, but am not able to apply a roof over it because theres an error something about being vertical.
Copying an excel chart (2010 and/or 2013, Windows 7 Ultimate) to Illustrator CS6 works okay if line chart lines are solid... but if they are dotted, then in Excel 2010, the dotted line becomes jumbled, and in Excel 2013, the dotted line converts to a solid line... is the only solution to this to save the excel chart as a pdf, or is there another workaround?
Essentially, I am creating a chart in excel and adding a few notations and graphic elements in illustrator for professional publishing..
How do you ungroup or expand a pie chart in Adobe Illustrator CS6? This functionality seems to have been removed. Say I'd like to remove the legend: before, I could ungroup the chart, release its link to the data, and then delete the legend with my white mouse. Object > Expand no longer works either.
I use minus front all the time... well, I'm trying to make a pie chart with just the outside (see example). The logical way to do this to me is the make the pie chart, put an ellipse over everything and "minus front" it using the pathfinder tool. Well, I did this, and even though "minus front" is an available option--I can even click it--nothing happens when I click it. Even when I isolate each wedge of the pie chart, I cannot get any part of it to clip using "minus front."
we have a website concept in Illustrator CS3, with named swatches for all colors. I'm wondering if there is an easy or 'semi-automated' way to generate a chart of the swatches we are using, showing there hex values?
I know I could draw out a bunch of boxes, fill them with the swatch colors, and manually look up and type in the hex values for each. But this would take a LONG time, as there are a number of color variations.
I have some trouble with copy/paste charts from Excel 2010 into Illustrator CS5. I can move things around, but I can not change the colours in Illustrator. The chart is shown as a picture graphic, not a vector in Illustrator. Also when I save the Excel chart in a PDF and try to open it in Illustrator CS5 it is still a picture, not a vector graphic. Where is the bug? (I am using Windows 7.)
is it possible to make a new document and instead of having it shaped like a rectangle/square, to have it shaped like a octagon? I'm making a square shaped business card, but I want the right side of the card to have a zig-zag pattern cut out on it.
When I copied and pasted charts from excel, the lines are all doubled. This is the first time I got this. I could not figure out what is the difference between these double lines and the regular lines. Any clues how to change the lines to regular ones. I am using AI CC.
I have an MS Word 2011 document with an Excel pie chart embedded.Double-clicking the pie chart will open it in Excel 2011.Copying/pasting the chart into Illustrator CS6 results in an uneditable bit image.
Previously, with Word 2008 and Illustrator CS2, this worked perfectly. Mind you, I had tons of excess empty paths and such to scrape out, but still, after a couple of minutes' scraping, I had an editable .ai file ready to be cleaned up, captions typeset, and colors edited for export to .eps and placement in InDesign
In fact, right now I've had to jump over to my old iBook G4 to open my old copies of Word 2008 and Illustrator CS2 in order to do this so I can get this job out the door.Is there any way at all that I can get an Excel 2011 pie chart into Illustrator CS6 as a vector image?
I've tried the shift-click on "Copy Picture" method, but the pie chart still appears as a bit image, and the text is turned to gibberish. Saving the chart as a pdf returns the same results.
At this point in the project, asking for the raw data set and regenerating the pies in Illustrator isn't an option -- and besides, I've had to do that before. Oh, the pain.
Is there a way to make a trend line with the chart tools in AI? Specifically, a polynomial trendline. I am so disappointed with the apparent limitations of the chart tools available.
I have this mysterious grid on my art board that appeared because I hit something accidentally. It is a mesh grid for some purpose. No clue what it is or how to get rid of it, let alone describe it. Remains after I turn the visibility of all my layers off. No selection tool will select it. Unknown cubic icon in upper left of art board. No apparent cues in Illustrator about what this is. Nothing in appearance panel. Lovely program, Adobe. I just upgraded from CS3 to CS6; not a feature in CS3.
The only solution I know is to create an entirely new document and cut and past may entire illustration into it.
Case 1: Open the photo in Photoshop. Create a clipping mask (in my case a teardrop shape) in Photoshop. Place the PSD file into Illustrator
Problem:This works OK but when you view the image closely in Illustrator the edges are jagged
Case 2: Open the photo in Photoshop. Create a clipping mask (in my case a teardrop shape) in Photoshop. Do a "Save As" the Photoshop file as a PDF file using [High Quality Print] as the Adobe PDF Preset. Place the PDF file into Illustrator
Problem: None - now the edges are perfectly smooth, not jagged
I am working on a scatter chart in Illustrator. We would like to use circles instead of the default square. I have figured out how to create and use a custom graphic for this. However, no matter what size circle I create, it seems to default back to the size of what the square was.
Is there any way to customize the size of the graphic objects used in the scatter chart?
I have a grid of objects—say, tiny squares. I'd like to make arbitrarily-shaped selections of those objects—for instance, select a star-shaped group of the squares. Or a circle-shaped group of the squares. Or use text paths to select letter-shaped groups of the squares.
I could imagine a utility that lets me choose an arbitrary shape/path, and then turn that into a selection of objects on the canvas. Is this possible?
Right now I'm stuck using the lasso tool to hand-draw shape selections but it's not accurate enough for what I need to do.
The calibri font used for graphs in Excel are not recognized when the graphs are copied into Adobe Illustrator. Other than changing the font to arial or another font. I upgraded from CS4 to CS6 on my mac and I still get the same error, "An unknown shading type was encountered," and the letters in the chart get substituted with jumbled symbols. I've tried copy the chart directly from excel to illustrator as well as saving it as a pdf or postcript file and then opening in illustrator. But neither approach works.
A friend managed to open the chart in Illustrator (CS5 on a mac) which gave the prompt that it cannot read the font and that it will display it as outlines. This worked and the text was displayed properly. But for some reason I never received this promopt whether using illustrator from CS4 or CS6.
How to create these thick/thin lines like in the atom illustration I've added here:
I need to create arrowheads (two) as well on each circular shape, so that's why I'm trying to figure out a technique of doing this through the use of the LINE tool (for easy addition of the arrowheads, obviously).
