The purpose of a timeline is to show how the dots (or events in your case) break the line, so no need to squeeze the dots inside the line. Also adding bananas or cherries at the ends of the line and a pattern behind all this can affect the meaning and visibility of the actual break points.
I would decrease the thickness of the line and make the dots larger, ...
Use a pattern...
There are a bunch of line patterns loaded with Illustrator by default (Open Swatch Library → Patterns → Basic Graphics → Basic Graphics Lines).
You can use them as a second fill using the appearance panel and use blending etc to get the effect you want. You can add a Transform effect to that specific fill (make sure to check ...
Edit III: I found an imensly gorgeous example of multivariable quantitative data visualisation, and had to add it. You will find it under the heading "Edit III (Nobel laureates)".
Edit II: there has been a little misunderstanding, and I have edited to try to clarify how I interpret the intended use of the data. I have replaced two images and added a section ...
Updated example using a wedge design. For clarity, sample distances were added to the graph, and the text was removed.
Example with Start and Finish text
Since small size is a factor for handheld, here are two 100px by 100px space saving options.
Brainstorming based on Latest Requirements
Here's a space saving idea for mobile that places the app in a ...
This is a small item, so avoid filling precious whitespace by containing every element into its own separate box.
Instead, break the design down into 2 sections for better separation between the top part (general overview) and bottom part (detailed 'specs'). For instance, you could leave the top against a white background, and only use the yellowish ...
These small simplified images representing things are called pictograms (they're sometimes called icons but that also makes implications about how they are used). See also What do you call these infographic icons? which discusses a different style of the same thing.
You can browse thousands and thousands of pictograms like that at the noun project, and ...
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.
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 ...
Years ago I had an Amiga game called F19 Stealth Fighter. The HUD on this had something very similar to what you describe. For bombs that you dropped, rather than fired, you were shown a line with two 'posts' at each end getting closer together the nearer you got to a target.
Here's a simple modern representation:
Graphing applications that do vector output are available. Ive used following applications quite successfully:
Mathematica <- my preference it can do images like above
Matlab (remember to export eps)
Python using matplotlib
Tough you may need to use 3d apps or graph apps as well I suggest:
yEd, various ...
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 ...
I don't feel the colors "jump out" in any way. I think the contrast ratio is far too low. for everything other than the darkest blue. In fact,that light blue and light yellow are nearly impossible to see. The variation between the darker blues is so minute, one would need to be specifically looking for that aspect to pick up on it.
If it were my work, I'd ...
This is an opinion based answer, and there is no right or wrong here. Generally, I quite like the basic style of it. It's very traditional in a kind of educational establishment way. However in my opinion the main problem here is the way you have listed the various features centred on two lines. I don't think there's anything wrong with the fonts. It's just ...
Neither, use Illustrator. It's vector-based, so you can export your graphics as big as you want and it'll always look crisp. Indesign has (imho) better tools for formatting text, but Illustrator is superior when working with shapes - which, i presume, is what you'll be doing when creating an infographic
It looks pretty trivial to draw by hand. Here's a few tricks you could use to make it a bit easier:
Start by setting up a grid for your document (via File → Document Properties... → "Grids" tab) and turn on "Snap to Grid". That way, you won't have to take so much care in getting things lined up correctly.
Also (or alternatively), you could set ...
If you want to show the distance between two persons, it is probably most intuitive to show a distance between two persons. In the rough mockup below there is still some sort of bar, but it is pointing backward. Distance is shown by position (by moving the person to the right) and size (shrinking the person).
When you want more of a barlike indicator, you ...
They are most likely drawn by a human on a computer. Manually, with some definition of manual. It always strikes me a bit weird how people this day and age can not draw simple line drawings themselves. So to begin to answer this question I would ask you how long would it take for you to draw the following image with a pencil and paper?
Image 1: How long ...
The cool way
There's a font for this called FF Chartwell (no affiliation), which I have personally used for different annual reports and white papers. All the data is editable as numbers via the Story editor in InDesign, as the presentation video shows.
Each of the styles below sells as a separate font for about 20$. What you probably need is the 'FF ...
I don't know if its suitable here, but there are also ways with not WYSIWYG-programms. In my example the tikz-package of LaTeX.
Normally TeX is used for texts and professional scriptum, but also good looking vector graphics are possible, with a little effort.
Other great examples can be found in tex.SX or behind this link. :)
There's not really an 'effect' to speak of. These are just flat line art, as @Scott mentions. I can add some advice to stick to very simple shapes, a single colour and one single thickness for all your strokes. Be sure to round most of your corners and select a round end cap in the Stroke panel.
Yes, the data set exporting is very well tucked away.
To export the data sets into pdf's you need to do this:
Make a new action where you simply save a pdf document.
Then from the corner menu in Actions window, select Batch...
Select the action you just made
Select source: Data sets
and Override action "save" commands.
Then press ok.
I agree with a lot of the comments. I like the art style I don't think you should change it - I think that the perspective needs to be adjusted like below.
The white line is optional - I guess it depends on how your design finishes up. I prefer subtle so if you don't need it to accent the crate I'd leave it out.
I also think that the letters should be ...
I think the distance items work better and are far more intuitive, but I'd reverse things a a bit. Great distance should be long and red, short distance should be short and green. What you've posted seems to read the opposite of this. I'd expect long bars to be "far away" and be red.
Without knowing your overall layout, another possibility maybe to use a ...
You can create a Pattern Swatch and use that pattern as a fill. I would start with what you have already, with two specific notes:
Make a perfect square as your background.
Space the diagonal lines so that they divide the square evenly. (I used a 2 inch square and 1/4 inch spaced lines)
Then create a clipping mask the same size as your background
At this ...
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 ...
Expanding on Scott's comment a bit... Here's why vector design applications like Adobe Illustrator (also, Corel Draw, Inkscape) are much much better suited for icon / pictogram design than raster / pixel design applications like Photoshop:
Simple icons like these tend to be based on simple geometric shapes, lines and curves:
You don't get any benefit from ...
A few thoughts:
It took me a while to notice the B C letters in the logo.
The straight lines should follow the perspective of the crate.
Crate-ness could be improved.
I sketched a little something below, take from it what you will:
Characters is 8-bit-ish.
Crate is 2 tone.
Still has a 'bite' metaphor, but more legible letters.
Perspective is followed.