Mad Fish Elements
HomeData VisualizationChart Gallery
Data Visualization

Chart Gallery

Explore 26 chart styles available for reports, including interactive three-dimensional views. Every example is rendered live with the same responsive behavior, palette, legends, and tooltips used by the reporting platform.

26 chart styles3D examplesLive examplesResponsive layouts
About the chart library

Choose the visual that matches the question.

Each example uses sample data in the exact frame and interaction model a finished report receives. Start with the decision a page needs to support, then select the chart that makes the pattern, comparison, relationship, or hierarchy easiest to understand. For field-level configuration, use the Visualization Types & Fields reference.

Sessions trendline

Tracks one or more measures across time, with a dashed comparison series for the prior period. The default choice for any "how is this changing" question.

Useful for e-commerce, SaaS, healthcare, and finance
Spend by channelstacked bar

Compares totals across categories while showing how each total is composed. Stacks make budget shifts between channels obvious at a glance.

Useful for agencies, retail media, and franchise groups
Device splitpie

Shows how a whole divides into a handful of parts. Best kept to five or fewer slices; use a treemap when categories multiply.

Useful for publishing, e-commerce, and hospitality
CPC vs. CVRscatter (bubble)

Plots every campaign as a point, with bubble size carrying a third measure such as spend. High-performing outliers stand out immediately.

Useful for paid media, lead generation, insurance, and legal
Daily cost rangecandlestick

Shows open, close, high, and low per period. It reads auction-driven advertising costs the way traders read price volatility.

Useful for finance, programmatic advertising, travel, and energy
Session durationboxplot

Summarizes a full distribution through median, quartiles, and extremes instead of relying on a single average.

Useful for healthcare, education, research, and call centers
Revenue by categorytreemap

Nests rectangles by hierarchy and sizes them by value, fitting many categories into one compact visual.

Useful for retail catalogs, manufacturing, and portfolio management
Traffic hierarchysunburst

A radial hierarchy where inner rings are parents and outer rings are their children, showing structure and mix together.

Useful for publishing, biotech taxonomies, and organization structures
Journey flowsankey

Traces volume flowing between stages. Ribbon width represents volume, making leaky steps visible immediately.

Useful for attribution, utilities, logistics, and patient flow
Content link graphgraph (force)

Lays out entities and relationships with a force simulation, naturally bringing tightly connected clusters together.

Useful for SEO, social networks, fraud detection, and infrastructure
Site structuretree

A classic node-and-branch hierarchy for cases where parent-child relationships matter more than individual values.

Useful for site architecture, organization charts, and product taxonomies
Purchase funnelfunnel

Shows a population narrowing through sequential stages so the largest drop-off is easy to locate.

Useful for checkout, onboarding, and lead pipelines
Goal pacinggauge

Presents one number against a target for fast reading on scoreboards and operational displays.

Useful for sales, franchise operations, and campaign goals
Channel qualityradar

Scores entities across shared dimensions, making strengths and gaps easy to compare between a small number of groups.

Useful for competitive analysis, skills, and product benchmarking
Engagement gridheatmap

Colors a grid by intensity so recurring behavioral rhythms surface without reading every number.

Useful for staffing, call centers, scheduling, and fitness studios
Daily conversionscalendar heatmap

Extends heatmap encoding across a real calendar so weekly rhythms and seasonal spikes stand out.

Useful for e-commerce seasonality, tourism, events, and appointments
Campaign dimensionsparallel

Each campaign crosses several metric axes, making it possible to compare many entities on many measures at once.

Useful for media buying, quality control, and admissions analysis
Channel share over timethemeRiver

A flowing stacked area that shows how category volume and share shift over time.

Useful for brand tracking, share of voice, and content platforms
Leads by regionpictorialBar

Builds bars from repeated symbols, trading a little precision for an approachable client-facing visual.

Useful for nonprofits, public reporting, and education
Live conversionseffectScatter

Adds animated emphasis to notable scatter points, drawing attention to what matters right now.

Useful for events, flash sales, newsrooms, and operations centers
Session pathslines

Animates individual journeys as trails across stages, preserving paths a conventional funnel would average away.

Useful for UX research, routing, and multi-step services
CPC range by channelcustom

Draws bespoke data marks when a standard chart does not fit, shown here as min-max ranges with average ticks.

Useful for finance ranges, clinical intervals, and SLA bands
Sessions by countrymap (choropleth)

Shades regions by value on a pannable, zoomable world map. Regional versions can use states, counties, or sales territories.

Useful for tourism, international commerce, franchising, and public reporting
Revenue by region and quarterbar3D

Uses height and color to compare two categorical dimensions at once, revealing peaks and gaps across a compact matrix.

Useful for regional revenue, product performance, and capacity planning
Campaign efficiency cloudscatter3D

Positions campaigns by CPC, conversion rate, and ROAS so clusters and unusually efficient combinations can be explored through rotation and zoom.

Useful for campaign optimization, portfolio analysis, and research
Demand response surfacesurface

Models demand across price and reach, making peaks, valleys, and interaction effects visible as a navigable surface.

Useful for forecasting, pricing, experimentation, and operations