Category
Charts blocks for WordPress
54 Gutenberg blocks in Blockenberg for reports, dashboards, and data-heavy pages. Install the free plugin, then search the block name in the inserter.
Get Blockenberg
Blockenberg is free on WordPress.org. After activation, open the inserter and look under Charts.
Area Chart
Smooth filled area chart with multiple datasets, gradient fills, and animation using Chart.js (CDN). Great for showing trends over time.
Bar Chart
Vertical or horizontal bar chart with multiple datasets using Chart.js (CDN). Supports stacked, border radius, and custom colors.
Box Plot
Box-and-whisker statistical chart showing min, Q1, median, Q3, max, mean, and outliers for multiple data series.
Bubble Chart
Interactive bubble chart powered by Chart.js.
Bullet Chart
Stephen Few's bullet chart — shows actual performance against a target, with background bands for Poor / Satisfactory / Good ranges.
Bump Chart
Ranking chart that shows how positions change over time — each series is a curved line with rank labels at each column.
Candlestick Chart
OHLC candlestick chart for financial data — shows open, high, low, and close values per period.
Chord Diagram
Circular diagram showing bidirectional relationships and flow volumes between groups. Great for migration patterns, trade flows, cross-referrals, and collaboration networks.
Comparison Table
Feature matrix comparing multiple plans with check/cross marks, text values, and a highlighted popular column.
Creative Stats Waterfall
Staggered waterfall layout of large statistics with animated counters and accent colors.
Data Table
Interactive data table with sorting, search, pagination and export.
Decision Tree
Interactive step-by-step decision tree. Visitors answer yes/no (or custom) questions and follow branches to a personalised result. Fully editable node graph with breadcrumb trail and back navigation.
Diverging Bar Chart
Horizontal bars extending left (negative) and right (positive) from a shared centre baseline — ideal for survey data, sentiment, and profit/loss comparisons.
Dot Plot
Strip / scatter dot plot showing individual data points for each series along a shared axis — ideal for comparing distributions.
Doughnut Chart
Pie/doughnut chart with adjustable cutout, center label, and per-slice colors using Chart.js (CDN).
Dumbbell Chart
Horizontal dumbbell (connected dot) chart comparing two values per category — ideal for before/after, target vs actual, or two-group comparisons.
Family Tree
Interactive genealogy family tree diagram showing multi-generation relationships with spouse connections and birth/death years.
Funnel Chart
Marketing and conversion funnel chart. Show stages with counts, percentages, and drop-off rates. Supports both vertical and horizontal layouts.
Gantt Chart
Project timeline Gantt chart with tasks, phases, milestones, and a today indicator. Rendered in pure CSS — no library required.
Gauge Chart
SVG semicircular gauge / speedometer that animates on scroll with configurable color zones.
Heat Map
Grid heat map where cell colour encodes value intensity — ideal for correlation matrices and activity charts.
Heatmap Calendar
GitHub-style activity heatmap calendar showing intensity by day across a full year. 53 × 7 grid of colour-coded squares with month labels, day-of-week labels, and a configurable colour scale.
Histogram Chart
Frequency-distribution histogram with configurable bins, colours, and axis labels.
Line Chart
Interactive line chart using Chart.js (loaded from CDN). Supports multiple datasets, fill, tension, and grid styling.
Lollipop Chart
Elegant horizontal lollipop chart — thin stems with value circles at the end. A clean alternative to bar charts for rankings, scores, and comparisons.
Marimekko Chart
Mosaic / Mekko chart — column widths represent segment size, inner stacks show composition. Ideal for market share visualisation.
Metric Comparison
Before/after KPI comparison cards with change arrows and color-coded indicators.
Mind Map
Visual mind map diagram with a central topic, branches, and sub-items. Great for brainstorming, planning, and knowledge visualization.
Mixed Chart
Combination bar + line chart with an optional dual Y-axis. Perfect for overlaying revenue (bar) with growth rate (line) or any two related metrics in the same canvas. Powered by Chart.js CDN.
Network Diagram
Node-link relationship diagram for system architecture, dependencies, or org charts.
Pictograph
An icon-based unit chart where coloured glyphs represent proportional data — great for infographic-style statistics.
Pie Chart
SVG-based pie chart with labelled wedge segments, percentage display, and an optional legend. Renders inline without external libraries — no doughnut/ring, true pie slices with mid-wedge labels and hover tooltips.
Polar Area Chart
Beautiful polar area chart powered by Chart.js.
Population Pyramid
Back-to-back horizontal bar chart showing two population groups (e.g. male/female, 2020/2030) by age or category.
Radar Chart
Spider/radar chart with multiple datasets, fill transparency, and axis customization using Chart.js (CDN).
Radial Bar Chart
Concentric circular progress arcs — each ring represents a different metric, great for comparing multiple KPIs at a glance.
Sankey Diagram
Flow diagram showing proportional transfers between stages. Great for budget allocation, user journeys, traffic sources, and energy/material flows.
Scatter Chart
Interactive X/Y scatter plot powered by Chart.js. Reveal correlations and distributions in your data.
Scatter Plot
XY scatter plot with multiple labelled series and optional trendline display.
Slope Chart
A two-column slope graph showing before/after change for multiple items — lines are automatically colored by direction (up, down, or unchanged).
Speedometer Gauge
Half-circle gauge chart with colour zones and a needle pointer.
Stacked Area Chart
Area chart with multiple series stacked cumulatively.
Step Chart
A step-function line chart where values change abruptly — ideal for pricing tiers, subscription counts, and discrete state changes over time.
Sunburst Chart
A two-ring radial hierarchy chart — the inner ring shows main segments and the outer ring shows their sub-categories.
Timeline Chart
Horizontal Gantt-style timeline showing events and milestones on a shared time axis.
Treemap Chart
Hierarchical data visualized as proportional nested rectangles. Great for market share, budget breakdowns, and category comparisons.
Venn Diagram
SVG-based Venn diagram with two or three overlapping circles. Each circle and overlap region has customisable labels, colour, and list items. Perfect for comparing sets, audiences, or concepts.
Violin Plot
Statistical violin plot showing data distribution shape and quartile summary for multiple groups.
Waffle Chart
Proportional 10×10 grid where each cell represents 1%. An intuitive and visually engaging alternative to pie charts for showing progress and part-to-whole relationships.
Waterfall Bar Chart
Bridge / waterfall chart showing cumulative running totals with positive and negative steps.
Waterfall Chart
Financial waterfall (bridge) chart showing cumulative effect of sequential positive and negative values. Perfect for P&L analysis, budget breakdowns, and cash flow visualization.
Word Cloud
A visual word cloud where each word is sized by its weight — ideal for topics, skills, tags, or concepts.
Word Frequency
Ranked horizontal bar chart for word frequency, survey results, language rankings, or any comparative data set.
World Map
Interactive SVG world map with country highlighting, data values, tooltips and a legend. Perfect for global presence, customer distribution, and sales territory sections.