visualization · native chart
TuxChartScatter
Correlation plot — x vs y, one dot per observation. Optional linear-regression trendline with R² readout. Use to answer "does X relate to Y?" questions — training vs error rate, density vs safety, age vs sentiment. Only chart in the family where both axes need names.
flagship · single series + trendline
Training hours vs errors
Negative slope shows the expected relationship — more training, fewer errors. The R² shows how tightly the dots cluster around the line.
- Operations crew (16) R² = 0.92
<tux-chart-scatter
x-label="Hours of training"
y-label="Errors per shift"
:series="crewTraining"
trendline
/>multi-series · per-series trendlines
Urban vs rural corridors
Each series gets its own trendline + R² in the legend. The two groups show the same direction of correlation but at different levels — common in transportation data.
- Urban corridors (9) R² = 0.88
- Rural corridors (8) R² = 0.79
<tux-chart-scatter
x-label="Vehicle miles / capita"
y-label="Safety score"
:series="corridorData"
trendline
/>bubble · variable point size
Project portfolio
Pass size on individual points for a bubble-chart- style third dimension. The native SVG <title> on each circle gives you a free hover-tooltip with the point label + values.
- Projects (size = budget M$) (7)
<tux-chart-scatter
x-label="Months elapsed"
y-label="Completion score"
:series="bubbleData"
/>