PlotSet LogoPlotSet

How to Create a Lollipop Chart

A step by step walkthrough for building a lollipop chart with stems, sized dots and a clean legend in PlotSet.

About 6 minutes

You will end up with a chart where each category has a thin stem and a dot at its value.

Expect about six minutes. Most of it goes on choosing the sort order and the dot size.

The data you need

One row per category, with a numeric value and, if you want them, a size and a group.

Sample CSV
CountryValueSize
Asia100100
North America5060
Europe3040
Africa2025
Notes

The value column must be numeric. Rows with a non-numeric value are dropped.

A size column makes the area of each dot follow the number.

A group column colours the dots and builds the legend.

Rows that share a label are joined by one stem, from the lowest to the highest value.

The steps

The exact click path in PlotSet, from a blank template to a finished chart.

  1. 01

    Open the Lollipop Chart template

    From the PlotSet dashboard, start a new project and choose Lollipop Chart from the Bar Charts category. It loads with three regions.

    PlotSet's template picker: chart categories listed down the left, the Bar Charts grid open, and the Bar Chart template card showing its Select button.
    Every guide starts here. Pick the category, then the template: it is the same grid whichever chart type you are after.
  2. 02

    Add your data

    Import a CSV or .xlsx file, paste rows from a spreadsheet, or connect a Google Sheet. Each row is one category.

    The PlotSet editor's data view: a spreadsheet grid with Name, Value and Region columns filled with Canadian province figures, beside the Data panel offering CSV upload, Magic Import and Google Sheet sync.
    The data view, shown here on a bar chart project. Upload a CSV, lift the numbers out of an image with Magic Import, or sync a Google Sheet. The panel is identical for every chart type.
  3. 03

    Bind the columns

    Choose the label column and the value column. Add a size column and a group column if you have them.

    The PlotSet data panel with the column bindings highlighted: Label/time mapped to column A, Values to column B and Filter/color to column C, with the Auto Binding button below.
    Bindings decide which column becomes the label, which supplies the values and which drives the colour. Auto Binding guesses them from your headers, so check it rather than assume it.
  4. 04

    Choose orientation and order

    In the Orientation tab, switch between horizontal and vertical and sort the categories from high to low.

    The PlotSet editor on the Preview tab: a finished Lollipop Chart on the canvas, with the settings panel outlined in red down the right-hand side.
    The Preview tab for a Lollipop Chart. Every styling control lives in the outlined panel, each on its own tab: appearance, header, footer and the options specific to this chart type.
  5. 05

    Style the stems and dots

    The Stems tab sets width, opacity and colour. The Dots tab sets the radius, outline and fade on hover.

  6. 06

    Set labels and axes

    The Labels tab shows category and value labels. The Value axis tab sets gridlines, ticks and the range.

  7. 07

    Publish and embed

    Publish for a live chart and copy the embed code from the Share dialog. Check the dots at the width of your page before you share it.

    The PlotSet editor toolbar with the Share button highlighted, sitting next to the Export button.
    Share is how a finished chart becomes a public link and an embed code.

Start from the Lollipop Chart template with sample data already loaded, then swap in your own.

Open the template

Publish, embed or export it

The last stretch is the same for every chart type: Share turns the chart into a live public link and an embed code, Export writes it out as a static file.

Share: public link and embed code

Activating the embed code and public link publishes the chart. The link is safe to send to anyone, and the embed code drops into any page as an iframe that keeps the hover tooltips and the interactivity. Edit the chart later and hit Recreate to push those changes out to both.

The PlotSet editor toolbar with the Share button highlighted, sitting next to the Export button.
Share is how a finished chart becomes a public link and an embed code.
PlotSet's Share dialog: the toggle activating the embed code and public link, buttons for Link, Embed, Facebook, Reddit, Twitter, LinkedIn and Email, and the public chart link with a Copy button.
Switch on the embed code and public link, then copy the link or take the iframe. Recreate pushes later edits out to everyone already holding it.

Export: SVG, PNG or JPG

Export writes a static copy at whatever size you need. SVG stays sharp at any scale and can still be edited in a design tool; PNG and JPG are the safe choices for slides and documents. The scale multiplier is what gets you a crisp image on a retina screen.

The PlotSet editor toolbar with the Export button highlighted.
Export is the route to a static file for a slide or a report.
PlotSet's Export chart dialog: a 2x scale selector, width and height fields set to 1000 by 600, and the open format menu listing SVG, PNG and JPG.
SVG stays sharp at any size and stays editable in a design tool; PNG and JPG are the safe picks for a deck. Set the scale before you export so the image is crisp on a retina screen.

Styling tips for a Lollipop Chart

Sort the categories

A ranked order lets readers see the leaders at a glance.

Start at zero

A stem implies length, so keep the axis anchored at zero.

Size with care

Use dot size for a real second measure, not just decoration.

Switch off what you do not need

Hide value labels or gridlines if the dots already say enough.

Common mistakes when making a Lollipop Chart

A row is missing

Its value is not a number. Remove thousands separators and text from the cell.

Every dot is a different colour

The group column is the same as the label column. Bind a real group or use a single colour.

The dots overlap

They are too large for the spacing. Lower the radius or the largest dot area.

The stems look doubled

Two rows share a label and are joined into one stem. Give each row its own label if that is not intended.

Learn more about the Lollipop Chart

Not sure the Lollipop Chart is the right choice? See what it is, when to use it and when not to.

About the Lollipop Chart

Lollipop Chart: common questions

It draws a thin stem and a dot instead of a filled bar, so it looks lighter and shows small gaps more clearly.

Make your Lollipop Chart now

Free to start with 300+ templates. No credit card required.