Visualizations · TUX

TuxECharts

High-performance Canvas and WebGL interactive telemetry charts, live multi-series telemetry, and massive dataset exploration with TUX design tokens.

TuxChartArea

Native SVG area chart — overlay or stacked variants, end-of-area labels, paired with TuxBigStat for the KPI-strip composition.

TuxChartBar

Native SVG bar chart — single / grouped / stacked variants, vertical or horizontal, optional comparison overlay (projection vs actual).

TuxChartDonut

Share-of-total donut — center stat slot, slice-label colored to wedge, minSlice% auto-folds tiny slices into Other.

TuxChartFrame

Editorial wrapper that ties native chart components into the TUX type system.

tux native (editorial wrapper)

TuxChartGauge

270° arc gauge for single-target metrics — needle + tone bands, or radial-progress variant. Use sparingly.

TuxChartGeographic

Texas-flavored geographic charts.

tux native (5-kind Texas map)

TuxChartHeatmap

Matrix heatmap on the sequential map ramps — crashes by day × hour, corridor demand by month. 2-D keyboard cursor, honest null cells.

TuxChartHistogram

Distribution over raw samples — nice 1/2/5 bin edges, dashed gold p50/p95 percentile rules, normalize-to-share mode. The reliability chart.

TuxChartLine

Native SVG line chart — end-of-line value labels, optional previous-period overlay + confidence band, auto SR summary.

TuxChartScatter

Correlation plot — x vs y dots, optional linear-regression trendline + R², bubble-chart mode via per-point size.

TuxChartSunburst

Radial counterpart to `TuxTreemap`.

tux native (two-ring radial)

TuxMetroInset

Neighborhood-grid inset for a single metro, intended for 4-up side-by-side layouts (Houston · DFW · Austin · San Antonio).

tux native (neighborhood grid)

TuxSparkline

Inline mini trend line — no axes, optional area fill, last-point dot, delta arrow. Native SVG.

tux native (inline SVG)

TuxVizEmbed

Tableau / Power BI / Apache Superset / Grafana iframe wrapper with poster fallback.

sandboxed <iframe> + poster fallback

TuxVizGrid

Small-multiples layout primitive — 2/3/4-up panes with shared editorial header. Container-queried.

tux native (CSS Grid layout shell)

TuxVizRPlot

R artifact wrapper — image / svg / htmlwidget — with source-line caption gutter.

<img> / <object> / <iframe>

architecture

Native SVG vs. Embedded BI Engines

Native SVG Components

Charts like TuxChartLine, TuxChartArea, TuxChartBar, TuxChartScatter, TuxChartGeographic, and TuxChartSunburst render zero-dependency, lightweight vector markup. They bind directly to TUX design tokens, automatically responding to theme changes, dark mode, high contrast, and screen-reader accessibility standards.

Read Chart Foundations doctrine →

Sandboxed Embed Framework

When complex analytical work requires live BI dashboards or statistical compute artifacts, reach for TuxVizEmbed (Tableau, Power BI, Superset, Grafana) or TuxVizRPlot (ggplot2, htmlwidgets). They deliver secure sandboxing, loading skeletons, error boundaries, poster fallbacks, and multi-pane small-multiples grids via TuxVizGrid.

View BI Embed wrapper →

power bi

Power BI Parity & Theme Coverage

Charts with a Power BI tab carry a ready-to-paste PBIR fragment from the Power BI kit. Implementations are an attribute of a component, not a separate section — so the Power BI rendering of a chart lives on that chart's showcase page beside Vue and HTML.

Fragment	Covers	Where to Find
chart-cartesian	bar, column, line, area, scatter, histogram	Power BI tab on respective cartesian chart workbenches
card-chrome	kpi cards, sparklines, gauges, donuts, content containers	Power BI tab on sparkline, gauge, and donut workbenches
table-chrome	tableEx, data grid containers	Data table showcase
—	heatmap, sunburst, geographic projections	Native SVG component or R plot integration