tldr; You're talking about 'part to whole relationships', here's most of the techniques for that currently in use.
Choose a visualisation method based on what message you're trying to bring out of the data you're trying to show, then style it as much as you want (being very careful to not get in the way of understanding the actual data and message).
There are 2 main parts to this: Alignment and Size - other things like whitespace and shape are harder to objectively analyse but still important. As with most art and designs, balance is not exact, but a close approximation.
Instead of aligning the bases or the centres of the "bounding box", objects are aligned by their centroid, show below.
Typically with lots of data you're looking to do two things:
Cram lots of data into a limited space, and/or
Make it readable.
If you get both, that's ideal.
When it comes to the "safe" web fonts, I think that Tahoma tends to be a little more vertical and thus can get more data squished in. Typically Verdana and Georgia are regarded as the most well-...
No. It's a trend. It looks pretty. But it has no meaningful purpose.
For instance, the guy in that link has 15 of 16 circles filled for Photoshop.
15 of 16 whats? Skill units? Years? Is he 15/16ths of the way to beating the boss at the end of Photoshop? No! It makes no sense.
If you can find a way to make a chart that tells a story, or puts an actual ...
If you, the creator, is unsure, how will the reader know which it is?
Short answer: the value should be linked 1:1 to the amount of colour on the page. So in your example, it should be area. But there's more than that: you also need to avoid misleading cues that might make a reader read it incorrectly, and you need to know why you're using area instead of ...
You should probably consider establishing upper and lower limits and making the area of concern flash (possibly a red or yellow background with a black line flashing back to the normal waveform) if values go above or below those limits. For example:
ETCO2 values above or below baseline (35-45mmHg)
HR below 60 (considered bradycardic) or above 120 (...
It all depends on the actual use; who uses it to what aim. There are a million alternatives, and what you must bear in mind is what data is ok to be approximately right and what parts need to be exactly right. You could call this the granularity of the data.
How the data is fed is of course also a consideration. But mainly: what needs to be how detailed to ...
If the information is valuable (in other words, if it makes you look good), placing it in an immediately identifiable graphic is nice. It is not mandatory though and you shouldn't force it into a resume just because you can.
People intake information in two basic ways... simultaneous intake and linear intake.
Images, graphs, charts, all foster ...
If you're completely lost, there's a recent (late 2013) book that's a very good, practical, clear introduction to information graphics: Design for Information by Isabel Meirelles.
The question mentions digging into hierarchical data: one classic way of allowing people to do this is with a multi-layer interactive treemap.
It's quite hard to find really good ...
I'd say the area. Optically, a square with a side two times as long shows as an area 4 times as big. Casual observers will relate to the area, even without reading your legend.
A nice example is this legendary graph by xkcd's Randall Munroe:
(huge, legible version)
Don't have any examples from top of my head but you should probably check Swiss Style Graphic Design first
Understanding Swiss Style Graphic Design
and see how Windows 8 uses this approach in their new interface
Metro (design language)
Specially check how they use 'text based' approach on displaying information with very simple shapes and great ...
I think plainclothes and yisela's answers cover the main resources of the type you're looking for, but you could also try free/open source resources that are more on the academic-side:
CMU Open Learning Initiative
Harvard Open Learning Initiative
iTunes University (distributes open learning materials from many schools),
P2PU (probably the ...
Team Treehouse and Codecademy have some interesting web design online courses (HTML + CSS). Not exactly graphic design, but might be of help. Treehouse is $25 a month and Codecademy is free.
PSD Tuts has a "Teach yourself graphic design self-study course" that looks nice.
Coursera offers free courses from big Universities, with certificates and so. I ...
I'm going to approach this from a purely graphic point of view.
Looking at what a database basically is... it's a container which holds various unmatched items. To this end, I would approach it as such. How litteral or abstract you get would depend upon the desired impression on the reader.
You could be very basic and abstract:
A bucket full of ...
I would assume that the bar chart (like that guy's word cloud) is being used to take up space because the résumé is so thin in content. Tell me that you know InDesign; if I want to interview you, I can do a skills test then, or train you after I hire you if you're lacking in a few areas.
Unless the rest of the résumé is ...
When working with items which all must be 100% and the same color I look at the things which make the items distinctive:
size (including widths of strokes)
style (dashes, dots, etc)
fill (hollow, solid, patterns)
Then it's a matter of how I can adjust these four settings to create enough distinction between items so they are visibly different.
Personally I'm not a huge fan of these skill bars. What do they tell you?
So you're 5 blocks on PHP. Does that mean you know everything there is to know about PHP? Nobody knows everything about PHP. Does that mean you use it daily? Is 5 the max? I might assume it is but it also might not be. Bars just seem ambiguous.
How good you are technically is ...
I think this is simply too much information. I get the attempt at making it more scannable but at the end of the day, developer positions typically require two things to get you through the door:
whatever tech buzzwords they are looking for are listed as text in the resume to get by the automated key-word scanners and...
You do well in the interview.
In my opinion the area (D), not each side (E).
If you are using a side of length 2, then the area would be 4 times the value and you would have a very overlapped graph. (E)
When you have a normal bar graph (A), the data is linear, and the with of the bar is just for esthetic. (B)
In those cases the area again is representative of the data because the ...
We're not as good at judging differences in area as we are in length. We use length as a proxy and therefore tend to underestimate differences in areas.
For this reason, a circle that actually has 2x the area of another appears too small because our brain is relating their radii, which differ by a factor of 1.4x.
There's are interesting attempts at ...
The first chart type I thought of was a bubble chart.
You could put time as the x-axis and the page link as y-axis and then use the bubbles to represent the number of clicks at that time.
Here is an example of said chart type:
Source (raphaeljs) (Thanks user568458)
Something like this maybe?
the "Timer" icon may also reflect time span
Just the ideas...
By the way, I would not recommend to indicate the exact amount of time by the icon, like: 1h, 1d, 2d, etc. The graphics should only represent the meaning, like "passed time".
A list of skills, while useful (see below) isn't nearly as important as the rest of the content on your resume. As such...
...making the list a visual bar chart is going to add emphasis to your skill list which, in turn...
...will distract from the more important content on your resume.
As for skill-lists, they really only serve a few ...
Use cultural conventions and associations. There are millions, humans soak up conventions. The shape of arrows are a convention, as are warning signs, 'save disks', etc. Spot and use them.
Consider affordances: if something looks like X can be done with it, looking at it brings to mind X.
Make sure the symbolism goes the right way. It's never ...
This is not a trivial problem; I am only going to give some general suggestions. My graphics are conceptional, would need some elegantifying to be optimal.
First: kudos for making the mesh in the background light-light grey. People often overdo that.
Do not underestimate the use of a few different diagrams to
demonstrate the same data! When people ...
One strategy that you can use is sometimes called Messaging Management (Packaging Design Workbook, p. 87). It helps your audience to "chunk":
A way of dealing with or remembering information by separating it into
small groups or chunks. -Cambridge Dictionary
group like elements so that your audience feels like there is a
lesser quantity of elements to ...
Skills required can span graphic design, ui design, information architecture, user experience, and front end development (CSS, HTML, JS).
Not knowing which of those skills you may or may not have, some general suggestions:
steal. Look at lots of good interfaces. Borrow from them.
keep it simple. Use fewer colors, not more. Use fewer screen layouts, not ...
I really dislike seeing these on student resumes, because they feel trendy/gimmicky and I question the analytics that go into determining how an entry level designer judges their own competency, with a possibly very myopic view of a given software program. 9/10 on InDesign? Ah, so I'm assuming you are fluent in working in tables, creating custom GREP styles, ...