Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now

Overview of data visualization

Overview of data visualization provides you with in-depth training on Developer. Taught by Barton Po… Show More

Interactive Data Visualization with Processing

with Barton Poulson

Video: Overview of data visualization

Overview of data visualization provides you with in-depth training on Developer. Taught by Barton Poulson as part of the Interactive Data Visualization with Processing
Expand all | Collapse all
  1. 3m 16s
    1. Welcome
    2. What you should know
      1m 22s
    3. Using the exercise files
  2. 11m 51s
    1. Overview of data visualization
      11m 51s
  3. 11m 53s
    1. Installing Processing
      3m 38s
    2. Overview of Processing
      4m 5s
    3. Exploring libraries
      4m 10s
  4. 1h 1m
    1. Basic setup
      7m 31s
    2. Drawing points
      4m 37s
    3. Drawing lines
      5m 6s
    4. Drawing ellipses and circles
      5m 24s
    5. Drawing arcs
      6m 54s
    6. Drawing rectangles and squares
      4m 58s
    7. Drawing quadrangles
      3m 25s
    8. Drawing triangles
      2m 55s
    9. Drawing polygons
      3m 37s
    10. Drawing simple curves
      4m 54s
    11. Drawing complex curves
      6m 46s
    12. Drawing Bézier curves
      5m 38s
  5. 54m 3s
    1. Introduction to variables
      10m 44s
    2. Understanding variable scope
      6m 53s
    3. Modifying variables
      9m 8s
    4. Creating arrays
      9m 53s
    5. Modifying arrays
      6m 37s
    6. Creating strings
      7m 3s
    7. Modifying strings
      3m 45s
  6. 1h 2m
    1. Incorporating randomness
      7m 59s
    2. Using Perlin noise
      4m 24s
    3. Shuffling with Java
      3m 30s
    4. Specifying line attributes
      8m 2s
    5. Changing placement modes
      5m 45s
    6. Understanding color attributes and functions
      4m 16s
    7. Exploring color spaces
      7m 44s
    8. Using color palettes
      7m 5s
    9. Transforming the grid
      8m 38s
    10. Exploring the attribute matrix
      5m 33s
  7. 52m 7s
    1. Building code blocks
      5m 57s
    2. Writing a while loop
      3m 52s
    3. Using for loops
      5m 35s
    4. Creating conditionals
      14m 50s
    5. Working with easing
      10m 51s
    6. Creating spirals
      11m 2s
  8. 18m 55s
    1. Mouse tracking
      3m 54s
    2. Hovering and clicking
      11m 16s
    3. Understanding keyboard interaction
      3m 45s
  9. 27m 32s
    1. Specifying fonts
      6m 43s
    2. Using images
      5m 51s
    3. Playing a video loop
      6m 20s
    4. Exporting video
      3m 47s
    5. Adding sound
      4m 51s
  10. 20m 49s
    1. Creating functions
      11m 48s
    2. Creating classes and objects
      9m 1s
  11. 31m 10s
    1. Using embedded data
      5m 26s
    2. Working with appended text data
      6m 4s
    3. Working with appended tabular data
      10m 26s
    4. Reading XML data
      9m 14s
  12. 48m 15s
    1. Generating dot plots
      11m 11s
    2. Building scatter plots
      10m 0s
    3. Making line plots
      9m 53s
    4. Creating bar charts
      9m 12s
    5. Checking out examples of maps, hierarchies, and networks
      7m 59s
  13. 20m 57s
    1. Introducing some principles of 2D design
      13m 44s
    2. Understanding color theory
      7m 13s
  14. 24m 46s
    1. Interacting with zooming, rotating, and sliding
      6m 26s
    2. Implementing slicing
      6m 47s
    3. Using rollovers
      5m 58s
    4. Introducing the GUI libraries
      5m 35s
  15. 10m 35s
    1. Sharing via OpenProcessing and other sites
      3m 19s
    2. Saving as a desktop application
      2m 42s
    3. Saving as JavaScript
      1m 47s
    4. Saving as an Android application
      2m 47s
  16. 2m 38s
    1. Where to go from here
      2m 38s

please wait ...
Overview of data visualization
Video Duration: 11m 51s 7h 43m Beginner


Overview of data visualization provides you with in-depth training on Developer. Taught by Barton Poulson as part of the Interactive Data Visualization with Processing

View Course Description

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.

Topics include:
  • Exploring the need for creative data visualization
  • Drawing basic lines and shapes
  • Introducing variables, strings, and arrays
  • Modifying drawing attributes such as color
  • Making drawings more dynamic with animation loops and spirals
  • Creating keyboard- and mouse-based interactions
  • Adding images, video, and sound
  • Reading in text or XML data
  • Creating plots and charts
  • Publishing and sharing your work
Developer IT

Overview of data visualization

