Viewers: in countries Watching now:
Start communicating ideas and diagramming data in a more interactive way. In this course, author Barton Poulson shows how to read, map, and illustrate data with Processing, an open-source drawing and development environment. On top of a solid introduction to Processing itself, this course investigates methods for obtaining and preparing data, designing for data visualization, and building an interactive experience out of a design. When your visualization is complete, explore the options for sharing your work, whether uploading it to specialized websites, embedding the visualizations in your own web pages, or even creating a desktop or Android app for your work.
In this movie, I want to introduce you to some very basic concepts of Color Scheme management and introduce you also, to some resources for learning more about how you can work with and use color in your own sketches and your own visualizations. The first thing I want to do is introduce you to three different web-based tools, all of which have fabulous resources and you can try each one for different purposes. The first one that we've looked at before is Adobes Kuler and it's at kuler.adobe.com, and what you get here when you first click in, is you see a bunch of Color Schemes and in fact, you can just come and click on one and it fills up the entire page.
Click back and you see that you have a whole collection of palettes that you can try. What's more significant is that you can click on one of these and you can get all sorts of information you need, for instance; the Hex codes, the HSV, the RGB codes. But watch also what you can do. One of these is set as the base color. It's this color right here. And if you want to you can start playing around with Common Color schemes, for instance we have an Analogous color scheme. It's going to take all colors that are very close to each other. And truthfully these are very soothing.
You can often get a reasonable amount of differentiation with an Analogous color scheme without being too jarring. Or you can do a Monochromatic, you see on the color wheel they are all in one straight line. A Triad on the other hand is a temptation, but unfortunately Triads often have too much contrast in them, and it can make it feel disjointed when you're looking at a picture. Complementary has two different sides, and that can give you sort of a main color with small variations and highlight color. Compound starts to introduce a lot of colors and you want to be aware of the risks of that.
Again, you're trying to convey an impression of cohesion and of coherence and you don't want to have too many colors, just enough to highlight the things you need to do. And this one Shades, all shades are the same color. Again, there may even be enough contrast within this to be useful for what you want to do. But one of the most interesting things about Adobe's Kuler is this one right over here. If you come to Create and From an Image because what it can do is it, can take a picture and allow you to highlight parts of the picture and get the palette from that picture.
You have five little dots in here and you can move them around and you can see how the color changes as you go through. And you can go to Flickr and just choose all sorts of different pictures. So let's go a few pages in. So we've got a photo right here and you can just start identifying the palette in it or the things you would like to have in a palette. Even more importantly, you can upload your own photos by clicking on here, putting your own photos and identifying the colors in them.
It's a great way to just get the Hex codes or the RGB codes, but also for ways of looking how you could incorporate other colors into it. Plus you see here on the left we have the Select a Mood, and what that's going to do is it's going to take the colors that are in the picture and suggest color schemes that might go with that. So we have the colorful one, the bright one. This is a very monochrome picture. I am not getting much variation on these. In fact, I better go get a different picture. And so now what I do is we have the Colorful by default and we do have very bright colors down. The Bright, the Muted--you can that we're getting different parts of the same photo. The dots are moving around to show us what it's getting.
And so this is one of the really great things about the Adobe Kuler system. The next one I want to show you is the Color Scheme Designer. And this one also has some great color theory tools. You can for instance, specify the complementary scheme were we get a bright apple green in there. It's kind of overwhelming. The triad which is extremely overwhelming. The tetrad which is even more so. So, the analogic, those are very bright colors for an analogic, but we can rotate them around and maybe get something that's less overwhelming. So for instance maybe right there.
An accented analogic includes a bright contrast there, and so there may be situations which want to do that, but the really cool thing about the Color Scheme Designer is on the bottom right, where you get to pick the page examples. It'll show you a mockup web page with those color examples. You can also pick a dark page. For me the ability to see it in context is one of the great things about the Color Scheme Designer. Also, I should mention that you can check for Colorblind and then you can adjust appropriately or you can specify different Color spaces.
For instance using what are called web safe colors. The third tool I want to show you is Colorbrewer. This one was specifically developed for cartography. But what it really does that's neat, is it allows you to specify categories. How many different categories do you need to have? That's the number of classes on your map. It's on the top left. Right now we have 3, but let's say you need 5, and then what you can do is this says the nature of your data and this is trying to get a sequential more to less, and you'll notice it's not fading in from one color to another. It's using the same shade.
People are pretty good at reading the same shades. I am going to come down for just a moment. I am going to turn off the borders and so that's a sequential one and you can pick different colors for that if you want. But you also have the option of getting what's called a diverging. It's where it's like going into the positive and the negative only a little bit and strongly in both cases, and that's not too difficult to read, but the bottom part does get overwhelming. And the other one is qualitative where it's simply trying to create different distinctions, and I got to tell you, this one's kind of a disaster. It looks like Easter eggs and that's just too much going on for five groups.
Three you might be able to manage, but that's the neat thing about this one. Colorbrewer is also able to specify colorblind safe palettes. I like this one, the photocopy-able palettes, because sometimes things get totally destroyed in photocopies or even just a printer friendly ones and it gives more information about each one. So those are some of the things you can do with the Colorbrewer tool. I encourage you to take a look at each one of these as you try to figure out color schemes that it would work for your own visualizations. And with that, I want to refer you to three different courses that are also offered by lynda.com.
The first one is Working with Color which is produced by Bruce Heavin, and this one is a wonderful background of the general principles of color. We talk about the relative value, the relationships, and so on. The second one is Color Management Essential Training where you learn about the workflow in various programs, as well as the different versions of what is called color space. I like color management in Mac OS X, working with Adobe, and so on, and then the last one is a short course by Mordy Golding on using Kuler, which I showed you just a moment ago, and so this one is great.
It's only 47 minutes total and teach you everything you need to know about using Kuler to it's full power and designing your own sketches and your own online data visualizations, and between those I think you should have an excellent start and working with your own judgment and your own experience, I think you'll be able to produce some spectacular illustrations that are both attractive and informative to your audience.
There are currently no FAQs about Interactive Data Visualization with Processing.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.