Overview
Charts harness Swift Charts to visualize data within your prototype. You can customize the type, style, legend, and more.
Right now, data is randomized, but in the future, Play will support data import.
Element Properties
Type
Select the way the data is visualized:
Line: Each data set is visualized by a line.
Area: Each data set is visualized by a filled area above or beneath a line.
Plot: Each data set is visualized by a series of dots.
Bar: Each data set is visualized by a series of vertical bars.
Interpolation
Select the way your line behaves between data points (available for Line and Area charts only):
Monotone: Displays a smooth line by “guessing” the values between data points based on known data points.
Linear: Connects a straight line between each data point, creating a jagged path. It’s clear to a viewer where the data points are.
Step: Creates a vertical line in between each data point, connecting one point to the next with a step-like shape.
Shape
Select the shape of the data set to tell a desired story:
Increasing: Displays improving or rising values over the X-axis.
Decreasing: Displays decreasing values over the X-axis.
Steady: Displays consistent values over the X-axis.
Random: Displays random values over the X-axis.
Count
Choose the number of data points for each series (2-100).
Noise
Set the variability in the data. A lower noise value makes the data more similar; a higher noise value makes the data vary more.
Series
Set the number of series in the chart (1-5). Each series is a different data set, displayed as a different line, bar, dot, or area.
Stacking
Choose how the series are stacked (available for Bar and Area charts only):
Default: Displays the series without stacking.
Centered: Displays the series stacked vertically in the middle of the chart.
100%: Displays the series stacked to fill 100% of the vertical space by making the area/height proportional.
Overlapping: Displays the series stacked on top of each other.
Legend
Choose if the legend is displayed. If so, several other properties are available:
Position
Choose if the legend is at the top of the chart, the bottom of the chart, or overlay on top of the data.
Alignment
Choose if the legend is aligned to the left (leading), center, or right (trailing) of the chart.
Categories
Enter a label for each data set (series) in the chart, each separated by a comma. If there are fewer labels than series, the remaining series will automatically be labeled X, Y, Z, etc.
Gap
Set the gap between each item in the legend.
Axes
Set the appearance of the gridlines, ticks, labels, and label orientation on the X & Y axes.
Series 1, 2, 3
Choose a color for each series.
Expression Editor Properties
No chart specific Expression Editor properties. See all object properties.
Resources
Links