This course has two major objectives. The first is to introduce you to Processing but the second objective is to introduce you to the field of Data Visualization, and show how you can use Processing to create customized visualizations from scratch. Now, in one sense visualization is nothing new. Data Visualization can be seen in some ways as nothing more than a more elaborate version of statistical graphing; like the pie charts and the line graphs that we're familiar with. On the other hand there is so much more to it than the simple and often simple minded pie charts and graphs that we see. It turns out that most kinds of statistical graphs have a long history and they all have one important thing in common. In the words of John Tukey, the spiritual father of the modern field to data visualization, "The greatest value of a picture is when it forces us to notice what we never expected to see." You can find this happening in one of the first known graphics, which is this chart of planetary movements from the 10th Century. It's pretty rough by modern standards, but even though it's over a thousand years old, it's pretty easy to tell that it's showing the positions of several celestial bodies over time, making it the earliest version of what can be called a Multiple Time Series Chart. It's also pretty clear that some of the bodies seem to move around a lot more than others, which can lead to some interesting theorizing about the nature of the solar system. Moving forward 800 or 900 years, two people made particularly important contributions to statistical graphics. The first was William Playfair, who was a Scottish engineer and economist. In this graph from 1786, Playfair created what is considered by many to be the first bar chart, which is still available right in Excel. In another graph of trade data, he also created a Time Series Line Chart, which was not terribly unlike the early planetary chart, but which was more clearly labeled and showed excellent use of color. Fifteen years later in 1801, Playfair came out with another innovation that's still with us today, for good or evil, the pie chart. The pie slices are easiest to see in the second pie to the left and the fifth one to the right. I should mention that despite Playfair's innovation, there are a lot of good reasons for not making pie charts and we'll talk about those in a later movie. While Playfair's graphs were significant for getting the visualization ball rolling, they existed primarily as an early form of annual report fodder, that this, they simply communicated information and tried to do so in a clear and attractive way. It was the English nurse Florence Nightingale who was the first to use statistical graphics as compelling tools for persuasion and policy change. Her best-known chart was the 1858 Diagram of the Causes of Mortality in the Army in the East, which depicted causes of death among soldiers in the Crimean war in Turkey. This particular chart which is a variation on Playfair's pie chart is called a Polar Area Diagram or sometimes in her honor, a Nightingale Rose diagram. Although Nightingale herself called it a coxcomb. As a result of her presentation, Queen Victoria appointed a sanitary commission that came to Turkey and removed dead animals from the water, got rid of rotten floors and improved ventilation. As a result, the mortality rate there dropped from 52% to 20%, making this perhaps the graph that saved more lives than any others. Playfair's and Nightingale's graphs also served to illustrate one half of a potentially important distinction in visualization, which is the difference between what is called Information Visualization and Data Visualization. Now this is far from a hard and fast distinction, but at least it can help focus thinking about graphics. Essentially, Information Visualization refers to graphics that are created to communicate information that is already understood by at least some people. This was the case for both, Playfair's and Nightingale graphs and it's true for most of the infographics, trotted out in today's newspaper. Data visualization on the other hand can be thought of as a graphics that are designed to help researchers find the patterns in the first place. One of the great historical examples of this kind of pattern searching comes from the 1854 cholera outbreak in the Soho district of London, which eventually, claimed over 600 lives. The predominant theory of cholera at the time was it was passed by "bad air." However, the physician John Snow charted each case of cholera and found an epicenter at the public water pump on Broad Street. This led to the removal of the pump handle, which may have contributed to the steep decline in cholera at the time, that is some say, it declined because they took the handle off, others say, it was already going down, but either way it was great detective work and an excellent low-tech solution to a serious problem. But really, Data Visualization is not identical to these graphs from 150-200 or 1100 years ago. Despite the fact that you can still produce most of these graphs in any spreadsheet program, a lot has changed since then, and the nature of visualization has changed significantly. One important change is the ability to automate analyses and graphics with computers, which is something that none of these pioneers had. But perhaps the most important change is the scale of data available and how the modern deluge calls for new and different methods. When a dataset has hundreds or thousands of variables and possibly millions or billions of cases, it's simply not possible to go through manually and do one variable, or one correlation or one pie chart at a time. For example, here are a few large data sets that I recently came across. The National Institutes of Health has a thousand genomes project and they have made the data freely available to the public, but it is 200TB of data. Also, CalTech astronomers have been measuring the brightness histories of 200 million stars and celestial objects, resulting in over 20 billion independent measurements. And then a few years ago, Google gathered language statistics from live webpages and the resulting dataset, while only 24GB, contained data on over one trillion words. And so, well, we won't deal with anything like those in this course. These examples do highlight the extraordinary demands and opportunities created by modern data sources; as well as, give you an idea of why methods developed for much smaller datasets may no longer be ideal. With those points in mind I want to show you some modern data visualizations that were created specifically in Processing. Now I'm doing this not to show you what we're going to accomplish in this particular course, but as a form of inspiration and to give an idea of what's possible with Processing. The first two I want to show you are by Aaron Koblin. This first was called Amsterdam SMS Messages and it's a way of examining text messages when and where they are sent. After that he created another one, that's very well known called Flight Patterns, which tracks the departure and arrival of flights in and out of the United States. And what's interesting is that even though he has provided no map of the United States, per se, you get a very clear feel for the outline, simply based by the departures and arrivals of flights. The next three that I want to show you are by one of the creators of Processing, Ben Fry. This first one is genetics data and what he's depicting is the genetic similarities between humans and other animals. The next one is a depiction of the changes in Charles Darwin's Book on the Origin Of Species. It's actually an interactive graphic that shows you it's a complete text and if you go to the website, you can click on it and see exactly what phrases and words were added or subtracted with each edition. The third one from Ben Fry is another, well-known one called Zipdecode and what it is, it's an interactive graphic that depicts the center point of every ZIP code in the United States, and all you have to do is begin typing numbers and it shows you where those zip code show up. So you see on the bottom left here, I typed 9, which highlights states on the West Coast, California, New Oregon and Washington. And this is a neat way of doing a quick interactive and also gives you an idea for population density. You can see for instance, that the East Coast is much more densely populated. It's practically solid around the New York area and that most of Nevada is very sparsely populated. The next one I want to show you is by Brendan Dawes and this is a section of a larger piece, this is called Cinema Redux. And what he's done here is he's taken a constant stream of still frames from several movies and simply arranged them in order, essentially re-creating the movie in very small images. Now if you go and see the entire collection, you can see very clear differences from one director to another. You see for instance here that Alfred Hitchcock had a much lighter palette and a much warmer palette than did William Friedkin in The French Connection, which was cooler and darker. You can also see that the vertigo was longer. This next one is by Casey Reas, the other major creator of Processing and is called Aura, it's a depiction of the same data set from several different perspectives and gives you an idea of how you can approach a single collection and get a diversity of representations out of it. After that we have two by Jer Thorp who is the Data Artist in Residence of the New York Times. This first one is based on Twitter and it's called Just Landed and it's simply collecting public tweets that included the expression, Just Landed and where they took off and where they ended up, and it connects them that way. After that Jer Thorp was commissioned to produce a graphic of every cover of popular science magazine over its history and he was able to do that both by grouping it by decade as well as by topic. And you can see the changes in topics for instance; phylogenetics and celluloid came up early on. Then, we had the V8 in full color in the 40s and 50s and then we have the microcomputer, the modem, which I see has dropped off in the recent years and the MP3, which has been one of the more recent topics. After that is the Max Planck Research Network, and this is created by Moritz Stefaner and Christopher Warnow, which simply shows the interconnections of a series of researchers. Next, Neil Banas has created something called the NPZvisualizer, which is for biological research. This is also an interactive one, if you go to the original website, you can adjust parameters and explore the effects of each one. This is the Feltron Report created each year by Nick Felton who keeps track of essentially every event that happens in his life and produces an annual personal report each year. He's also created software from this that you can use at his website The next one is called Similar Diversity by Philipp Steinweber and Andreas Koller which takes the text of several major religious books, identifies the major characters and shows where information about them appears and more significantly, the interconnections between those characters. This is actually a much larger graphic, sometimes shown on wall size, which makes it easier to explore the very small details upfront. The next several are by Reza Ali. The first two are simply library data about the Dewey Decimal Code System and the interrelationships between them. It's an interactive and beautiful graphic. The next three are depictions of the Lorentz force from physics. And I personally find them stunning images of natural science data. Next is Hamlet from Understanding Shakespeare by Stephen Thiel. And what this shows is a selection of keywords from Hamlet arranged by scene with the yellow highlighting the major characters. In this case, it's Hamlet where Hamlet speaks all the way through. You can see for instance that he doesn't speak very much in the second scene, but he comes back to the third and so on. And these also are produced wall size and wonderful ways for getting the general feel of what's going on in a particular story. This one by Victor Vina and Nerea Calvillo is in the air, which depicts air pollution in Spain. And then finally, SNCF tag cloud by Xiaoji Chen shows tweets about the national rail system in France and the major topics we see, for instance fail and late apparently come up a lot. And so, this collection I present to give you an idea of what can be accomplished in Processing and the room for creativity and personal interpretation as well as an insight into data that you can get by using this program.

There are currently no FAQs about Interactive Data Visualization with Processing.






Don't show this message again
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.

Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

* Estimated file size

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.

Mark all as unwatched Cancel


You have completed Interactive Data Visualization with Processing.

Return to your organization's learning portal to continue training, or close this page.


Upgrade to View Courses Offline


With our new Desktop App, Annual Premium Members can download courses for Internet-free viewing.

Upgrade Now

After upgrading, download Desktop App Here.

Become a Member and Create Custom Playlists

Join today and get unlimited access to the entire library of online learning video courses—and create as many playlists as you like.

Get started

Already a member?

Log in

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

You started this assessment previously and didn’t complete it.

You can pick up where you left off, or start over.

Resume Start over

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.

Sign up and receive emails about and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from

Sign up and receive emails about and our online training library:

Here’s our privacy policy with more details about how we handle your information.

submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.