0 1 00:00:00,281 --> 00:00:01,593 Hey there, in this video... 1 2 00:00:01,618 --> 00:00:05,277 we're going to make charts, graphs, pie charts, and things. 2 3 00:00:05,309 --> 00:00:08,003 We'll even make them 3D like this guy down the bottom here. 3 4 00:00:08,246 --> 00:00:11,144 All right, let's go do that now in Adobe Illustrator. 4 5 00:00:11,426 --> 00:00:14,269 I've just started with a blank document. 5 6 00:00:14,496 --> 00:00:17,371 Next we want to go and find the tool we want. 6 7 00:00:17,396 --> 00:00:18,824 It is this tool here. 7 8 00:00:19,441 --> 00:00:20,496 So hover down. 8 9 00:00:20,521 --> 00:00:23,950 Yours might look slightly different depending on which one was last used. 9 10 00:00:24,176 --> 00:00:26,301 We're going to use the Column Graph Tool, even though-- 10 11 00:00:26,441 --> 00:00:28,009 I can say, with a Bar Chart... 11 12 00:00:28,034 --> 00:00:31,325 apparently a Bar Chart goes, or Bar Graph goes left to right. 12 13 00:00:31,566 --> 00:00:32,637 I'm going to use this one. 13 14 00:00:32,816 --> 00:00:34,637 Now when I create my graph... 14 15 00:00:34,662 --> 00:00:36,910 you really need to decide how big you want it. 15 16 00:00:37,074 --> 00:00:39,566 It's surprisingly hard to resize afterwards. 16 17 00:00:39,769 --> 00:00:43,566 I'm going to click, hold, and drag out a rough size kind of graph. 17 18 00:00:43,591 --> 00:00:46,957 You can resize it, but easier to do here. 18 19 00:00:47,504 --> 00:00:49,894 What we want to do now, what you're meant to do is... 19 20 00:00:49,919 --> 00:00:53,238 we need to click this option, 'Import Data'... 20 21 00:00:53,488 --> 00:00:57,059 and from your 'Exercise Files', pick 'Charts - Bar', click 'Open'. 21 22 00:00:57,176 --> 00:00:58,605 And it freaks out. 22 23 00:00:58,660 --> 00:01:00,261 So basically it's... 23 24 00:01:01,168 --> 00:01:04,676 it has only such specifically formatted data... 24 25 00:01:04,707 --> 00:01:06,372 that it's pretty much useless. 25 26 00:01:06,629 --> 00:01:10,329 The easy way, it's not useless, but it is quite specific. 26 27 00:01:10,354 --> 00:01:13,387 So open it up in something like Excel or Google Sheets... 27 28 00:01:13,412 --> 00:01:14,934 whatever you have access to. 28 29 00:01:15,215 --> 00:01:17,503 Puts the default from that, can't remember. 29 30 00:01:18,824 --> 00:01:20,465 I'm going to copy and paste the data I need. 30 31 00:01:20,490 --> 00:01:22,559 Now be very specific about what you copy. 31 32 00:01:22,996 --> 00:01:24,708 I'm going to copy this, excluding the title... 32 33 00:01:24,733 --> 00:01:26,238 because I'm going to add that afterwards. 33 34 00:01:26,263 --> 00:01:29,090 It's not super clever like Excel. 34 35 00:01:29,254 --> 00:01:32,769 I'm going to copy it, and go to Illustrator... 35 36 00:01:33,035 --> 00:01:35,129 and click in this first field here, and paste it. 36 37 00:01:35,371 --> 00:01:37,551 I'm going to click this tick box, that little tick. 37 38 00:01:37,746 --> 00:01:39,394 Kind of says, go and look at it again. 38 39 00:01:39,989 --> 00:01:41,199 It's pretty good. 39 40 00:01:41,402 --> 00:01:43,230 There's a couple of things you want to do. 40 41 00:01:43,255 --> 00:01:46,129 One is, let's say I click on this, and I accidentally... 41 42 00:01:46,154 --> 00:01:47,807 well, not accidentally, I closed that... 42 43 00:01:47,832 --> 00:01:49,832 I'm finished with that, I called it Data Panel. 43 44 00:01:49,857 --> 00:01:51,801 Now I want to go and adjust this. 44 45 00:01:51,826 --> 00:01:54,707 So let's say I want to change the font. 45 46 00:01:55,659 --> 00:01:57,651 It's nice to work with the Direct Selection Tool. 46 47 00:01:57,676 --> 00:01:59,618 Try not to ungroup it, because at the moment... 47 48 00:01:59,643 --> 00:02:03,046 it's a dynamic chart that I can adjust afterwards... 48 49 00:02:03,071 --> 00:02:06,125 but if I ungroup it, it kind of turns into shapes and pieces. 49 50 00:02:07,844 --> 00:02:10,249 Actually what I'll do is, 'Black Arrow', select the whole thing. 50 51 00:02:10,469 --> 00:02:11,315 And you can see over here... 51 52 00:02:11,340 --> 00:02:13,008 my Character Panel, I'm just going to pick these here. 52 53 00:02:13,033 --> 00:02:14,742 So this is where you add your... 53 54 00:02:15,345 --> 00:02:18,923 I guess, your niceness. 54 55 00:02:19,215 --> 00:02:23,418 Niceness is not the word I want, but sex it up a little bit. 55 56 00:02:23,825 --> 00:02:26,098 Another nice word, a word that I didn't want. 56 57 00:02:27,184 --> 00:02:28,192 I'm going to go through. 57 58 00:02:28,217 --> 00:02:29,480 I'm using the White Arrow. 58 59 00:02:29,505 --> 00:02:32,567 The Direct Selection Tool is really handy for just going through... 59 60 00:02:32,592 --> 00:02:34,520 and going, I want you, I want you. 60 61 00:02:35,676 --> 00:02:36,645 Pick you. 61 62 00:02:37,356 --> 00:02:39,512 I'm going to color them all, please hold. 62 63 00:02:40,395 --> 00:02:41,825 Grab this last one. 63 64 00:02:46,465 --> 00:02:49,801 We've customized it a little bit, now let's say I want to change it. 64 65 00:02:50,278 --> 00:02:53,653 As in, some of the-- maybe it's the Sales Report. 65 66 00:02:53,678 --> 00:02:55,332 So next month it's a little different. 66 67 00:02:55,536 --> 00:02:57,668 Now to update it, all you want to do is... 67 68 00:02:57,693 --> 00:02:59,981 with it selected, on the new version of Illustrator... 68 69 00:03:00,006 --> 00:03:02,138 you can just hit 'Graph Data', and it pops back up. 69 70 00:03:02,356 --> 00:03:05,332 You can go and either copy and paste it, and replace it... 70 71 00:03:05,357 --> 00:03:06,293 or whatever you want to do. 71 72 00:03:06,318 --> 00:03:10,441 Let's say that things changes, it's no longer 150, it's 110. 72 73 00:03:10,653 --> 00:03:14,363 It's gone bad for Brewed, click on the little tick, and it's adjusted. 73 74 00:03:14,965 --> 00:03:17,786 Another thing you might do is you might adjust-- 74 75 00:03:17,811 --> 00:03:19,012 Well, that's on the new version... 75 76 00:03:19,037 --> 00:03:21,238 I'll just quickly explain it for people in the older version. 76 77 00:03:21,263 --> 00:03:23,926 You go into 'Object', 'Graph', 'Data'. 77 78 00:03:24,090 --> 00:03:25,965 Brings back the same thing, data. 78 79 00:03:27,239 --> 00:03:29,348 Let's say you want to change the chart. 79 80 00:03:29,809 --> 00:03:33,926 So, in that option over here, under 'Properties', go to 'Graph Type'. 80 81 00:03:33,951 --> 00:03:35,270 You can just go through and say-- 81 82 00:03:35,295 --> 00:03:38,410 There's all these options along here, I'm going to pick a 'Pie Chart'. 82 83 00:03:39,145 --> 00:03:40,707 Actually let's look at Line Chart. 83 84 00:03:41,629 --> 00:03:43,747 No, Pie Chart, let's do that, let's click 'OK'. 84 85 00:03:45,325 --> 00:03:47,067 The weird thing about Pie Charts is that... 85 86 00:03:47,092 --> 00:03:50,004 you need to have the data in the right kind of format. 86 87 00:03:50,029 --> 00:03:51,402 So I'm going to go to 'Graph Data'. 87 88 00:03:51,731 --> 00:03:54,707 And basically what we need to do is, this here... 88 89 00:03:54,732 --> 00:03:57,480 we transpose row and height. It wants to see the... 89 90 00:03:57,606 --> 00:04:00,270 the information kind of going that way, watch this. 90 91 00:04:00,559 --> 00:04:02,864 Then click 'tick', and life is good again. 91 92 00:04:03,145 --> 00:04:04,277 All my colors are gone... 92 93 00:04:04,567 --> 00:04:07,200 which I couldn't live with, so I kind of colored it. 93 94 00:04:08,551 --> 00:04:11,723 There are a couple of things you can also do now. 94 95 00:04:12,356 --> 00:04:14,824 With the White Arrow, we can select on this... 95 96 00:04:14,849 --> 00:04:16,934 and what we're trying not to do... 96 97 00:04:16,959 --> 00:04:20,591 is breaking that link between that being like an active graph. 97 98 00:04:21,590 --> 00:04:23,598 So we can update and change it easily. 98 99 00:04:23,840 --> 00:04:24,911 So I'm going to grab my White Arrow. 99 100 00:04:24,936 --> 00:04:26,894 We can do cool stuff like this, where I drag it out... 100 101 00:04:26,919 --> 00:04:29,793 to maybe have like a pull out, where we explain a little bit more. 101 102 00:04:29,974 --> 00:04:31,192 The good thing about it is that... 102 103 00:04:31,217 --> 00:04:34,067 if I click it on with my Black Arrow again... 103 104 00:04:34,153 --> 00:04:36,809 this data is still live, I can go through, and say... 104 105 00:04:36,834 --> 00:04:39,411 actually this is back to 350, I made a mistake here. 105 106 00:04:39,677 --> 00:04:42,231 Click 'tick', and everything adjusts. 106 107 00:04:42,256 --> 00:04:44,583 So you're keeping that connection to the data. 107 108 00:04:44,919 --> 00:04:47,474 There are times where you do need to break that. 108 109 00:04:47,499 --> 00:04:49,630 I'll show you a couple of reasons why. 109 110 00:04:50,278 --> 00:04:51,292 Can I close this down? 110 111 00:04:51,317 --> 00:04:54,754 One cheap trick, actually I'm going to undo it so that it's back in there. 111 112 00:04:55,028 --> 00:04:57,153 A cheap trick is, I want to make it like a doughnut. 112 113 00:04:57,178 --> 00:04:59,239 Like you saw at the front there, or in the Intro. 113 114 00:04:59,349 --> 00:05:01,481 You could cut a hole in it, or-- 114 115 00:05:01,942 --> 00:05:03,724 Actually I'm going to start from the center here. 115 116 00:05:04,802 --> 00:05:08,364 Hold down 'Shift Alt', I'll draw a circle from the center. 116 117 00:05:09,286 --> 00:05:11,989 I should knock a hole in it, and make it a Compound shape... 117 118 00:05:13,067 --> 00:05:14,833 or just put a white circle in it. 118 119 00:05:15,122 --> 00:05:16,778 Looks like the doughnut shape. 119 120 00:05:17,083 --> 00:05:19,153 The other thing I want to do is I'm going to click 'A'. 120 121 00:05:19,180 --> 00:05:22,039 And I want to get rid of the Stroke around the outside. 121 122 00:05:23,602 --> 00:05:25,610 I can do that easy enough, 'Stroke'. 122 123 00:05:26,235 --> 00:05:27,438 Set to... 123 124 00:05:28,499 --> 00:05:30,992 I'm guessing here. Can I do that? I can, totally. Awesome. 124 125 00:05:31,140 --> 00:05:32,812 That circle also needs it. 125 126 00:05:34,335 --> 00:05:36,202 Now it's looking okay. 126 127 00:05:37,156 --> 00:05:41,859 We've still retained all that, I guess, connection. 127 128 00:05:42,225 --> 00:05:45,545 So what I want to do now, I want to actually break that connection. 128 129 00:05:46,281 --> 00:05:49,085 We'll do some cool 3D stuff like we saw at the beginning. 129 130 00:05:49,110 --> 00:05:53,335 So I'm making a copy of my good one, with all the data still connected. 130 131 00:05:53,460 --> 00:05:54,850 There are times when you want to say... 131 132 00:05:54,875 --> 00:05:58,616 actually, just want to smash this to pieces so I can do some cool things with it. 132 133 00:05:58,949 --> 00:06:01,746 To do it, I feel like you want to go to 'Object', 'Expand'... 133 134 00:06:01,771 --> 00:06:04,168 but you can click on that forever. 134 135 00:06:04,286 --> 00:06:07,079 That doesn't work, you need to actually go 'ungroup' in this case... 135 136 00:06:07,205 --> 00:06:08,277 which is a little strange. 136 137 00:06:08,317 --> 00:06:09,778 It says it's going to break that link. 137 138 00:06:09,927 --> 00:06:12,020 And I say, "Yes," because I've got some stuff to do. 138 139 00:06:12,419 --> 00:06:14,638 What I might do, first of all... 139 140 00:06:14,872 --> 00:06:18,457 is I might do a proper Compound shape... 140 141 00:06:19,192 --> 00:06:21,591 where I select all of this. 141 142 00:06:22,481 --> 00:06:23,903 Are these all connected? They are. 142 143 00:06:23,928 --> 00:06:25,388 So I'm going to have to ungroup them. 143 144 00:06:25,731 --> 00:06:28,239 Put them again, now they're all bits and pieces. 144 145 00:06:28,794 --> 00:06:30,593 They're still connected, stop being connected. 145 146 00:06:30,631 --> 00:06:32,552 Ungrouping lots. 146 147 00:06:33,083 --> 00:06:34,637 Now they're all separate pieces. 147 148 00:06:34,872 --> 00:06:38,450 So I'm going to click all these, I'm going to grab my Shape Builder Tool. 148 149 00:06:39,075 --> 00:06:40,262 Remember, I hold down... 149 150 00:06:40,287 --> 00:06:43,700 'Option' key on a Mac, or the 'Alt' key on a PC, and draw a circle. 150 151 00:06:43,957 --> 00:06:45,816 And now, there's a hole in the middle. 151 152 00:06:45,934 --> 00:06:47,254 How do I know there's a hole in the middle? 152 153 00:06:47,279 --> 00:06:49,433 I can use my shortcut, 'Command-Shift-D'... 153 154 00:06:49,777 --> 00:06:52,786 to see the Transparency Grid. I'll turn it off. 154 155 00:06:53,027 --> 00:06:55,246 If you're on a PC, it's 'Control-Shift-D'. 155 156 00:06:55,535 --> 00:06:58,856 Why do we need natural hole? Because we need to make that 3D shape. 156 157 00:06:59,145 --> 00:07:02,684 So with this selected, what I might do is make another copy of this. 157 158 00:07:02,709 --> 00:07:03,879 I have copies everywhere. 158 159 00:07:04,293 --> 00:07:08,418 Let's go to 'Effect', '3D', and 'Extrude & Bevel'. 159 160 00:07:08,443 --> 00:07:09,613 It's going to do the look we want. 160 161 00:07:10,926 --> 00:07:11,942 Click on 'Preview'. 161 162 00:07:12,540 --> 00:07:16,121 It's not grouped, so that's going to do really weird stuff, watch this. 162 163 00:07:17,387 --> 00:07:18,246 Hit 'Cancel'. 163 164 00:07:18,271 --> 00:07:19,332 So we need to group it. 164 165 00:07:19,357 --> 00:07:21,465 Also make sure there's no Stroke around the outside. 165 166 00:07:21,490 --> 00:07:23,204 If you have a black Stroke around the outside... 166 167 00:07:23,229 --> 00:07:25,465 it makes it look a little lame when it gets into 3D. 167 168 00:07:25,490 --> 00:07:26,903 We just have black edges. 168 169 00:07:27,168 --> 00:07:31,465 So back into 'Effect', '3D', 'Extrude', click on 'Preview'. 169 170 00:07:32,215 --> 00:07:33,903 And now we get to do some fun stuff. 170 171 00:07:36,113 --> 00:07:39,613 Not fun, it's pretty cool though. 171 172 00:07:40,043 --> 00:07:41,262 I like it. 172 173 00:07:41,287 --> 00:07:44,192 Let's click 'OK'. 173 174 00:07:44,621 --> 00:07:47,379 One thing you can do is you can go to Outline view. 174 175 00:07:47,404 --> 00:07:49,683 So 'Command Y', or 'Control Y'. 175 176 00:07:49,848 --> 00:07:52,668 Or 'View', it's this one here, toggle that in and out. 176 177 00:07:52,693 --> 00:07:55,449 You can kind of look at it still in Plain view. 177 178 00:07:55,559 --> 00:07:58,355 And what you might decide is, grab the 'Black Arrow'. 178 179 00:07:59,028 --> 00:08:02,473 It's grouped, I'm going to double click it to go inside the group. 179 180 00:08:02,981 --> 00:08:04,840 Now I'm going to click this one chunk. 180 181 00:08:05,150 --> 00:08:06,118 It's going to be a little slow... 181 182 00:08:06,143 --> 00:08:08,020 because it's doing 3D stuff in the background. 182 183 00:08:08,376 --> 00:08:11,308 I'm going to click this arrow loads of times until it disappears. 183 184 00:08:11,558 --> 00:08:13,175 I'm going to hit 'Command Y' again to get back. 184 185 00:08:13,426 --> 00:08:16,371 You can kind of do this, like 3D pull out thing. 185 186 00:08:17,019 --> 00:08:18,800 Feel like this needs to be rotated around. 186 187 00:08:18,834 --> 00:08:20,321 I should have done this in the 3D view. 187 188 00:08:21,160 --> 00:08:24,059 It's really weird if you try and rotate it, it's rotating it... 188 189 00:08:24,246 --> 00:08:27,504 but then going back to the 3D, and doing some weird stuff. 189 190 00:08:27,529 --> 00:08:29,743 We'll look at the cover, line charts, and Scatter graphs... 190 191 00:08:29,768 --> 00:08:31,290 it's all basically the same. 191 192 00:08:31,637 --> 00:08:35,129 Dump in the data, you might have to clean the data up a little bit. 192 193 00:08:35,154 --> 00:08:37,032 Then it's kind of making it look nice. 193 194 00:08:37,837 --> 00:08:40,145 These are some examples of things I've done. 194 195 00:08:40,496 --> 00:08:43,863 They're not beautiful, but it's-- trying, like to fancy up... 195 196 00:08:46,363 --> 00:08:49,785 graphs and data for annual reports, those types of things. 196 197 00:08:51,160 --> 00:08:54,184 All right, that is going to be it about how to do it. 197 198 00:08:54,348 --> 00:08:56,426 There's a couple of other things I want to show you. 198 199 00:08:58,035 --> 00:09:00,293 Actually let's go and jump to that other stuff now. 199 200 00:09:00,611 --> 00:09:03,799 All right, where are we? We are in the middle of a Sales Pitch. 200 201 00:09:04,908 --> 00:09:07,173 I guess I want to show you where we'll take it from now. 201 202 00:09:07,198 --> 00:09:10,782 I often get my graphs to a certain level, then I want to animate them. 202 203 00:09:11,041 --> 00:09:13,416 And Illustrator is not the tool to do it. 203 204 00:09:13,441 --> 00:09:14,931 It's generally After Effects. 204 205 00:09:14,956 --> 00:09:17,564 I've got a course for that, and I'm going to kind of show you... 205 206 00:09:17,589 --> 00:09:19,571 not to sell the course, kind of to sell the course... 206 207 00:09:19,596 --> 00:09:22,525 but just to show you like what you can do with graphs. 207 208 00:09:22,550 --> 00:09:25,533 So it's called Data Visualization and Animated Infographics. 208 209 00:09:25,558 --> 00:09:28,245 There's lots of pictures of me, I should have had a shave. 209 210 00:09:30,174 --> 00:09:31,173 It does a lot of things... 210 211 00:09:31,198 --> 00:09:33,869 we change from graphs from say, Excel, or Illustrator. 211 212 00:09:34,089 --> 00:09:35,222 And we do the-- 212 213 00:09:37,566 --> 00:09:38,730 I'm going to mute it. 213 214 00:09:39,441 --> 00:09:42,722 You can kind of see, the same graphs, with a little bit of, I don't know. 214 215 00:09:44,550 --> 00:09:46,834 Animation just kind of brings them to life... 215 216 00:09:46,859 --> 00:09:49,042 if you're doing PowerPoint presentations... 216 217 00:09:52,144 --> 00:09:53,933 things for YouTube. 217 218 00:09:55,277 --> 00:09:58,777 It just covers-- any other nice looking things in that? No, it's just me. 218 219 00:10:00,346 --> 00:10:03,721 Check that out, you don't have to do my course, but go and check out. 219 220 00:10:06,127 --> 00:10:10,526 Check out After Effects for animating that sort of thing. 220 221 00:10:10,816 --> 00:10:12,191 Now, don't go yet. 221 222 00:10:12,231 --> 00:10:16,024 The next one is not a Sales Pitch, but it is future awesomeness. 222 223 00:10:16,227 --> 00:10:17,813 Let's jump to that now. 223 224 00:10:17,845 --> 00:10:19,594 All right, where have I brought you? 224 225 00:10:19,619 --> 00:10:22,149 I've brought you to watch YouTube with me. 225 226 00:10:23,680 --> 00:10:25,453 It's worth watching, I promise you. 226 227 00:10:25,977 --> 00:10:27,701 You can go and just look at... 227 228 00:10:28,630 --> 00:10:31,490 ProjectLincoln, Bernard Kerr, he's a Kiwi guy. 228 229 00:10:32,083 --> 00:10:35,099 This is Adobe Max, their big conference they have every year. 229 230 00:10:35,298 --> 00:10:36,970 I'm lucky enough to speak at it. 230 231 00:10:37,130 --> 00:10:40,234 If you do get to go, this year it's in L.A, last year it was it was Vegas. 231 232 00:10:40,259 --> 00:10:41,468 Very exciting, right? 232 233 00:10:41,493 --> 00:10:46,024 20,000 creatives doing presentations and awesome things. 233 234 00:10:46,049 --> 00:10:47,055 So come check it out. 234 235 00:10:48,079 --> 00:10:50,219 They've got this thing called Adobe Sneaks. 235 236 00:10:50,244 --> 00:10:51,860 And all Adobe Sneaks are, it's like... 236 237 00:10:51,885 --> 00:10:54,422 what Adobe are doing in the background, it's not released yet... 237 238 00:10:54,447 --> 00:10:56,220 but stuff they're trying to work on. 238 239 00:10:56,626 --> 00:10:58,571 Enough talking, I'm just going to let this play out. 239 240 00:10:58,596 --> 00:11:00,266 This is me, ending the video. 240 241 00:11:00,291 --> 00:11:01,634 You don't have to watch anymore. 241 242 00:11:01,659 --> 00:11:04,289 It's six minutes long, you can watch it, you don't have to. 242 243 00:11:04,314 --> 00:11:05,845 But man, it's cool. 243 244 00:11:06,602 --> 00:11:08,048 I hope it's going to be out soon. 244 245 00:11:08,383 --> 00:11:09,533 Okay, let's hit Play now. 245 246 00:11:09,558 --> 00:11:11,321 You don't mind me saying, everybody welcome... 246 247 00:11:11,346 --> 00:11:13,501 Bernard Kerr, with ProjectLincoln. 247 248 00:11:14,313 --> 00:11:15,737 I can't turn my microphone off. 248 249 00:11:18,211 --> 00:11:19,259 Hello Max. 249 250 00:11:19,976 --> 00:11:21,999 Whoever out there has ever had to make... 250 251 00:11:22,024 --> 00:11:24,071 a nice looking chart or Data Visualization? 251 252 00:11:24,096 --> 00:11:25,072 Me. 252 253 00:11:27,172 --> 00:11:30,336 Have you found the process painfully slow and frustrating? 253 254 00:11:30,361 --> 00:11:31,391 Yes. 254 255 00:11:31,753 --> 00:11:34,917 Would you like some super powers to be able to do it at lightning speed? 255 256 00:11:37,058 --> 00:11:41,324 I got to say, this is the first time I've heard a crowd cheer for Data Visualization. 256 257 00:11:45,175 --> 00:11:48,363 In the past you've probably used one of three different approaches. 257 258 00:11:48,972 --> 00:11:51,167 You might have tried drawing something from scratch... 258 259 00:11:51,665 --> 00:11:53,665 you might have found a template that was close... 259 260 00:11:53,690 --> 00:11:55,399 but not quite exactly what you wanted. 260 261 00:11:55,681 --> 00:11:57,548 Or you may not be familiar how to code. 261 262 00:11:58,212 --> 00:12:00,212 Or some combination of the three. 262 263 00:12:02,548 --> 00:12:04,750 So all these approaches start with data... 263 264 00:12:04,775 --> 00:12:08,024 that's sort of stuffed into a machine, and spits out the visualization. 264 265 00:12:09,053 --> 00:12:11,639 But ProjectLincoln flips this up on its head... 265 266 00:12:11,664 --> 00:12:15,843 and says, "What if you could sketch first, and then bind your drawing to data?" 266 267 00:12:17,365 --> 00:12:20,349 That means any of the visual properties of something you've drawn... 267 268 00:12:20,374 --> 00:12:21,490 could be bound to data. 268 269 00:12:21,772 --> 00:12:23,342 That could be its position... 269 270 00:12:23,779 --> 00:12:25,569 its size, its color. 270 271 00:12:25,594 --> 00:12:27,600 Even text could be bound to data. 271 272 00:12:28,530 --> 00:12:30,053 And these data driven drawing tools... 272 273 00:12:30,078 --> 00:12:32,616 live on top of the drawing tools you already know and love. 273 274 00:12:33,092 --> 00:12:35,155 So let me show you how this works... 274 275 00:12:35,180 --> 00:12:38,522 by trying to build you a poster for my friend Kim Chambers. 275 276 00:12:39,077 --> 00:12:43,279 You may remember Kim for close to last couple of years. 276 277 00:12:44,629 --> 00:12:48,606 She's not only a sensation, she's also an extraordinary swimmer. 277 278 00:12:49,785 --> 00:12:53,386 One of seven people on the planet to have swum the ocean seven. 278 279 00:12:53,676 --> 00:12:56,153 A set of gruelling marathon swims all around the world. 279 280 00:12:56,504 --> 00:12:58,121 So I'm going to make a poster for her. 280 281 00:12:58,426 --> 00:13:01,942 So all I'm going do here, in Lincoln, I'm going to bring in a simple spreadsheet. 281 282 00:13:03,535 --> 00:13:05,428 This is for the North Channel swim. 282 283 00:13:07,167 --> 00:13:09,552 So from this picture we're going to grab these variable names... 283 284 00:13:09,584 --> 00:13:11,893 from the top of the spreadsheet and put it into this palette. 284 285 00:13:12,080 --> 00:13:14,955 And this is what we're going to use to bind our drawing to data. 285 286 00:13:15,827 --> 00:13:17,331 So if I want to make a Bar chart... 286 287 00:13:17,356 --> 00:13:20,878 I just make a bar the size, and shape, and color that I want. 287 288 00:13:21,990 --> 00:13:23,693 Then when I hit the Repeat Grid... 288 289 00:13:24,319 --> 00:13:26,553 I get a Bar for each of those swimmers. 289 290 00:13:27,803 --> 00:13:31,249 Now if I want to set the length of this Bar... 290 291 00:13:31,274 --> 00:13:34,780 I can select the right hand side and bind it to the Time Variable. 291 292 00:13:35,936 --> 00:13:38,769 And now all these Bar points are bound to time... 292 293 00:13:38,794 --> 00:13:40,839 and I can adjust them with this Axis Control. 293 294 00:13:42,358 --> 00:13:43,816 If I add some text... 294 295 00:13:47,178 --> 00:13:48,833 I just added some text here. 295 296 00:13:48,858 --> 00:13:50,662 At this point it's the same all the way down... 296 297 00:13:50,687 --> 00:13:53,147 but I can bind that to the swimmers' names. 297 298 00:13:54,108 --> 00:13:55,897 I could do the same for time. 298 299 00:13:57,834 --> 00:14:01,131 I'm going to open up my Swimmer Library, and I grab a swimmer. 299 300 00:14:02,733 --> 00:14:05,467 So I've got the swimmer sitting here, repeated that same way all the way down... 300 301 00:14:05,492 --> 00:14:08,132 but I've got this new concept which I call a Sticky Anchor. 301 302 00:14:08,709 --> 00:14:11,413 With this we set up a relationship between the Anchor Point of one object... 302 303 00:14:11,438 --> 00:14:12,608 and Anchor Point of another. 303 304 00:14:13,108 --> 00:14:15,139 So now they have this offset. 304 305 00:14:25,020 --> 00:14:26,520 Now I'm going to throw in a flag. 305 306 00:14:28,295 --> 00:14:31,027 Obviously not all of these swimmers are from New Zealand like me and Kim. 306 307 00:14:31,052 --> 00:14:33,233 So we bind them to the country variable. 307 308 00:14:36,283 --> 00:14:38,237 Fill that in with some dark gray. 308 309 00:14:38,362 --> 00:14:39,667 So here's Kim... 309 310 00:14:40,619 --> 00:14:44,408 and looks like she's wearing the wrong bathing suit. 310 311 00:14:44,433 --> 00:14:47,650 So let me bind that swimmer to the Gender Variable. 311 312 00:14:49,862 --> 00:14:52,505 So now we have actually three women swimmers... 312 313 00:14:52,530 --> 00:14:54,416 who have done these crazy swims... 313 314 00:14:54,963 --> 00:14:57,869 and they were 17 hours in the waters; it's a long time, right? 314 315 00:14:58,596 --> 00:15:01,159 So now that I'm sort of happy with my design here... 315 316 00:15:01,564 --> 00:15:04,696 I can apply all these bindings to each of the other swimmers. 316 317 00:15:05,760 --> 00:15:10,370 So now they automatically just get generated based on the data. 317 318 00:15:22,734 --> 00:15:26,124 I can also throw these all on the same page at the same time. 318 319 00:15:30,894 --> 00:15:33,802 Small multiples, and I can control the spacing between them too. 319 320 00:15:34,951 --> 00:15:37,160 Bar charts, maybe not your cup of tea... 320 321 00:15:37,185 --> 00:15:39,426 maybe we'll try something a little more sophisticated. 321 322 00:15:41,150 --> 00:15:42,607 Now I'm going to do a Weather radio. 322 323 00:15:42,896 --> 00:15:44,817 Now if you know what a Weather radio is... 323 324 00:15:45,293 --> 00:15:47,957 it's actually a visualization of weather... 324 325 00:15:47,982 --> 00:15:50,590 showing you the high and low temperatures for every day of the year... 325 326 00:15:50,615 --> 00:15:52,309 for the entire year, all in one go. 326 327 00:15:53,888 --> 00:15:55,802 This would be really useful for Kim to know about... 327 328 00:15:57,137 --> 00:15:58,543 when she's planning these swims... 328 329 00:15:58,568 --> 00:16:01,738 to know what time of the year to go for these crazy swims. 329 330 00:16:01,763 --> 00:16:04,191 So this time I'm going to bind the right hand side of this bar... 330 331 00:16:04,216 --> 00:16:05,707 to the high temperature for the day. 331 332 00:16:06,184 --> 00:16:08,575 The left hand side is going to be bound to the low. 332 333 00:16:09,074 --> 00:16:10,707 Now when I hit the Repeat Grid... 333 334 00:16:11,066 --> 00:16:14,613 I have 365 of these Bars in an arranged chart. 334 335 00:16:15,527 --> 00:16:17,967 Now I'm going to bind the color of this bar... 335 336 00:16:17,992 --> 00:16:20,949 to the average temperature, with this new color control. 336 337 00:16:23,246 --> 00:16:25,892 So these guys are running off the page, it's 365... 337 338 00:16:25,917 --> 00:16:28,087 and now I'm going to throw them into a Radial Pattern... 338 339 00:16:29,762 --> 00:16:30,939 and then we have a... 339 340 00:16:39,716 --> 00:16:42,598 So of course we can apply these findings to all those different cities... 340 341 00:16:42,623 --> 00:16:45,281 that she would be swimming from to work out where actually to go. 341 342 00:16:46,848 --> 00:16:49,559 I don't have time to do a full poster here... 342 343 00:16:49,584 --> 00:16:52,637 but here is a sort of design we worked on earlier. 343 344 00:16:54,951 --> 00:16:56,036 It's awesome! 344 345 00:17:01,832 --> 00:17:06,160 I just built 14 Data Visualizations, simple and complex ones... 345 346 00:17:06,357 --> 00:17:09,628 with total creative control and freedom in less than four minutes. 346 347 00:17:10,925 --> 00:17:12,114 Cool, guys? 347 348 00:17:15,286 --> 00:17:16,794 All right, that was awesome. 348 349 00:17:17,700 --> 00:17:20,567 I'm hoping we all do a video class very soon... 349 350 00:17:20,592 --> 00:17:23,638 on how to use Lincoln, or whatever they end up calling it. 350 351 00:17:25,473 --> 00:17:27,512 All right, that's the end of this one. 351 352 00:17:29,192 --> 00:17:30,762 It was good fun watching a YouTube video. 352 353 00:17:31,161 --> 00:17:32,450 We should do it again. 353 354 00:17:32,887 --> 00:17:37,004 In the next video we'll do something, a little bit more Illustrator. 354 355 00:17:37,226 --> 00:17:38,398 Let's go and do that now.