KavaChart in Action - Examples and Documentation - ProServe

[ Back ] Finance Chart Collection - Sector Maps

A Sector Map consists of colored rectangles grouped by dataset. Each dataset has rectangles of an area proportional with their Y values. The color is based on the X value. This kind of chart is sometimes called a Treemap.
Use the source code to this page as a guide in creating your own sectormap charts. You can also use the KavaChart ChartWizard to design your own tree maps.
 

While Sector Maps can be used for a variety of purposes, they're very handy for reviewing a financial portfolio. Each dataset can represent a market segment, and each item within the dataset represents the value of a security in that segment. The color represents the price change.

At a glance, you can see where your money is allocated, how your stocks are faring right now, and whether an individual stock's performance is related to the entire sector, or is some kind of anomaly.

You can also place hyperlinks on each rectangle that let users drill-down to additional information.

We switched this image type to "Flash" with a property, but it can be produced in any of ProServe's output formats.

Transportation
AMR
Value:$123.00 Transportation
FedEx
Value:$432.00 Transportation
UPS
Value:$432.00 Transportation
Southwest
Value:$345.00 Transportation
Yellow Freight
Value:$456.00 Energy
Calpine
Value:$99.00 Energy
SoCal Edison
Value:$85.00 Energy
PG&E
Value:$120.00 Technology
Sun Microsystems
Value:$231.00 Technology
Cisco Systems
Value:$734.00 Technology
BEA
Value:$120.00