Outliers: z-score and modified z-score method in JavaScript

100%

Outliers: z-score and modified z-score method in JavaScript

✓ Published0🌍 Public

Last edited Nov 22, 2020

Created on Nov 22, 2020

This example demonstrates two statistical methods for identifying outliers in a dataset: the classic z-score and the modified z-score using median absolute deviation. The JavaScript code computes z-scores for each data point via `d3-array`'s `mean` and `deviation`, flagging values beyond ±3, while the modified approach uses Ramda’s `median` function and a constant threshold of ±3.5. The output maps every input item to its corresponding score, showing how each method differs in robustness to skewed distributions.

AI-generated description

Similar vizzes

Loading thumbnail…

Moving average & st.dev. with outliers

A D3.js visualization plots 100 random integers as points, with a steel-blue moving average line computed over a 10-point window via the custom `sma` function. Red points mark outliers where the distance from the moving average exceeds the rolling standard deviation, calculated by the `standardDeviation` function. The chart also renders a semi-transparent standard-deviation band around the average using D3's area and line generators. The raw data array appears as small monospace text at the top, while the SVG output is generated with d3.scaleLinear, d3.randomIrwinHall, and d3.curveCatmullRomOpen.

PPatrick Wojda

61% match

Loading thumbnail…

Data manipulation workings

This example demonstrates a variety of D3 data manipulation techniques on a small dataset of transaction records. It displays computed statistics such as the minimum, maximum, extent, sum, median, mean, and quantile using d3.min, d3.max, d3.extent, d3.sum, d3.median, d3.mean, and d3.quantile, alongside sorted arrays and a bisect result. The page also experiments with generating synthetic barcode-like data using an exponential distribution and attempts to combine string arrays with timestamped objects via JavaScript’s Array methods and d3.nest, though several of these exploratory operations are commented out or incomplete.

JJimMaltby

58% match

Loading thumbnail…

JavaScript Arrays

This example demonstrates JavaScript array manipulation methods using D3.js version 6. The code defines a custom `range` function to create a numeric array and then explores `forEach`, `filter`, `map`, `reduce`, and sorting operations on it. It also shows how to sort an array of objects by a key using a custom comparator, alongside D3’s `ascending` helper. All code is written in plain JavaScript with logging to the console; there is no visual output or rendering, focusing purely on illustrating array programming concepts.

AAaron

57% match

Loading thumbnail…

Boxplot in D3

This boxplot visualization displays the distribution of a dataset through a series of vertical box-and-whisker plots, with each plot summarizing key statistics such as the median, quartiles, and potential outliers. The chart is rendered using the D3.js library, specifically leveraging `d3.select` to append SVG elements and `d3.scaleLinear` for the y-axis mapping. Data values are drawn using SVG `rect` and `line` elements, while axes are annotated via `d3.axisLeft`. The example emphasizes standard boxplot conventions, with whiskers extending to the most extreme data points within 1.5 times the interquartile range, and individual outliers plotted as circle markers.

RRiya Mathur

56% match

Loading thumbnail…

JavaScript Arrays

This example demonstrates the fundamental array methods in JavaScript, including `range`, `filter`, `map`, `sort`, `forEach`, and `reduce`. The code uses D3 v6’s `ascending` and `decending` imports to properly sort arrays, while also showcasing custom comparator functions. It works with a simple generated range of numbers and a small dataset of key-value entries, logging results to the console. The page renders only the static title “JavaScript Arrays” with no visual output, focusing entirely on algorithmic array manipulation.

AAndre J Denais

56% match

Loading thumbnail…

JavaScript Arrays

This example demonstrates common JavaScript array operations using plain code and D3’s `ascending` comparator. It shows how functions like `range`, `forEach`, `filter`, `map`, `reduce`, and `sort` transform arrays, including sorting numeric values correctly and grouping entries by key. No visual output is rendered; the code logs intermediate results to the console. The example uses the `d3` library’s `ascending` function for stable sorts, building a practical reference for array manipulation basics.

Kkathrynrbernard

56% match

Loading thumbnail…

JavaScript Arrays

This example demonstrates JavaScript's array manipulation methods through commented and active code using D3.js. It shows how to create, filter, map, reduce, and sort arrays, including sorting objects by key with D3's `ascending` function. The code displays range generation, even-number filtering, summation via `reduce`, and entry sorting by alphabetical key. Most operations are commented out, revealing only the final active sort of an entries array using `d3.ascending`. The visualization relies on console output rather than graphical rendering, presenting programmatic data handling techniques.

Wwspwll@gmail.com

55% match

Loading thumbnail…

Outlier scatter matrix 03

This example displays an outlier scatter matrix of cardio data, highlighting relationships among numeric attributes with a dense grid of small multiples. A draggable viewport lets users pan across the rendered scatterplot, shifting an oversized SVG map containing a red circle to explore off-screen portions. The visualization is built with the Vega-Lite API and D3, using d3.csv to load the dataset. The viewport interaction is implemented by manually tracking mouse events with onmousedown, onmousemove, and onmouseup, adjusting the map’s absolute position within a clipped container.

OOleJRask

55% match