Make a Radial Bar Graph in Adobe Illustrator keeping data live

  Рет қаралды 149,121

DN:TV The Design Ninja

DN:TV The Design Ninja

7 жыл бұрын

Continuing on from the movie on making a doughnut chart, this movie shows how to make a radial bar graph in Illustrator.
Illustrator has some great graph tools but as they were conceived quite a way back they often "need a little help" especially with presenting data in more modern ways. This movie shows how to make a radial bar chart and keep the data live.
Note: at around 6:06, when I'm describing the size difference between the polar grid and the chart, I'm actually referring to the way that the chart is drawn, not the grid.

Пікірлер: 99
@philrawlings8885
@philrawlings8885 Жыл бұрын
This was the BEST guide to doing anything Adobe I've ever seen. Perfectly described, no messing, no fuss, just getting on with exactly what I needed to know. Thank you!
@TheDesignNinja
@TheDesignNinja Жыл бұрын
Thank you-really appreciate your comment and glad this has helped you!
@bwolson
@bwolson 3 жыл бұрын
Just came across this and I have to say once explained it’s obvious and perfect. Thanks for sharing your time and this technique!
@slmontano7782
@slmontano7782 7 жыл бұрын
You've really opened my eyes to the flexibility of chart making in Illustrator. Thanks.
@TheDesignNinja
@TheDesignNinja 7 жыл бұрын
Hey SL-that's really lovely of you to say-thank you! If you're a Lynda.com subscriber you could check out my Infographics with Illustrator course (bit.ly/2mboozC) for more charting goodness! Keep watching and spread the word! :)
@Nabhishek
@Nabhishek 7 жыл бұрын
Awesome Tutorial really helpful Thank you so much. the idea to keep changing the data was what i was looking for Cool !!!
@michaelhortens3989
@michaelhortens3989 6 жыл бұрын
Very helpful. You explain things very well. You're instructions are very thorough.
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Thank you very much-it's always nice to know when your work is appreciated! Keep watching! :)
@sikwescarter905
@sikwescarter905 5 жыл бұрын
Thank you very much. I was working on an annual report. And this made things look nicer and easier. Bless!
@TheDesignNinja
@TheDesignNinja 5 жыл бұрын
Glad it helped! :)
@Consciousnessbin
@Consciousnessbin 6 жыл бұрын
Dude, you're amazing. I really like the way you describe every detail with patience. Good job and thanks.
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Thank you so much-it's always great to receive feedback like this that validates my efforts. Much appreciated!
@markstroud2489
@markstroud2489 2 жыл бұрын
Makes total sense. Simple and flexible!! Thanks
@silviacazacu8903
@silviacazacu8903 5 жыл бұрын
This is pure gold. Thank you so much!
@TheDesignNinja
@TheDesignNinja 5 жыл бұрын
You're most welcome and really happy that you found it useful. :)
@sharonmc5192
@sharonmc5192 4 жыл бұрын
THANK YOU SO MUCH!!! This has been a godsend. I could not for the life of me figure out how to do these type of graphs, let alone did I know they were called Radial graphs. Really informative and well explained. Nice one! 'Subscribed' :)
@TheDesignNinja
@TheDesignNinja 4 жыл бұрын
Hey! You're very welcome and thank you very much for your kind words-much appreciated! Did you check out the recent video showing how to make these manually, but easily using the Dynamic Shapes plugin from Astute Graphics? It may be worth taking a look. :)
@clockworkpink
@clockworkpink 7 жыл бұрын
Great tutorial, exactly what I was after. Thank you so much for sharing! I'm subscribing :)
@TheDesignNinja
@TheDesignNinja 7 жыл бұрын
Hey-you're welcome-glad it helped.
@astridmonge2047
@astridmonge2047 6 жыл бұрын
Thank you for this! You made it so easy to digest, right down to the bit where you said, "bear with me a little longer as I'm going to show you so important info".
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Glad you liked it-and thanks for taking the time to let me know, it's appreciated!
@ericpbjz
@ericpbjz 2 жыл бұрын
You just saved my life and sanity, thank you!
@whitedove288
@whitedove288 3 жыл бұрын
This was really good, thank you!!!!
@fernandoborge5376
@fernandoborge5376 5 жыл бұрын
Really useful congratulations!!
@MrYuan321
@MrYuan321 2 жыл бұрын
I will buy your book if you write one! these tutorials are so helpful!!!
@badogblue
@badogblue 3 жыл бұрын
Must say this was a fantastic video! Very clear and perfect pace. I'm just wondering if there is a way to alter the colour of individual charts once they are contained within the clipping mask? You see I have about 40 graphs in a spiral using your method, and anytime I edit the colour the whole circle changes as opposed to the individual graph segment (even if I select the edit contents as shown) Would very much appreciate your help :)
@jollygyeonv_
@jollygyeonv_ 2 жыл бұрын
thankyou! it is super helpful!!
@saeeda.2652
@saeeda.2652 3 жыл бұрын
Very useful, Thanks mate
@haneenmarghalani5075
@haneenmarghalani5075 7 жыл бұрын
Thank you so much , its exactly what I need
@TheDesignNinja
@TheDesignNinja 7 жыл бұрын
Hey Haneen-you're welcome! Glad it helped. Please be sure to subscribe, and spread the word!
@dracoustics
@dracoustics 2 жыл бұрын
Just subscribed on this one video alone. So helpful - thank you! Is there a way to make the spacing between the each of the radial graphs a little larger? They are right on top of one another and, therefore, a little hard to differentiate.
@MrYuan321
@MrYuan321 2 жыл бұрын
brilliant tech!!! thank you !!!
@lightbridge1672
@lightbridge1672 5 жыл бұрын
Really helpful...thanks bro
@TheDesignNinja
@TheDesignNinja 5 жыл бұрын
Thank you!
@lacey490
@lacey490 6 жыл бұрын
I love how you say, before you dive off and do the other two... haha already did it, you predicted it and it just made me laugh
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Ah, as you can probably tell, it's not my first rodeo, and it's just a people thing. If it made you laugh, then you've made my day and thanks for letting me know. :)
@anggiehardien3064
@anggiehardien3064 6 жыл бұрын
thanks mate.. very appreciate!!
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
You're welcome-glad you appreciated and keep watching :)
@nicolasbailleul1
@nicolasbailleul1 Жыл бұрын
Thanks very nice tips !
@olimueller
@olimueller 5 жыл бұрын
good one, thanks for sharing!
@TheDesignNinja
@TheDesignNinja 5 жыл бұрын
You're welcome, Oli! :)
@saltyannie
@saltyannie 6 жыл бұрын
Sooo so good, thank you!! Question- why use the group select tool instead of just the direct select tool?
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Glad you liked it, and thanks for commenting. In answer to your question, in some cases you could use the Direct Selection Tool when working with Graphs/Charts, but it is best practise to use the Group Selection Tool, as it can do quite a few things with groups (like charts/graphs/grids) that the other cannot. My recommendation is that you develop a mindset/routine that says to you "when I'm working with graphs or charts, use the Group selection Tool"; trust me-it'll pay off-but of course it is entirely up to you. :)
@Guuskerduu
@Guuskerduu Жыл бұрын
Tx for this this insight!
@la.ana.logica
@la.ana.logica 6 жыл бұрын
you save my day, thanks¡
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
You're most welcome!
@PhotoshopTrainingChannel
@PhotoshopTrainingChannel 7 жыл бұрын
Nice, brother! You have a new subscriber! :)
@TheDesignNinja
@TheDesignNinja 7 жыл бұрын
Thank you my brother! And such good company I keep! :)
@MSaTTarKhan
@MSaTTarKhan 7 жыл бұрын
You also got a new sub :D
@EmanDeMoan
@EmanDeMoan 6 жыл бұрын
THANK YOU
@sheskuni
@sheskuni 6 жыл бұрын
Hey there, I really appreciated your tutorial - I'm quite new at graphic design! There is just one thing I wanted to ask you: when ungrouping the polar grid tool, the best possibility I reach is "compound group" and it won't divide in any other section. If I try to go inside the inner level to select the circles one by one, they are still connected. Do you think you can suggest me another solution? Thank you so much!
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Hey Eleonora. Thank you! In regards to your question, the grid tools usually create multi-level groups-use the ungroup command twice and you should be fine-let me know if that doesn't solve your problem.
@94Endgameboy
@94Endgameboy 6 жыл бұрын
Hi super cool tutorial thank you so much but I have a question, how do I change the size without ruining everything?
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Hey, Zed-thank you! This is actually a commonly asked question, so no worries-you have to use the Scale tool. Select the items and tap "S" on tyour keyboard, followed by RETURN/ENTER; the Scale dialog will appear-change the uniform values to scale up or down from there. Hope that helps, and thanks for watching and commenting! :)
@94Endgameboy
@94Endgameboy 6 жыл бұрын
Wow thx you're awesome !
@PhilTravisano
@PhilTravisano 3 жыл бұрын
Awesome.
@arseify
@arseify 6 жыл бұрын
Super helpful!!
@arseify
@arseify 6 жыл бұрын
Thanks
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Hey-thank you! Happy that it helped. :)
@kobe736
@kobe736 6 жыл бұрын
Hi ! i love your instructions and it is really clear but for some reason when I do the clipping mask step, the outer line disappears leaving me with only the pie chart. What have a done wrong? Thank you
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Hey Kobe-thanks for the kind words and sorry that you're having problems with this. One of the most common errors with this is that you haven't completely ungrouped the polar grid successfully-check the video again at around 7:27-as I think that may be where the problem lays for you. Other than that, check that you have one of the rings and the chart you want to mask are bothe selected. If you're still struggling after checking those things, come on back. :)
@lj1128
@lj1128 5 жыл бұрын
hey! Great tutorial. Is there a way to change the colour of a single graph after typing in the data? Thanks.
@TheDesignNinja
@TheDesignNinja 5 жыл бұрын
Yep-use the group selection tool or the Layers Panel to target the graph you're after. :)
@jordynalexxx
@jordynalexxx 5 жыл бұрын
@@TheDesignNinja Are you able to do this once the graph is 100% complete? I have a very complex radial bar graph so I have decided to alternate colours for ease of viewing. Trying to change the colours of a single bar/graph however it is changing the colour of the whole ring/circle and not just what is remaining after using the clipping mask. I am using the layers panel to target just the graph but I am having no luck.
@LivingInMoscowID
@LivingInMoscowID 5 жыл бұрын
When I adjust the outside bar through your layer method the outside stroke comes back. Any ideas on how to fix this?
@TheDesignNinja
@TheDesignNinja 5 жыл бұрын
Hey. Sorry, just to clarify, do you mean when you modify the data associated with the largest masked pie? :)
@lauraslater779
@lauraslater779 3 жыл бұрын
Hi thank you for such a great video, after I have made the radial bar graph and then edit the data in the graph through opening the library tab, it makes the others parts of the graph grey, that before i had as not fill. how do i prevent this from happening as it wont let me then edit that colour ???
@TheDesignNinja
@TheDesignNinja 3 жыл бұрын
Hi Laura! That's just a quirk of Illustrator, and it does that sometimes. You should always be able to edit the colour, though! Use the layers panel to get to the graph you want to change. Sometimes also applying a graphic style prevents the colour changing if the data is modified, so try that also.
@lauraslater779
@lauraslater779 3 жыл бұрын
@@TheDesignNinja Thank you so much for your reply, that is great to hear, I think I was having one of those why isn't it working moments lol. After looking at it with fresh eyes I realised all I needed to do was click no fill on that section again. Thank you again for creating such an easy to follow tutorial !!!
@TheDesignNinja
@TheDesignNinja 3 жыл бұрын
You're welcome and glad you're up-and-running again!
@boonz6116
@boonz6116 6 жыл бұрын
Thank you for your help. Uhmm can i ask for the A.I file on this please?
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Hey-you're welcome and happy that I was able to help. Regrettably, this file isn't available for distribution, sorry!
@arunkumarmaurya3755
@arunkumarmaurya3755 7 жыл бұрын
how can I scale the graph? shift and drag doesn't work
@TheDesignNinja
@TheDesignNinja 7 жыл бұрын
Firstly, sorry it's taken me a few days to reply, for some reason I wasn't notified of your comment! You need to use the Scale Tool. Select the Graph, then tap S on your keyboard-that enables the Scale Tool. You then have two choices, hold down the SHIFT key and click/drag to change the scale, or hit RETURN to use the dialog. :)
@nasreenshaikhattarriyah7079
@nasreenshaikhattarriyah7079 4 жыл бұрын
superb
@TheDesignNinja
@TheDesignNinja 4 жыл бұрын
Thank you! Much appreciated.
@thalitavale1917
@thalitavale1917 5 жыл бұрын
How do I find the percentage?
@TheDesignNinja
@TheDesignNinja 5 жыл бұрын
Well, that's more of a math question than an Illustrator question, but simply put if you want to find the percent of 86 out of 200, you'd first divide 86 by 200 [result: 0.43] then move the decimal point two places to the right [result: 43] and that's your percentage. Hope that helps. :)
@amanazar2597
@amanazar2597 4 жыл бұрын
thanks
@TheDesignNinja
@TheDesignNinja 4 жыл бұрын
Welcome
@andybrookins185
@andybrookins185 3 жыл бұрын
Is it possible to specify Graph by degrees as opposed to percent ?
@TheDesignNinja
@TheDesignNinja 3 жыл бұрын
With the native tools it isn't, but you can check this video for alternative methods that show alternative methods and how to do your own calculations for percentages: kzfaq.info/get/bejne/j5h7fLBks526f2Q.html
@TheJelena719
@TheJelena719 4 жыл бұрын
God bless you
@TheDesignNinja
@TheDesignNinja 4 жыл бұрын
Thank you! And also you.
@marcuslai669
@marcuslai669 Жыл бұрын
my god. I've been living in cave... thank you so much
@adityams1659
@adityams1659 4 жыл бұрын
I am actually surprised u have less number of subs
@TheDesignNinja
@TheDesignNinja 4 жыл бұрын
Aw, thank you-yes, me too! Oh well…
@charles2790
@charles2790 4 жыл бұрын
Oh.... Ctrl 7 didn't work 😢 and I don't know why
@TheDesignNinja
@TheDesignNinja 4 жыл бұрын
Hey Charles-try again and make sure that the items you need are selected. :)
@WalkingTheNarrow
@WalkingTheNarrow 6 жыл бұрын
illustrator has a tool to do this
@TheDesignNinja
@TheDesignNinja 6 жыл бұрын
Trust me, this is the only way to do this in Illustrator connected to live data!
@hyphendash5815
@hyphendash5815 5 жыл бұрын
its not smart its really hard work.:(
@TheDesignNinja
@TheDesignNinja 5 жыл бұрын
I think you may be confusing smart with easy. While the first couple of times you do this it will seem fiddly, the benefits of keeping that data connection can far outweigh the setup time. But, you can't please all the people all the time so if it isn't for you, then that's fine.
@Zzzannie
@Zzzannie 7 жыл бұрын
nice tutorials but u tell some much stuff around it u could have easily done it under 5 mins
@TheDesignNinja
@TheDesignNinja 7 жыл бұрын
Hey, thanks. It's tricky, as some people want an explanation around the techniques, and others just want the details. All I can say is that I meet and hear from far more who want the whole explanation, so I write the content to go along with that. I'll work on getting the time down, though-five minutes is a good target to aim at.
@GeminiAngel619
@GeminiAngel619 7 жыл бұрын
I disagree - I enjoy the explanations. Please continue to do exactly what you're doing. The worst videos on KZfaq are those that play music, or have no sound at all, don't explain anything, and leave people guessing. Thank you for being thorough. I create content for a nonprofit and your videos have been very helpful to me as I prepare an infographic for an incredibly important presentation. If we get this grant, it will be because you've helped me to present the information in such a way as to be easily (graphically) understood -- I couldn't have done it without you! :)
@TheDesignNinja
@TheDesignNinja 7 жыл бұрын
Thank you so much! I'm really glad that I've been able to help and I do hope that your project is a success. It is tricky to get the balance right and I do examine where I could improve to get a better middle-ground that suits everyone, but the explanations are an important aspect if you want to go beyond making just the thing in the tutorial. I'm very appreciative that you have just validated that for me and again, thank you! Keep watching! :)
How To Make a Donut/Doughnut Chart in Illustrator Keeping Data Live
7:12
DN:TV The Design Ninja
Рет қаралды 182 М.
DEFINITELY NOT HAPPENING ON MY WATCH! 😒
00:12
Laro Benz
Рет қаралды 62 МЛН
НЫСАНА КОНЦЕРТ 2024
2:26:34
Нысана театры
Рет қаралды 791 М.
Nastya and SeanDoesMagic
00:16
Nastya
Рет қаралды 29 МЛН
Creating Graphs in Adobe Illustrator CC
11:13
Yes I'm a Designer
Рет қаралды 359 М.
Create custom infographics (Adobe Illustrator Tutorial)
21:04
Flux Academy
Рет қаралды 13 М.
Illustrator: How to Make a Ring Chart (Video Tutorial)
3:20
CreativePro
Рет қаралды 2,3 М.
Making infographics with Adobe Illustrator
42:36
Adam Robert Marton
Рет қаралды 12 М.
3 Illustrator Clipping Mask Uses You NEED TO KNOW
6:04
Satori Graphics
Рет қаралды 935 М.
9 Shapes Every Designer Must Know in Adobe Illustrator
11:22
Illustrator Trick : Art  Brush Lettering
9:32
Nobu Design
Рет қаралды 1,1 МЛН
3D Pie Chart In Adobe Illustrator CC
10:00
CodingDesign
Рет қаралды 15 М.