Data Visualization with D3

Nodes arranged linearly with curved arcs above connecting related pairs. Arc height encodes the distance between nodes.

A line graph with the area below the line filled, emphasizing cumulative volume or total magnitude over time.

Rectangular bars with lengths proportional to the values they represent. One of the most effective charts for comparing discrete categories.

Shows the distribution of data through quartiles. The box spans Q1 to Q3, the line marks the median, and whiskers extend to min/max (excluding outliers).

A mind map rendered as a force-directed graph. A central concept radiates outward to related ideas, which connect further to supporting concepts.

A scatterplot extended with a third variable encoded as bubble size. Reveals relationships between three continuous dimensions simultaneously.

Bubbles overlaid on a geographic map, with size encoding a quantitative variable. Reveals spatial patterns in data.

A compact alternative to gauges. Shows a primary measure (the bar), a comparative target (the tick), and qualitative performance ranges (background bands).

A horizontal bar chart showing a project schedule. Tasks are plotted against time; bars show duration and overlap reveals parallelism.

A matrix where individual values are encoded as colors. Reveals patterns across two categorical dimensions simultaneously.

Displays the distribution of a continuous variable by grouping values into bins. Reveals shape, spread, skew, and modality.

An annotated conceptual diagram using visual metaphor to explain a system or process. Spatial arrangement carries meaning; labels annotate.

A Japanese chart type that filters noise by reversing direction only when price moves beyond a threshold. Focuses on significant turning points.

Connects individual data points with lines to show trends over a continuous variable, typically time. Best for showing change and trajectory.

A spider chart showing multivariate data radiating from a central point. Good for comparing two or three entities across the same dimensions.

Bars arranged around a central point, each extending outward. An eye-catching alternative to a conventional bar chart for cyclic or part-to-whole data.

Columns arranged on a circular axis. Variation on radial bar — good for showing cyclic patterns like time-of-day or month-of-year data.

Shows flow and proportional quantities through a system. Node width and link width encode the volume of flow between stages.

Maps two variables to x and y position. Reveals correlation, clusters, outliers, and the relationship between two continuous dimensions.

Shows the range of values for each category with a line from minimum to maximum. A dot marks the average. Good for showing variability.

Maps time-series data onto a spiral, making cyclic patterns visible. Each revolution represents one full cycle (year, week, day).

Multiple area series stacked vertically. Shows both individual contribution and cumulative total over time.

Bars divided into segments to show both part-to-whole composition and the total simultaneously across categories.

A textual display of data distribution retaining exact values. The stem groups values by leading digit; leaves show individual data points.

A stacked area chart centered on a baseline, producing a flowing, river-like shape. Emphasizes change over time across multiple categories.

A hierarchical layout showing parent-child relationships as a branching tree. Radial or vertical layouts reveal depth and branching structure.

Nested rectangles represent a hierarchy. Area encodes quantitative value. Color can encode a second variable or group membership.

Overlapping circles representing sets. Overlap regions show shared elements. Effective for showing logical relationships between two or three groups.

Combines a box plot with a kernel density estimate. The shape shows the full distribution — wider sections indicate higher density of values.

Words positioned and sized by frequency or importance. A quick visual summary of term prominence in a corpus — best for orientation, not precision.