Tutorial for Segments 032 – Rectangle Spectrum

Using a Rectangle Spectrum

This graphic can be used on its own to show a radiation from a single point or as a handy little companion graphic to help interpret or quality data on line, scatter, and bubble charts, as shown in the series example.

There are two versions of this graphic: v1 is symmetrical (the rectangle is halved), and v2 is asymmetrical. You can decide which version suits your purpose.

Customizing Rectangle Spectrums

Adjust size

If you want to change the size/shape of the spectrum, be sure to group it and resize the entire group. If you're using it behind a data-driven chart, simply resize to match the plot area. Once resized, ungroup to proceed with other customizations.

Color variations

Select color from your document's color palette or a complimentary color so that the PowerFramework will reflect the color scheme of the rest of your document. Do not eliminate the lines unless the pieces are different colors.

You can use completely different complementary colors or hues of the same color, whichever helps deliver your message the best.

3D variations

Whether you're using this framework as a backing to a data-driven chart or as a broadcast from a single point, 3D doesn't really work.

Shadows

This framework really works better without shadows. Be conservative with shadows if you believe you have to use them.

Gradients, patterns, and pictures

Gradients are a good option if you use the frameworks as a broadcast from a single point. The full color should at the single point and the second color can be 100% transparent so the rays gradually disappear. The lines should be eliminated if you use the spectrum in this way.

Animations

The animation example shows how to set up and introduce the "rays" of the spectrum.

Animations should be selected that will enhance the meaning of the message, not merely to add interest to the slide. Simple reveals are best with this type of framework. A fade or appear reveal would work well.

Another interesting reveal for this type of graphic is the wipe. The downloadable animation example uses wipes from right and bottom, depending on the direction of the ray.