Graphics Reference
In-Depth Information
approach to reveal information that would otherwise be difficult to show
(such as trends).
Node Border
You have already explored edge type. Similarly, the
node border
has
attributes such as line weight, line style, and line color that you can use
to indicate additional data. Extending the occupation example, you can set
node size to the number of people in a particular occupation. You can set
node color to a diverging color scale indicating change in wages over the
ten-year period from 2001 to 2010. Additional data includes the median
income—how much money did the typical person in this occupation earn?
Although you could potentially use font size or font color, there could be
challenges with layout or legibility of the font over the colored background.
In
Figure 5-27
(created with yEd), the outline color has been set to the
income level, with dark purple indicating low income (below $20,000—for
example, cashiers) ranging to a bright cyan indicating a high median above
$140,000 (none in this image are in the highest income category). Note, per
the example shown in
Figure 5-8
, models are the darkest green, indicating
a large increase in income (up over 50 percent), but the overall median
income is low ($30,000 to -$40,000—presumably the median model is not
a supermodel). The sales engineers have also increased in bright green (up
45 percent to 50 percent), and their income is fairly high, too ($80,000 to
$100,000).
