New Browser Tool Turns Regression Math Into Something You Can Actually See

Linear regression is one of the most widely taught and widely used methods in all of statistics, data science, and machine learning, yet the mathematics at its core has long remained stubbornly invisible. Students learn to compute a coefficient of determination, R², from a formula, and they learn that confidence intervals should contain a true parameter a certain percentage of the time, but the geometric and probabilistic meaning behind those numbers rarely becomes tangible. A new open-source software package called RegVis, described in the journal SoftwareX by Uzair Ahmad and Hamna Uzair, aims to change that by turning the abstract machinery of regression into something users can watch, poke, and dismantle in real time, directly inside a web browser.

The motivation for the tool stems from a persistent gap in how statistical software presents regression. According to the authors, mainstream packages such as SPSS, Minitab, Tableau, and JMP present regression results through disconnected numerical tables and static plots, obscuring the geometric relationships that are essential for deep conceptual understanding. A systematic survey of ten widely used systems conducted by the developers found that none of them provides geometric error decomposition or sampling-based interval exploration, while coordinated diagnostic views appear only in limited or partial form in a small number of systems. RegVis was built specifically to close those three gaps within a single, installation-free web application.

The first and perhaps most striking feature is the geometric decomposition of variance. For every data point, RegVis draws a red translucent square whose side length equals the absolute residual, the distance between the observed value and the fitted value predicted by the regression line. It also draws a blue translucent square whose side length equals the distance between the observed value and the mean of the response. The aggregate area of all red squares corresponds to the sum of squared errors, SSE, while the aggregate area of all blue squares corresponds to the total sum of squares, TSS. The identity R² = 1 − SSE/TSS, usually presented as an abstract algebraic formula, thus becomes a visible contrast between two fields of colored area. When a user drags a point or adds an outlier, the squares animate smoothly, and the shift in the ratio of red to blue area makes the change in explained variance perceptually apparent rather than merely calculable.

The developers are careful to note that this area-based rendering is intended as a conceptual aid rather than a precise measurement instrument. Research in graphical perception going back to the classic work of Cleveland and McGill shows that area encodings are less accurate than position or length for exact quantitative comparison. RegVis embraces this limitation deliberately: the squares are meant to convey a holistic, intuitive sense of how total variance splits into explained and unexplained components, while the exact numeric value of R² remains available in a live readout at all times. Users can toggle each layer independently and limit the maximum number of displayed squares to reduce visual clutter, supporting a progressive disclosure approach that starts with a simple scatterplot and builds toward the full decomposition.

The second major innovation tackles one of the most misunderstood concepts in statistics: the confidence interval. Studies have shown that even professional researchers harbor robust misinterpretations of what a confidence interval actually means. RegVis addresses this with an interactive sampling demonstration. Clicking the Sample button draws a random subsample of a user-configured proportion from the current dataset, fits a least-squares line to that subset, and overlays the result as a persistent semi-transparent grey trace. Each click produces a fresh, independent sample, and the accumulating cloud of grey lines gives learners a visceral sense of sampling variability. The displayed confidence band, computed once from the complete dataset, serves as the reference against which the repeated sample lines can be judged.

Because the dataset is treated as a finite population, the behavior of the containment rate follows finite-population sampling theory rather than the textbook infinite-population ideal. A grey trace counts as contained only if it lies within the confidence band at every value of x. As the sampling fraction increases, sampling variance shrinks through the finite-population correction, and containment rises monotonically toward certainty at 100 percent, where the subsample coincides with the population. To make this relationship observable rather than merely asserted, a Simulate function draws 100 independent samples at each of eleven sampling fractions from 0 to 100 percent, fits a line to each, and plots the resulting containment rate against the sampling fraction. In one illustrative workflow described in the paper, a 50-point dataset at the 95 percent confidence level produced a curve rising from roughly 10 percent containment at a 10 percent sampling fraction to full containment at 100 percent.

Underlying both features is a coordinated three-view architecture designed around Shneiderman’s direct-manipulation principle. The primary scatterplot displays the data, the red regression line, the toggleable error squares, adjustable confidence and prediction intervals, and a live regression equation with R² and sample size. A residuals-versus-fitted-values panel reveals heteroscedasticity as cone-shaped patterns, non-linearity as systematic curves, and outliers as extreme vertical displacements. A Q-Q plot maps empirical residual quantiles against theoretical normal quantiles, exposing heavy tails, skewness, and individual aberrant points. Hovering over any observation in any view triggers synchronized highlighting across all three panels, allowing users to trace a single data point through data space, error space, and distributional space simultaneously. Clicking anywhere adds a point; clicking an existing point removes it; and every such action triggers the full pipeline of data update, statistical recalculation, and rendering across all three views.

That pipeline is fast. The developers instrumented each architectural layer with performance timers and ran 30 repetitions at six dataset sizes across Microsoft Edge, Firefox, and Chrome on a 12-core Windows desktop. The computation layer, which recalculates least-squares coefficients, residuals, SSE, TSS, R², and interval bounds from scratch after every change, stayed below 1.2 milliseconds on average across all tested conditions. End-to-end latency rose gradually from under 2.3 milliseconds at ten points to a maximum of 17.93 milliseconds at 1,000 points in Firefox, comfortably below the roughly 100-millisecond threshold at which interactions are typically perceived as instantaneous. Rendering dominates the total, contributing an order of magnitude more time than computation even at the largest tested size, and the authors note that performance was not evaluated beyond 1,000 points. A benchmark script ships with the repository so that others can verify or extend the measurements.

The system is implemented entirely in client-side JavaScript using D3.js version 7, with HTML5 and CSS3, and requires no server-side installation; it can be deployed as a static file on any web host or opened directly from a local filesystem. The choice of D3.js over higher-level charting libraries was deliberate, since the custom geometric error squares, the sampling accumulation overlay, and the synchronized cross-view highlighting all demand low-level control over SVG elements that pre-built statistical libraries do not expose. The software is released under the MIT license on GitHub, includes a guided five-step tutorial covering dataset construction, variance decomposition, interval sampling, and diagnostic coordination, and supports CSV import and export with basic validation for reproducibility.

An exploratory usability assessment with eighteen expert participants, each holding at least one graduate-level statistics course, yielded a mean System Usability Scale score of 79.2 with a standard deviation of 12.8, a figure the authors describe as indicating high perceived usability, though they caution that the study lacked a controlled baseline and formal hypothesis testing. The developers also disclose that Ahmad is the founder of SpimeLab Inc., which hosts the platform, while stating that the reported results were developed independently of commercial considerations. Looking forward, the design principles of geometric correspondence, observable sampling, and coordinated multi-view interaction are described as general enough to extend to multiple regression, generalized linear models, ANOVA, and cross-validation. For now, RegVis positions itself as the first comprehensive visual environment in which regression mathematics is not merely calculable but directly observable, one clickable point at a time.

Subject of Research: Interactive web-based visualization of linear regression analysis, variance decomposition, and confidence interval sampling for statistics education

Article Title: RegVis: An interactive web-based visualization system for linear regression analysis and diagnostics

Article References: Ahmad, U., & Uzair, H. (2026). RegVis: An interactive web-based visualization system for linear regression analysis and diagnostics. SoftwareX, 36, Article 103045. https://doi.org/10.1016/j.softx.2026.103045

Image Credits: AI Generated

DOI: 10.1016/j.softx.2026.103045

Keywords: linear regression, data visualization, statistics education, confidence intervals, D3.js, variance decomposition, open-source software, residual diagnostics, interactive learning, R-squared, sampling variability, web application