<nve-sparkline>
Properties
Upper bound for the y-axis domain. When undefined, derives the bound from data.
number
default
Lower bound for the y-axis domain. When undefined, derives the bound from data.
number
default
Controls spacing between points in a line, in em (1 = chart height). Defaults to 0.6.
number
Denotes all maximum-value data points by rendering symbols at their positions.
true
false
Denotes all minimum-value data points by rendering symbols at their positions.
true
false
Denotes the last data point by rendering a symbol at its position.
true
false
Denotes the first data point by rendering a symbol at its position.
true
false
Controls the visual scale of an element to match its importance and available space.
xs Extra small size for minimal elements or highly dense layouts.
sm Compact size for dense layouts or secondary elements with less visual prominence.
md Standard size that works well in most contexts and provides balanced visibility.
lg Larger size for emphasizing important elements or improving touch targets in spacious layouts.
xl Extra large size for emphasizing elements or sparse layouts.
Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.
accent Highlights important actions or draws attention to primary interactive elements.
warning Indicates cautionary actions that require careful consideration before proceeding.
success Represents positive outcomes, confirmations, or constructive actions.
danger Signals destructive or irreversible actions that need extra attention and confirmation.
scheduled Task has a scheduled future execution at a specific time.
queued Task is waiting in line to begin after other tasks complete.
pending Task is awaiting approval, user input, or external conditions before proceeding.
starting Task is initializing and preparing to begin active execution.
running Task is actively executing and making progress.
restarting Task restarts after an interruption or reset.
stopping Task is gracefully shutting down and completing cleanup operations.
finished Task has completed successfully with the expected outcome.
failed Task encountered an error and did not complete as intended.
unknown Task status remains unknown or unavailable.
ignored Task was intentionally skipped or excluded from execution.
Controls how the chart connects intermediate values between points in a data series. Defaults to linear.
linear Connects points with straight line segments.
smooth Connects points with smooth bezier curves.
step Connects points with horizontal and vertical step segments.
Controls the visual representation of data points.
line Renders data as a connected line to emphasize macro trend.
area Renders data as a filled area beneath a line to emphasize magnitude over time.
gradient Renders a line with gradient color treatment to communicate value intensity across the series.
column Renders data as vertical columns for easy comparison of discrete values.
winloss Renders outcomes as binary or ternary bars to highlight wins, losses, and optional ties.
Numeric values representing a data series.
number[]
CSS Properties
symbol circle radius in SVG units.
Color used to represent zero values (draws / neutral outcomes).
Color used to represent negative values (losses).
Color used to represent positive values (wins).
Color used by area and column marks.
Height (defaults to 1em and scales with parent font-size). MDN