PlotSet LogoPlotSet

How to Create a Violin Plot

A step by step walkthrough for turning raw, row-level data into a published violin plot in PlotSet, including the bandwidth setting that decides whether the shape is real.

About 9 minutes

This guide covers how to create a violin plot in PlotSet, starting from a spreadsheet of individual observations and ending with a published chart you can embed or export. It is not five clicks: the one setting that actually matters, bandwidth, has no correct default, so you will nudge it and look at the result rather than accept whatever PlotSet picks first.

Nine minutes, roughly, if your data is already one row per observation with a group column and a value column. Pulling that from a report that only has group averages adds five more, because you'll need to go back to the source and get the underlying rows. A violin built from averages isn't a violin, it's a flat line pretending to be one.

The data you need

Two columns, one row per observation: a group label first, a numeric value second. Raw values, not pre-aggregated averages, one header row.

Sample CSV
WarehouseFulfillmentHours
Chicago4.2
Chicago4.8
Chicago3.9
Chicago9.1
Chicago4.5
Chicago4.1
Dallas6.0
Dallas6.3
Dallas5.8
Dallas6.1
Dallas12.4
Dallas6.5
Reno3.0
Reno3.2
Reno2.9
Reno3.4
Reno3.1
Reno7.8
Notes

Every observation needs its own row. If your source file already has one row per group with an average fulfillment time, there is nothing left to draw a density from: go back and pull the order-level data instead.

Keep the group column as text. A warehouse code like "04" will still group correctly, but check the axis order once it is uploaded in case it got sorted numerically instead of the way you intended.

A blank cell in the value column is dropped from that group's density rather than treated as zero, which is the right behavior but can explain a row count that does not match your source file.

Uneven group sizes are fine. Chicago having forty rows and Reno having twelve does not break anything here, unlike some chart types that expect equal counts.

The steps

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

  1. 01

    Open the Violin Plot template

    From the PlotSet dashboard, start a new project and choose the Violin Plot template. It loads with sample data already in place, so you can see the two-column shape PlotSet expects before you touch your own file.

    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

    Shape your sheet into observations, not summaries

    Put the group label in the first column and the raw numeric value in the second, one row per observation. If your export is a pivot table with an average per group, that is the wrong shape: pull the underlying rows from wherever the pivot came from.

  3. 03

    Import your data or connect a sheet

    Use the data panel to import a CSV or .xlsx file, paste rows directly from a spreadsheet, or connect a Google Sheet if the underlying numbers change regularly. PlotSet reads the first row as headers automatically.

    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.
  4. 04

    Map the group and value columns

    Confirm which column feeds the category axis and which feeds the density curve. This is usually right on the first try when your headers say what they mean, but double-check it if your sheet carries extra columns PlotSet had to guess between.

    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.
  5. 05

    Adjust the bandwidth and watch what changes

    Move the bandwidth slider up and down before settling on a value. Too high and two real peaks merge into one soft hump; too low and the curve gets bumpy from noise alone. Keep whichever shape survives a small nudge in both directions.

  6. 06

    Sort the groups by median

    Switch the group order from alphabetical to sorted by median value. Reno, Chicago, Dallas in that order tells the reader something; Chicago, Dallas, Reno alphabetically does not.

  7. 07

    Turn on the inner box and pick your colors

    Enable the inner box or median marker so a reader who wants the exact number does not have to eyeball the widest point of the curve. One color per group is standard; save a second, contrasting color for a group you specifically want to call out.

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

    Wrap up: publish, embed or export

    Publish for a live, interactive chart with a tooltip on every group, grab the embed code to drop it into a page, or export a PNG, SVG or PDF if you need a static image for a deck.

Start from the Violin Plot 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 Violin Plot

Trim the curve if your values are bounded

If your value column cannot go below zero, hours worked, order counts, percentages, turn on trimming so the density stops at the observed minimum instead of smoothing past it into negative territory that cannot exist.

Keep the inner summary on by default

A bare outline looks cleaner in a screenshot but leaves the reader guessing at the median. The inner box costs almost nothing visually and answers the first question anyone asks about a distribution: where is the middle.

One color family, not one color per group by default

Color coding every violin a different hue implies the groups are categorically different in some way beyond the axis label. A single color, or a light gradient across an ordered axis, keeps the reader's attention on shape rather than on a legend.

Widen the chart before you narrow the bandwidth

A violin squeezed into a narrow column looks noisier than the same data drawn wide, because horizontal detail gets compressed along with the shape. Give the chart more width first, then revisit the bandwidth: you may not need to smooth as hard as you thought.

Common mistakes when making a Violin Plot

Every violin comes out as a thin, flat sliver

This is almost always pre-aggregated data: one row per group with an average, instead of one row per observation. Check your source file for the raw rows the average was calculated from and upload those instead.

Two groups that should look different look identical

The bandwidth is probably set too high for the amount of data you have, smoothing away the real differences between groups. Lower it step by step until the shapes diverge, then stop at the point where they stop changing.

The curve extends below zero on a value that cannot be negative

Kernel density smoothing does not know your values are bounded, so it draws density past the edge unless told otherwise. Turn on trimming to the observed range, or note in a caption that the tails past the boundary are a smoothing artifact.

Learn more about the Violin Plot

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

About the Violin Plot

Violin Plot: common questions

Aim for at least fifty observations per group before trusting the shape, and a few hundred before it is genuinely stable. PlotSet will still draw a violin from fewer rows, but the curve mostly reflects the bandwidth setting rather than the data at that size.

Make your Violin Plot now

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