RichView
    Documentation

    Hosted installer: at launch

    The chart gallery

    Explore a famous chart, or scroll through every chart type.

    Choose a featured example to open its own page. Below the menu, every chart type is live as you scroll: inspect observations, open its table, try its controls and download its values.

    Every chart type

    Keep scrolling: every supported type is rendered here. Each also has a deep link with its complete source, important fields and style comparison. These compact examples use illustrative data.

    Line chart

    Use a line chart for a time series or any ordered x axis where the shape of change matters.

    Monthly company mentions

    Source: the Line chart example, illustrative data.

    Bar chart

    Use a bar chart to compare a value across discrete categories, such as years, regions or products.

    Fieldwork's share of company mentions

    Source: the Bar chart example, illustrative data.

    Scatter plot

    Use a scatter plot to show how two continuous variables relate, optionally split by a category.

    Latency vs throughput by region

    euus

    Source: the Scatter plot example, illustrative data.

    Area chart

    Use an area chart for the magnitude of a total and its parts over an ordered axis; prefer a line chart when comparing categories.

    Daily active users by tier

    freepaid

    Source: the Area chart example, illustrative data.

    Pie chart

    Use a pie chart for the share each of a few categories contributes to a whole.

    Where the engineering hour goes

    Source: the Pie chart example, illustrative data.

    Heatmap

    Use a heatmap to see how a numeric value varies across two categories, such as weekday and hour.

    Deploys by weekday and hour (UTC)

    Source: the Heatmap example, illustrative data.

    Histogram

    Use a histogram to see the shape of one continuous variable, such as durations or sizes.

    Build durations (seconds)

    13 observations in 5 intervals

    Source: the Histogram example, illustrative data.

    Box plot

    Use a box plot when median and spread matter more than the mean, compared across categories.

    Response latency by region (ms)

    12 observations · box = middle half, line = median

    Source: the Box plot example, illustrative data.

    Interval chart

    Use an interval chart to show a range per category, such as a forecast, a confidence interval or a planned range.

    Quarterly revenue forecast range

    Authored lower/upper bounds; dots show the point estimate

    Source: the Interval chart example, illustrative data.

    Waterfall chart

    Use a waterfall chart to show how a start value becomes an end value through a series of additions and subtractions.

    Profit is three quarters of revenue after a grant

    Thousands of dollars; each bar starts where the last one ended

    IncreaseDecreaseTotal

    Source: the Waterfall chart example, illustrative data.

    Treemap

    Use a treemap to show the parts of a whole by area, with groups nested inside each other.

    Engineering is the largest group, then sales

    Thousands of dollars; area is budget, colour is the top-level group

    EngineeringSalesOperationsPeople

    Source: the Treemap example, illustrative data.

    Funnel chart

    Use a funnel chart for stages that lose part of the quantity at each step, such as a signup flow.

    Four in ten visitors sign up and one in twenty subscribes

    Users at each stage, from the first visit to a paid subscription

    each band is as wide as its stage's value; shares are computed from the values

    Source: the Funnel chart example, illustrative data.

    Dumbbell chart

    Use a dumbbell chart to compare a start and an end value for each category, where the direction of change matters.

    Three of four teams scored higher after training

    Score per team; hollow dot before, filled dot after

    hollow dot = start, filled dot = end; the change is the end minus the start

    Source: the Dumbbell chart example, illustrative data.

    Band chart

    Use a band chart to show a range, such as a low and a high, along a time or numeric x axis.

    Daily highs and lows drift upward through March

    Degrees Celsius; the line is the daily mean

    Source: the Band chart example, illustrative data.

    Bullet chart

    Use a bullet chart to compare an actual value with its target for several categories on one scale.

    South is the only region above its sales target

    Sales per region; the line marks each region's target

    bar = actual, line across it = target, shaded bands = ranges

    Source: the Bullet chart example, illustrative data.

    Candlestick chart

    Use a candlestick chart when each period has an open, a high, a low and a close, such as daily prices.

    Prices climbed from 101 to 105 despite two dips

    Daily open, high, low and close in dollars

    UpDown

    wicks run from the low to the high, bodies from the open to the close; Up closed at or above its open

    Source: the Candlestick chart example, illustrative data.

    Icicle chart

    Use an icicle chart to show the parts of a whole and the parts inside them as stacked rows.

    Engineering is the largest group, then sales

    Thousands of dollars; width is budget, colour is the top-level group

    EngineeringSalesOperations

    Source: the Icicle chart example, illustrative data.

    Map

    Use a map when the place is the point: countries coloured by a value, or points at known coordinates.

    Broadband reaches nine in ten households in much of Europe

    Share of households; darker is higher

    boundaries: Natural Earth, public domain

    Source: the Map example, illustrative data.

    OHLC chart

    Use an OHLC chart when each period has an open, a high, a low and a close and you want a lighter mark than a candlestick, such as daily prices over many periods.

    Prices climbed from 101 to 105 despite two dips

    Daily open, high, low and close in dollars

    UpDown

    each bar runs from the low to the high, with a tick left at the open and right at the close; Up closed at or above its open

    Source: the OHLC chart example, illustrative data.

    Radar chart

    Use a radar chart to compare groups across a handful of measures that share a scale.

    Beta is steadier and cheaper, Alpha is faster

    Score per skill and team

    AlphaBeta

    Source: the Radar chart example, illustrative data.

    Sunburst chart

    Use a sunburst chart to show the parts of a whole and the parts inside them as rings.

    Engineering is the largest group, then sales

    Thousands of dollars; angle is budget, colour is the top-level group

    EngineeringSalesOperations

    Source: the Sunburst chart example, illustrative data.

    Pareto chart

    Use a Pareto chart to show how few causes account for most of a total, such as defects by cause.

    Misalignment and discolouration cause most defects

    Defects per cause, with the running share of the total

    bars are sorted from the largest down; the line is the running share of the total, on the axis at the right

    Source: the Pareto chart example, illustrative data.

    Tree

    Use a tree to show how parts belong to the parts above them, read from left to right.

    Engineering has the most teams

    Each node is a part; colour is the top-level unit

    EngineeringSales

    Source: the Tree example, illustrative data.

    Combo chart

    Use a combo chart to read two measures with different units against the same categories.

    Revenue grew by half and the margin gained nine points

    Revenue in thousands of dollars, margin in percent

    Source: the Combo chart example, illustrative data.

    Rose chart

    Use a rose chart for a cycle, such as months of a year, where the shape around the circle matters.

    Rain peaks in July

    Rainfall per month

    Wedge radius is proportional to the value, so area grows with its square

    Source: the Rose chart example, illustrative data.

    Waffle chart

    Use a waffle chart to show shares of a whole as a count of squares.

    Cars carry four in ten trips

    Each square is 1% of the trips

    CarTrainBicycleWalkingBus

    each square is 1/100 of the total; squares are shared out by the largest remainder

    Source: the Waffle chart example, illustrative data.

    Gauge chart

    Use a gauge to show where a single value stands against a scale the reader already knows, such as a score out of 100 or a target.

    Customer satisfaction is fair, short of good

    Survey score out of 100

    Source: the Gauge chart example, illustrative data.

    Calendar chart

    Use a calendar chart to show a daily value over weeks and months, such as activity, sales or readings, where weekly rhythm and gaps matter.

    Commits come in bursts and stop on Sundays

    Commits per day, 10 February to 20 March 2025

    Source: the Calendar chart example, illustrative data.

    Streamgraph

    Use a streamgraph to show how several groups share a total over time or along a number when the overall shape and the rise and fall of each part matter more than exact heights.

    Pop swells in summer while rock fades

    Hours listened per month and genre

    RockJazzPop

    streams are stacked in the order of the legend around a centre line; thickness is the value, and the bar at the left is one tick step

    Source: the Streamgraph example, illustrative data.

    Ribbon chart

    Use a ribbon chart to show how groups rank within each category, such as month, and when that ranking changes.

    South overtakes North in March and East follows in April

    Sales per month and region, ranked in each month

    NorthSouthEastWest

    groups are ranked by value in each category, largest on top; ribbons join the same group

    Source: the Ribbon chart example, illustrative data.

    Sankey diagram

    Use a sankey diagram to show how a quantity splits and merges as it moves from where it starts to where it ends, such as energy, money or visitors.

    Coal and gas feed most of the power that homes and industry use

    Energy flows in TWh, synthetic

    CoalGasWindSolar

    ribbons are as wide as their flow; a node is as tall as the larger of what enters and what leaves it

    Source: the Sankey diagram example, illustrative data.

    Alluvial diagram

    Use an alluvial diagram to show how the same items are spread across several categorical fields, such as the plan, channel and outcome of each user.

    Referred users stay more often than users who came from ads

    Users by plan, acquisition channel and outcome, synthetic

    FreeBasicPro

    ribbons add up the rows that share two neighbouring categories and the first category

    Source: the Alluvial diagram example, illustrative data.

    Chord diagram

    Use a chord diagram to show how much flows between every pair among a small set of nodes, such as trade between regions or moves between teams.

    Europe, Asia and the Americas dominate trade between five regions

    Exports in bn USD from one region to another, synthetic

    an arc is as long as the flow into and out of its node; a ribbon is as wide as its flow at both ends

    Source: the Chord diagram example, illustrative data.

    Network diagram

    Use a network diagram to show how a set of things are linked, such as people who message each other, when the pattern of links matters more than any one value.

    Dee and Gus link the most people in the team

    Messages sent between colleagues, synthetic

    Group 1Group 2

    node size shows the number of links; positions come from a fixed layout and carry no value

    Source: the Network diagram example, illustrative data.

    Lollipop chart

    Use a lollipop chart for the comparisons a bar chart makes when many bars would carry too much ink.

    North grew while South lost orders

    Orders per region and year

    20252026

    Source: the Lollipop chart example, illustrative data.

    Violin chart

    Use a violin chart when averages hide how the values spread: the width of each shape is how common a value is.

    Premium scores spread wider

    shape: Gaussian kernel density with Silverman's bandwidth, from the smallest to the largest value

    Source: the Violin chart example, illustrative data.

    Dot plot

    Use a dot plot for a small sample, where each observation deserves its own mark and the gaps matter.

    Trams run to time, buses wander

    TramBus

    each dot is one observation, drawn at the centre of its interval of width 0.5; an interval includes its lower edge

    Source: the Dot plot example, illustrative data.

    2-D bin chart

    Use a 2-D bin chart when a scatter plot has too many points to read: each cell counts the observations inside it and is coloured by that count.

    Larger flats cost more

    cells are 7 by 7 equal-width bins; a bin includes its lower edge, and empty bins are left plain

    Source: the 2-D bin chart example, illustrative data.

    Hexbin chart

    Use a hexbin chart when a scatter plot has too many points to read: each hexagon counts the observations inside it and is coloured by that count.

    Longer rides cost more

    hexagons tile the plot with about 7 across; empty hexagons are not drawn and edge hexagons are cut at the plot

    Source: the Hexbin chart example, illustrative data.

    Density chart

    Use a density chart to show where the values of a sample cluster and how far they trail, with one curve per group.

    Replies cluster near seven minutes, with a long slow tail

    Minutes to first reply

    Gaussian kernel density estimate, bandwidth h = 1.44 (Silverman's rule of thumb)

    Source: the Density chart example, illustrative data.

    Empirical distribution chart

    Use an empirical distribution chart (ECDF) to read what share of a sample falls at or below any value, with nothing smoothed.

    Over half of replies arrive within eight minutes; about one in seven takes longer than twelve

    Minutes to first reply

    each step is the share of observations at or below a value; "Observations" counts those exactly at it

    Source: the Empirical distribution chart example, illustrative data.

    Quantile-quantile chart

    Use a quantile-quantile chart (Q-Q plot) to check how closely a sample follows a normal distribution: points near the line are normal-like, points that bend away are not.

    Most deliveries track a normal curve, but the slowest few fall well above it

    Days to deliver against the normal quantile; the dashed line passes through the quartiles

    x is the standard-normal quantile at plotting position (rank - 0.5) / n; the dashed line runs through the first and third quartile pairs

    Source: the Quantile-quantile chart example, illustrative data.

    Strip chart

    Use a strip chart to show every observation in each category, so the spread, the clusters and the ties stay visible.

    West scores bunch tightly; North and South spread wider

    One point per score; points that would overlap are spread sideways

    points that would overlap are spread sideways in value order; the sideways position carries no value

    Source: the Strip chart example, illustrative data.

    Scatterplot matrix

    Use a scatterplot matrix to look at every pair of several measures at once and to see which groups or relationships stand out.

    Gentoo penguins are heavier, with longer flippers and shallower bills

    Twelve penguins, every pair of four measurements

    AdelieChinstrapGentoo

    each field has one range in every cell; the cells above the diagonal give the Pearson correlation of their two fields, computed by RichView

    Source: the Scatterplot matrix example, illustrative data.

    Parallel coordinates chart

    Use parallel coordinates to compare many rows on several measures at once and to see which rows resemble each other.

    Sports cars trade mileage for power and speed

    Nine cars on four measures, each axis from its own lowest to its highest value

    SmallFamilySport

    each axis runs from its own smallest to its own largest value

    Source: the Parallel coordinates chart example, illustrative data.

    Gantt chart

    Use a Gantt chart to show when each task of a plan runs and where tasks overlap.

    The build overlaps the design and the launch lands on 1 July

    Planned tasks by phase, illustrative dates

    PlanBuildShip

    duration is computed from the start and the end

    Source: the Gantt chart example, illustrative data.

    Contour chart

    Use a contour chart to show how a value changes over a plane, such as height over a map or a score over two settings.

    Two hills rise above the valley floor

    Height on a 1 km grid, illustrative values

    a readout stands for the grid node nearest to the pointer

    Source: the Contour chart example, illustrative data.

    Packed bubble chart

    Use a packed bubble chart to compare many parts of different size at a glance, when the exact order matters less than the overall picture.

    Hosting and the two apps take a third of the spend

    Yearly spend by item in thousands of euros, illustrative figures

    OperationsProductSalesPeopleAdmin

    circle area is proportional to the value, on one scale in every panel

    Source: the Packed bubble chart example, illustrative data.

    Word cloud

    Use a word cloud for a first look at which words matter most in a text or a list of topics. Reach for a bar chart when readers need to compare the values.

    Dashboards and forecasts lead what readers ask for

    Requests per topic over one quarter, illustrative counts

    4 words found no room and are only in the table and the keyboard order · word size follows the square root of the value, on one scale in every panel

    Source: the Word cloud example, illustrative data.

    Venn diagram

    Use a Venn diagram when the question is how many items two or three groups share. Use a bar chart for more groups.

    Web and email readers overlap the most

    Readers by channel, a row for each set and each overlap, illustrative counts

    EmailAppWeb

    circle areas are the sets' totals and each pair's overlap is drawn at its size; the overlap of three is where the geometry puts it

    Source: the Venn diagram example, illustrative data.

    Vector chart

    Use a vector chart for a field that has a direction as well as a size, such as wind, currents or the gradient of a surface.

    The wind swings from east to north as it strengthens

    Wind at a 5 km grid, direction in degrees counter-clockwise from east, illustrative values

    direction is the angle in degrees counter-clockwise from east · arrow length and colour follow Wind speed (m/s); the longest arrow is the largest value

    Source: the Vector chart example, illustrative data.

    Flow diagram

    Use a flow diagram to show how a process moves from step to step and who handles each step.

    A support request takes one of three paths to close

    Steps in columns by order, in the lane of the team that owns them

    Source: the Flow diagram example, illustrative data.

    Pivot table

    Use a pivot table to read one measure for every pair of a row field and a column field, with totals.

    The West sells the most and every region grows into Q4

    Sales by region and quarter, illustrative figures

    totals are sums RichView computed

    Source: the Pivot table example, illustrative data.

    Surface chart

    Use a surface chart to show how one measure varies over two numeric inputs and where it peaks.

    Yield peaks at moderate water and 80 kg of nitrogen

    Crop yield by water and nitrogen, illustrative figures

    Source: the Surface chart example, illustrative data.

    3-D scatterplot

    Use a 3-D scatterplot to show how groups of points separate along three numeric fields.

    Gentoo penguins stand apart in bill depth and flipper length

    Three measurements of 36 penguins, illustrative figures

    AdelieChinstrapGentoo

    Source: the 3-D scatterplot example, illustrative data.

    3-D bar chart

    Use a 3-D bar chart to compare a value across two categories when the grid of pairs matters more than reading exact heights.

    Online leads every region except the South

    Revenue by region and channel, illustrative figures

    OnlineRetailPartner

    Source: the 3-D bar chart example, illustrative data.

    Time-series examples

    Explore a frozen real-world dataset, then download its Rich Markdown source and CSV to work with it locally.

    Was this page useful? Suggest an edit