Fork of xMR char calc v3 -- changing initial condition for mr avg

100%

Fork of xMR char calc v3 -- changing initial condition for mr avg

✓ Published0🌍 Public

Last edited May 5, 2021

Created on May 5, 2021

Forked from xMR char calc v3 -- changing initial condition for mr avg

This fork of the xMR char calculator v3 alters the initial condition for the moving range average, demonstrating how control chart bounds shift under different starting assumptions. It computes upper and lower bounds using a moving range formula, segmenting data into 12-point windows and detecting breakpoints where values exceed sigma thresholds. The visualization relies on D3 v6’s `select`, `csv`, `mean`, and `sum` APIs, with the dataset embedded as an array in the code. A line chart would typically display the bounds, though the current script only logs the calculated arrays to the console.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

xMR char calc v3 -- changing initial condition for mr avg

This visualization demonstrates a statistical process control chart that calculates upper and lower control limits for a time series dataset using an XMR (moving range) method with a dynamic initial condition. The code, written in D3 v6, loads data from a CSV file and computes moving ranges, averages, and breakpoints to detect shifts in the process. It uses D3’s `csv`, `mean`, `sum`, and `select` APIs, while the custom functions `calculateMR`, `calculateMinimum`, and `calculateBreakPoint` implement the control limit logic. The chart updates as the initial condition for the moving average changes, revealing how early data points influence the bounds.

AAnimesh Nautiyal

86% match

Loading thumbnail…

xMR char calc v2

This visualization plots 39 monthly data points and computes control limits using a moving range approach. It identifies breakpoints where the process shifts, applying three rules: points exceeding 2.66 times the average moving range, two of three points beyond 1.98 sigma, and seven consecutive points above the mean. The code uses d3.csv, d3.mean, and array methods to calculate lower and upper bounds, rendering the series with D3 v6.

AAnimesh Nautiyal

80% match

Loading thumbnail…

xMR chart

This example demonstrates an xMR control chart, a statistical process control tool that plots individual data points and their moving ranges over time. It uses a dataset of monthly measurements (from April 2017 to June 2020) to identify the first point where the process goes out of statistical control. The chart computes the mean and average moving range from the first 12 points, then applies Western Electric rules (two points beyond 2 sigma, or three points beyond 1 sigma) to detect the breakpoint. The visualization is built with D3 v6’s `select`, `csv`, and `mean` functions for data loading and calculation.

AAnimesh Nautiyal

74% match

Loading thumbnail…

XmR

This example demonstrates an XmR control chart—a statistical process control tool—by loading a CSV dataset of numeric measurements and computing the moving range between consecutive values. The visualization itself is not yet rendered; instead, the code focuses on data preprocessing using `d3.csv` and `d3.mean` to parse and log the raw values and their absolute differences. The D3 v6 library fetches data from a GitHub Gist, while a minimal HTML page sets up a blank canvas with oversized text styling, leaving the chart implementation open for future steps.

AAnimesh Nautiyal

68% match

Loading thumbnail…

Fork of area chart

This area chart visualizes annual data from a CSV file loaded via `d3.csv`, using D3 v7 to render an SVG path with a steelblue fill. The chart employs `d3.area()` with linear scales for the x-axis (Year) and y-axis (Value), and includes bottom and left axes with labels. The data is fetched from a GitHub Gist URL, and axis tick formatting for the year is specified with `d3.format('d')`.

Rreddysushma994@gmail.com

59% match

Loading thumbnail…

Fork of area chart

Rreddysushma994@gmail.com

59% match

Loading thumbnail…

Fork 3

This interactive bar chart displays averages of variables for individuals under custody, with both x- and y-axis variables selectable through dropdown menus. Users can rerender the data points and axes by choosing different grouping variables such as age, sex, or race. The visualization uses d3.nest() and rollup to aggregate data dynamically, with the general update pattern handling enter, update, and exit selections for bars and axes. Data comes from a remote JSON endpoint, rendered as SVG.

AAnnie Ulichney

59% match

Loading thumbnail…

Fork of Aditya - React D3 Conditional Line Chart Practice

This chart visualizes risk values over time as a connected scatter plot, with each point colored green, amber, or red based on whether its value falls below 50, between 50 and 75, or above 75. Dashed reference lines mark these thresholds. The visualization uses React with D3 v6, including `scaleTime`, `scaleLinear`, `extent`, and `line` generators, rendering SVG elements with axes built from `timeFormat` tick labels. Data loads from a CSV file via `d3.csv`, and both the line path and circles display CSS drop-shadow filters.

Sshery1001

58% match