Distributions

100%

✓ Published0🌍 Public

Last edited Nov 28, 2015

Created on Nov 28, 2015

Two side-by-side plots compare the probability density functions and cumulative distribution functions for six Gamma distributions with varying shape and scale parameters. The left panel displays PDF curves, while the right panel shows the corresponding CDFs, with a shared x-axis and distinct y-axes. The visualization is rendered as SVG using d3.js for chart construction, jStat for computing Gamma distribution values, and d3-legend to generate a color-coded legend identifying each parameter set. Data is sampled at 0.001 intervals across the distribution range to produce smooth lines.

AI-generated description

Recreation of wikipedia's gamma distribution plots in d3.

Powered using d3.js, jStat, and d3-legend.

Built with blockbuilder.org.

Similar vizzes

Loading thumbnail…

Non-negative Distributions

This example visualizes non-negative probability distributions, including gamma, lognormal, Pareto, and Weibull. It displays both probability density functions (PDFs) and cumulative distribution functions (CDFs) side-by-side, with each distribution represented by a unique color and animated via SVG. The code uses d3.js for scales, axes, line generation, and brushing, alongside jStat to compute distribution PDFs and CDFs. An interactive brush allows selecting a range on the x-axis, enabling dynamic exploration of the distributions. The visualization is built with Blockbuilder and rendered using SVG animations.

SSpaceActuary

79% match

Loading thumbnail…

Distributions 3

This example recreates Wikipedia’s gamma distribution plots, showing both the probability density function (PDF) and cumulative distribution function (CDF) for a negative binomial distribution, parameterized as a Tweedie distribution. The left panel plots the PDF and the right panel plots the CDF for the same distribution, using two separate linear scales. The code uses D3.js to build the SVG chart and axes, jStat to compute the PDF and CDF values, and d3-legend to add a color-coded legend with the distribution’s parameters.

SSpaceActuary

76% match

Loading thumbnail…

Normal Distributions

This example visualizes two normal distributions as filled, semi-transparent density curves overlaid on the same axes. It shows how the spread and peak of the distributions differ based on their standard deviations. The code uses D3 v4 with SVG rendering, and computes the probability densities using the `jStat` library’s `normal.pdf` function. Random data is generated by the custom `Random_normal_Dist` function, which samples quantiles from a mean and standard deviation. The `d3.line` generator draws the curves, and the horizontal axis is scaled with `d3.scaleLinear`.

EEfratVil

70% match

Loading thumbnail…

Sample Distribution (Histogram/Kernel/CDF)

This interactive tool visualizes the statistical distribution of a numeric dataset using multiple complementary representations: a histogram, kernel density estimate, cumulative distribution function (CDF), and a rug plot. Users can adjust histogram bin width and toggle between linear and log2 value scales, while enabling the CDF adds a secondary y-axis. The visualization renders with SVG, supports zooming via click-drag on the x-axis, and is animated with transitions. It uses D3.js for scales, layouts, and SVG manipulation, with data loaded from a JSON file.

MMorganhaoyu

69% match

Loading thumbnail…

Sample Distribution (Histogram/Kernel/CDF)

MMorganhaoyu

69% match

Loading thumbnail…

Gist ed9f5cb822cdadb5216c

A normal probability density curve animates from a flat baseline into a bell-shaped distribution on click. Each click repositions the curve’s mean to the mouse’s x-coordinate, with the area under the curve filling pink while the outline stays black. The code uses jStat to generate PDF values across a fixed domain, then d3.svg.area and d3.svg.line with basis interpolation to draw smooth shapes. Transitions with `.delay()` and `.duration()` animate the path’s `d` attribute, and the svg’s click event drives the updates.

SSpaceActuary

65% match

Loading thumbnail…

Visualizing Distributions

This example compares four chart types for visualizing a single data distribution: swarm plot, pile plot, histogram, and boxplot. Using d3.forceChart, the swarm and pile plots position individual data points with a force-directed layout, while the histogram aggregates counts into bins via d3.layout.histogram, and the boxplot summarizes quartiles using d3.scale.quantile. All charts render as SVG within a shared grid, sharing the same y-axis scale for direct comparison. The underlying data comes from 700 random log-normal values.

MMorganhaoyu

64% match

Loading thumbnail…

Visualizing Distributions

This example compares four chart types for visualizing one-dimensional distributions. It first displays a swarm plot and a pile plot, which use a force-directed layout to position individual data points without overlap, in this case 700 values generated from a log-normal distribution. The example then shows a histogram, constructed using the `d3.layout.histogram()` function to bin the data, and a boxplot, which uses `d3.scale.quantile()` to compute summary statistics. The swarm and pile plots are built using the `d3.forceChart()` plugin from the `force-chart.js` library.

BBBischof

64% match