The area chart mod 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.
Data Requirements
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.
Setting Up the Mod
In this example dataset, we have four columns: Month, Trials, Personals, Professionals
Month | Trials | Starters | Professionals |
---|---|---|---|
2020-08 | 743 | 1779 | 603 |
2020-09 | 746 | 1785 | 621 |
2020-10 | 759 | 1794 | 672 |
2020-11 | 769 | 1802 | 687 |
2020-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.
Configuring the Mod
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.
Using the Mod
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.
Building the Project
In a terminal window:
- npm install
- npm start
In a new terminal window:
- npm run server
Help and Support
This Mod is not supported by Spotfire® Support.
In the event of issues or to suggest features and enhancements, submit an issue in the Mod's GitHub repository.
For general questions about Mods, please post a question in the Forum for Extensions & Mods to make it visible and routed to the appropriate team(s) to respond.
More Information About Spotfire® Mods
- Spotfire Community Exchange: A safe and trusted place to discover ready-to-use Mods
- Developer Documentation: Introduction and tutorials for Mods developers
- Mods code examples on GitHub: A public repository for example projects
Recommended Comments
There are no comments to display.