• Open in:


A beeswarm chart, also known as a “dot plot,” is a data visualization technique used to display the distribution of a dataset along a single axis. In a beeswarm chart, individual data points are represented as dots or circles, and they are arranged in a way that avoids overlap while maintaining their alignment along the axis.

This arrangement allows for easy visualization of the density and distribution of data points, making it useful for understanding patterns, outliers, and overall trends within a dataset. Beeswarm charts are particularly effective for visualizing small to moderate-sized datasets and are commonly used in statistics, data analysis, and scientific research.

This demo uses a regular XYChart together with D3 “Force” library, to apply collision prevention of the bullets.

For a vertical version of this chart on CodePen click here.

Related tutorials

Demo source