Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now I'd like to show you another example of data visualization, the National Campus and Community Radio Association of Canada or NCRA. There are thousands of nonprofit organizations like this one using Drupal, from Greenpeace, to the Electronic Freedom Foundation, to the World Food Program. But I chose this one specifically, because it's comparatively small and it uses data visualization in ways that are typical of a small organization. It also has one really eye-popping use, which we'll get to at the end. But to start, let's take a look at the links in the left sidebar.
For example, the Member Directory, this is a perfect example of when you would use data visualization. Each one of these items, AMARC, AMI and so on, is a collection of fields. It's obvious that there's a name which is linked of course that's probably the title of the node then the spelled-out name that might be another field, the address, phone, and so on. There is also a little graphic here. If we clicked through the title to any of the full nodes, we get a little bit more information, but it's basically the same thing.
In fact, they reuse this graphic in a different size. That's done automatically in Drupal, and we'll show you how. Let's go on to another example. Over here Our Funders, this is very similar, but as you can see it's not quite as complex it doesn't have as much information. It's just the title, a graphic, a link and then some body text. But again, it's essentially the same as our earlier example. Here is one more I'd like to show you. If we scroll down to this Job Board and click on it, we see active jobs but we also see an Archive of old job listings.
Each one of these has a closing date which is interesting, because it points out a possibility using Drupal. The list of active jobs might only be those things that have a closing date in the future. You can set up Drupal so that it only shows you things based on date, very handy. It means that nobody actually has to go in and remove any of these jobs; they simply disappear after the closing date is passed. Finally, I want to show you that eye- popping example by going to our front page and showing you this map. It's not just a graphic. These pins are actually data driven pieces of information from within Drupal, as you see, when you hover over it, it gives us a little bit of information and if we click any of the pins, we get all of the information about this particular station.
Here is something curious though. If we go over to the Member Directory, we get exactly the same information, but in a different form. So as you can see, you only have to set up the data once, then it can be presented in multiple ways from there on. This site I think collects the information well and makes it easy to access. But it does miss a few opportunities with data display. The next site we'll look at goes much further, even though the information itself is no more complex than the stuff you saw here.
Get unlimited access to all courses for just $25/month.Become a member
61 Video lessons · 99534 Viewers
56 Video lessons · 112757 Viewers
71 Video lessons · 81568 Viewers
131 Video lessons · 39158 Viewers
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.