Home

This Mod for Spotfire® is similar to a line chart, except that the area below the lines is filled with colors to represent and compare the evolution of quantitative values over a time period. Values of each category are displayed on top of each other, allowing to understand the evolution of both the total of a numeric variable, and the importance of each category.

Installation

Opening the visualization in Spotfire® Analyst

1. From this repository Releases section, locate and download the .mod file.
2. Drag the .mod file into an analysis in Spotfire® Analyst.

For information on how to use and share visualizations mods, read the Spotfire® documentation.

Running the project in Spotfire®

1. From this repository Releases section, locate and download the source code.
2. Build the project in your preferred code editor. Microsoft Visual Studio Code is highly recommended.
3. Open an analysis in Spotfire® and select Tools > Development > Create visualization mod from the menubar to connect to the project.

For information on how to get started with visualization mod development, read the Spotfire® documentation.

Data Requirement

Every mod handles missing, corrupted and/or inconsistent data in different ways. It is advised to always review how the data is visualized.

To make the area chart mod work properly, the underlying data must be formatted in a certain way. A data table with at least two columns is required. One column should contain the positions on the X-axis where each line will be plotted. A second column should contain the vertical contribution for each point, one column per series to be plotted.

Setup

In this example dataset, we have four columns: Month, Trials, Personals, Professionals

Month	Trials	Starters	Professionals
2022-08	743	1779	603
2022-09	746	1785	621
2022-10	759	1794	672
2022-11	769	1802	687
2022-12	781	1810	703

In the area chart configuration in Spotfire, we would specify the 'Month' columns from the data table above as our X-axis and each other column as Y-axis.

Configuration

Once the area chart is configured and has data provided, you can configure the type of area and curve to display. These settings are accessed by clicking on the X-axis. From here there are 2 settings which alter the area chart live:

Chart type

• Overlapping (default): Used to compare values between categories and emphasize which category has the largest values. Coloring for each category will overlap and transparency is applied so that all categories can be seen.
• Stacked: Used to understand the breakdown of the total by category and to depict how each category compares to the other in their contributions to the total.
• 100% Stacked: Used to indicate how the percentage of each category changes over time. It is a part-to-whole chart where each area indicates the percentage of each part referred to the total of the category.

Curve type

• Linear: Data points are connected by straight line segments.
• Curved: Data points are connected by smooth curves.

Usage

The area chart mod supports marking data and filtering data. Clicking on a line will mark it. Clicking in an empty space will clear the marking.