17
votes
Accepted
How do I create a tri-colored arc in Inkscape?
Start by drawing a circle using the Circle tool, whilst holding down Ctrl
Turn on "Snap to object centre" & "Snap to rotation centre" and create guides that snap to the centre of the circle
With ...
11
votes
Accepted
Should either the area or the length of a square be proportional to the data that is being visualized?
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 ...
11
votes
How to create a line graph around a circle
Put this into a file called CircularLinegraph.eps. You can then open it in any editor that understand EPS like illustrator, ghostscript, TEX, etc.
%!PS-Adobe-3.0 EPSF-3.0
%%BoundingBox: 0 0 200 200
%%...
9
votes
Accepted
Textual ways to represent percentage without numbers?
Your progress bar idea will work, but you need to find two characters with the same width: one filled, one blank.
There are sites, like this one, that may give you some ideas for what characters you ...
9
votes
How to Make a Beautiful Stacked 3D Plot
This type of graph is called a 'Waterfall Plot'
It can be used to plot arbitrary data in three axes (as in your example), but it is most commonly used to plot the results of a time-frequency analysis....
8
votes
Create a bar chart within a table in InDesign?
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 ...
7
votes
What software can create and annotate a 3D model's outline?
Well that image isn't very hard to draw*. But that seems to me a bit premature. I would first start by answering following questions:
Would you know how to draw that by hand. If yes then use a vector ...
7
votes
Is there an automatic tool that can crawl a live site and generate both a visual sitemap and single-page screenshots?
If you're not afraid of coding you can do this with Python:
import gtk.gdk
w = gtk.gdk.get_default_root_window()
sz = w.get_size()
print "The size of the window is %d x %d" % sz
pb = gtk.gdk.Pixbuf(...
6
votes
Accepted
How to create a customized color cycle picture?
With Gimp:
Step 1 with Blend tool:
Mode: Normal (default)
Gradient: Full saturation spectrum CW
Shape: Conical (asym)
Drag horizontally from center.
Step 2 with Blend tool too:
Mode: Multiply
...
6
votes
Accepted
What is this type of graph/plot called?
It is called a Radar chart (wikipedia) although thats not necessarily super well known or a high consensus name. Thus people have come with different names over time. I've seen it called a spider web ...
5
votes
Accepted
How to visualize combinations of data for a gene discovery application?
TL;DR? Scroll down for the examples.
This is an interesting question. A very complex case that I can only really suggest general ideas for without being on the inside, fully in the know.
It's ...
5
votes
Should either the area or the length of a square be proportional to the data that is being visualized?
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 ...
5
votes
What software can create and annotate a 3D model's outline?
My option regarding the free software is pretty simple.
For a real 3D model Blender https://www.blender.org/
For the anotations Inkscape https://inkscape.org/
You also could use for example Sketchup*...
5
votes
Accepted
What is the name of this chart element?
A little late to this party, but in my neck of the woods, it is called a plotband.
5
votes
How to Make a Beautiful Stacked 3D Plot
%!PS-Adobe-3.0 EPSF-3.0
%%BoundingBox: 0 0 400 400
%%Title: Isometric Graph Drawing
%%Creator: Janne Ojala
%%CreationDate: 2019-04-17
%%EndComments
/up {dup translate} def
/down {neg up} def
/...
5
votes
Two colors whose shades are perceived as equally dark?
Let us imagine that the numbers (100) are the number of photons shooting out of the screen into your eyes.
By simply comparing the values of color (100,100,100) vs (0,0,100) we see that the screen is ...
4
votes
Should either the area or the length of a square be proportional to the data that is being visualized?
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 ...
4
votes
Should either the area or the length of a square be proportional to the data that is being visualized?
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 ...
4
votes
How to visualise two-dimensional scientific data-points in a chart... in grayscale?
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, ...
4
votes
Accepted
Illustrator data-driven maps
Doing this is pretty simple. All you need is:
A data file in a CSV form with names and values.
Each region shape to be filled annotated by the name.
Then all you do is a loop over each column, ...
3
votes
Better way to display three pieces of data on one graph for a website
First, diagnosing the reasons why it's confusing:
Your different messages are competing with each other. First the viewer notices that Week 1 was much more productive than Week 2 - this is the most ...
3
votes
Software for producing yearly cycle illustration
You can do this with excel, atleast if you approximate the design a bit. Excell is probably the only tool that a unspecified random crowd can be expected to be able to use.
The real problem is that ...
3
votes
How to create an array of circles within a circle?
Particle System
My approach would be using a particle generator. But the only ones I know are for 3D images.
So I would use Blender, where you can define the number of particles.
As you need to change ...
3
votes
Maths + Graphic Design - Did somebody try that?
Type designer Hermann Zapf created a typeface specifically for this purpose: AMS Euler. I guess it is both easily comprehensible and readable, if it is also beautiful to look at, you will have to ...
3
votes
How to visualise two-dimensional scientific data-points in a chart... in grayscale?
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 ...
3
votes
Accepted
Should graphs and charts be reversed for RTL-reading audiences?
There's no concrete rule. But here are some points to consider:
Most icons and such are positioned to the right and the text to the left on RTL websites.
Standardized graphs such as timelines and ...
3
votes
Accepted
What is the "unambiguously correct" pictogram for database storage?
Well, from what I know the most used icon for data storage is:
[ image source ]
[ image source ]
[ image source ]
You could possibly get away with a cloud storage icon:
[ image source ]
..or a ...
3
votes
Illustrator data-driven maps
From a purely level-of-effort perspective, consider trying Tableau. I'm pretty sure you can pick it up faster than a script can be written. You can also export your charts/maps to PDF for fine tuning ...
3
votes
Create a bar chart within a table in InDesign?
Imho, I would use Illustrator graph tool.
Now, let's have some fun and bring some magic into INDD using GREP.
The idea is to create character styles that would apply a strike-through to space after ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
data-visualisation × 141information-graphics × 27
chart-design × 24
adobe-illustrator × 18
software-recommendation × 15
information-design × 15
color × 13
website-design × 12
diagram × 10
interface-design × 8
3d × 7
workflow × 6
vector × 5
color-theory × 5
illustration × 4
design-principles × 4
tables × 4
inkscape × 3
text × 3
icon × 3
animation × 3
critique × 3
tools × 3
terminology × 3
maps × 3