simplestatistics.median VS d3.median

100%

simplestatistics.median VS d3.median

✓ Published0🌍 Public

Last edited Feb 14, 2017

Created on Feb 14, 2017

This visualization compares the performance of two median algorithms: D3's `d3.median` and the `median` function from the simple-statistics library (aliased as `ss.median`). It generates a dataset of one million random numbers using `d3.range(1000000).map(Math.random)`, times each function with `performance.now()`, and displays a text result in an SVG. The output shows whether the medians match and expresses the simple-statistics time as a percentage (formatted via `d3.format`) of D3's time, revealing the speed difference. The page loads both D3.v4 and simple-statistics 2.2.0 from CDN.

AI-generated description

Exploring simplestatistics as a faster alternative to compute d3.median()

See d3 issue #1833

Forked from <a href='http://bl.ocks.org/Fil/1092338525a5e6a7237b31453ed6e313'>quickselect VS d3.median</a>.

mit Licensed

Similar vizzes

Loading thumbnail…

quickselect VS d3.median

This example benchmarks the performance of `d3.median` against the `quickselect` algorithm on a dataset of one million random numbers. A single text element displays the comparison: both methods yield the same result, and quickselect’s runtime is shown as a percentage of d3.median’s. The code uses `d3.range`, `Math.random`, and `performance.now` for timing, with `partialSort` from the `quickselect` library to compute the median and `d3.format` for the percentage output.

PPhilippe Rivière

79% match

Loading thumbnail…

D3 Example

A horizontal bar chart compares the operations-per-second benchmark results of 10 JavaScript event-emitting libraries, sorted from fastest to slowest. Rendered as static SVG, the visualization uses D3.js (version 3.5.5) for scales, axes, and data binding, and d3-tip for tooltips that display exact values. The data comes from a CSV file. The x-axis uses SI-prefix formatting (replacing G with B), and the visualization is implemented via `d3.scale.linear`, `d3.scale.ordinal`, and `d3.svg.axis`.

CCurran Kelleher

64% match

Loading thumbnail…

Algorithm Results Evaluation

This visualization compares the performance of different algorithm test versions across four metrics: High, Mid, Low, and Base. Each version is represented by a grouped bar chart, with one color-coded bar per metric, allowing easy comparison of results. The chart is built with React, using D3 v5 for scales and axes, rendered as SVG. Data is loaded from a CSV file, with the y-axis fixed to a 0-100 percentage scale and tooltips showing the exact value for each bar.

Yyuzhang21

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

60% match

Loading thumbnail…

Simple Difference Chart

A simple difference chart visualizes the daily change in Leanpub book downloads for two titles, "Science" versus "Style," from April to June 2015. The chart uses D3.js version 3.5.5 with SVG rendering, employing `d3.svg.area` and `d3.svg.line` to show two time-series lines and a filled region indicating the difference between them. The data is loaded from a CSV file using `d3.csv`, then restructured with `d3.nest` to compute daily differences. The area is colored differently above and below zero using clip paths.

Dd3noob

59% match

Loading thumbnail…

Simple Difference Chart v6

This visualization compares the daily change in downloads for two Leanpub books, "R Programming for Data Science" and "The Elements of Data Analytic Style," using a difference chart. It shows the difference between the two series over time, with areas above and below the baseline indicating which book had a higher daily increase. The chart uses D3 v6 with `d3.select`, `d3.group`, and the `d3.area` API for area and line rendering in SVG. Data is loaded from a CSV file, and the y-axis is fixed at 0–1400.

Dd3noob

59% match

Loading thumbnail…

Practice - d3-array statistics

This example demonstrates D3 v4 array statistics methods applied to 2016 U.S. state GDP data (in millions of dollars). The visualization renders a simple SVG text report, displaying the results of `d3.min`, `d3.max`, `d3.extent`, `d3.sum`, `d3.mean`, and `d3.median` for the `gdp` array. Each statistic is shown as a separate line of monospaced text, providing a clear, minimal comparison of the dataset's distribution and central tendencies. The data is loaded from an external data.js file and displayed without any interactive elements, focusing purely on the statistical summaries.

CCJKraenzle

59% match

Loading thumbnail…

Simple Difference Chart v7

This difference chart visualizes the daily change in cumulative downloads for two Leanpub books, "R Programming for Data Science" and "The Elements of Data Analytic Style," from April to June 2015. The SVG rendering uses D3 v7 APIs including `d3.csv`, `d3.group`, `d3.timeParse`, `d3.scaleTime`, and `d3.scaleLinear` to compute and display the difference between the two series. The area between the lines is shaded orange or green depending on which book has higher daily gains, with dark green and red lines for the individual series. Data originates from the `downloads.csv` file, showing daily download totals.

Dd3noob

59% match