PlotSet LogoPlotSet

How to Create a Quadrant Chart

A step by step walkthrough for turning a list of items and two scores into a published quadrant chart in PlotSet, from shaping the sheet to labelling the boxes and exporting the result.

Environ 8 minutes

Four labelled boxes, built from your own items and your own two scores, not the sample impact and effort numbers PlotSet loads by default: that's the end point for how to create a quadrant chart from your own spreadsheet. You will shape the sheet, map the columns, set the dividing lines on purpose, and publish a chart where hovering a point shows exactly what it is.

If your sheet already lists one item per row with two numbers next to it, this takes about eight minutes. Add another ten if you are still deciding where the dividing lines should sit or cleaning up a source report that has extra columns you do not need. The eight minutes below assumes the scores are already settled.

Les données dont vous avez besoin

One row per item: a label, then two numeric measures (x, then y). An optional fourth column carries a group name if you want the points coloured.

Exemple de CSV
FeatureImpactEffort
One-click export82
Dark mode43
Bulk CSV import75
Custom branding67
Slack notifications54
API rate limit increase36
Onboarding checklist84
Advanced permissions68
Remarques

Keep the label column as plain text. A feature name that looks like a date or a formula result to your spreadsheet tool will upload as that value, not the text you see on screen.

Both measures need to be numbers on their own scales. They do not have to start at zero and they do not have to share a scale with each other, since the two axes are read independently.

Add a group column only if you want point colour to mean something, such as a team or a category. Skip it if every point should read the same way.

One row per item. If the same feature appears twice with different scores, PlotSet plots both dots, which usually means a duplicate export rather than two real items.

Les étapes

Le parcours exact dans PlotSet, d'un modèle vierge à un graphique terminé.

  1. 01

    Pick the Quadrant Chart template

    From the PlotSet dashboard, start a new project and choose the Quadrant Chart template. It loads with sample impact and effort scores already bound to the axes and the four quadrant labels, so you can see exactly how the columns map before you touch your own file.

    Le sélecteur de modèles de PlotSet : les catégories de graphiques listées à gauche, la grille 'Bar Charts' ouverte et la carte du modèle 'Bar Chart' affichant son bouton 'Select'.
    Chaque guide commence ici. Choisissez la catégorie, puis le modèle : c'est la même grille quel que soit le type de graphique visé.
  2. 02

    Shape your sheet into label, x and y

    Put the item name in the first column, then its two numeric scores in the next two columns, one row per item. Strip out any subtotal or notes column your source report added; the upload should be items and numbers only.

  3. 03

    Upload your file or connect a sheet

    Use the data panel to import a CSV or .xlsx file, paste rows straight from a spreadsheet, or connect a Google Sheet if you want the chart to pick up new scores later without a re-upload.

    La vue données de l'éditeur PlotSet : une grille de tableur dont les colonnes 'Name', 'Value' et 'Region' sont remplies de chiffres par province canadienne, à côté du panneau 'Data' qui propose l'import d'un CSV, 'Magic Import' et la synchronisation d'une Google Sheet.
    La vue données, ici sur un projet de graphique en barres. Importez un CSV, extrayez les chiffres d'une image avec 'Magic Import' ou synchronisez une Google Sheet. Le panneau est identique pour tous les types de graphique.
  4. 04

    Map the label and the two measure columns

    Confirm which column feeds the point label, which feeds the horizontal axis, and which feeds the vertical one. PlotSet usually gets this right when your headers are clear, but check it manually if your sheet carries extra columns it might have guessed wrong on.

    Le panneau de données de PlotSet avec les associations de colonnes mises en évidence : 'Label/time' affecté à la colonne A, 'Values' à la colonne B et 'Filter/color' à la colonne C, et le bouton 'Auto Binding' juste en dessous.
    Les associations déterminent quelle colonne devient l'étiquette, laquelle fournit les valeurs et laquelle pilote la couleur. 'Auto Binding' les devine à partir de vos en-têtes : vérifiez-les plutôt que de les tenir pour acquises.
  5. 05

    Set the dividing lines on purpose

    Open the line controls and type in the actual threshold, a budget figure, a target score, whatever the boundary really is. If nothing like that exists, switch to the median option instead of eyeballing a line by dragging it.

  6. 06

    Name each quadrant

    Click into each of the four labels and replace the placeholder text with the action it represents: do first, plan, maybe later, drop. Keep each one short enough to sit inside the shaded box without crowding a nearby point.

  7. 07

    Turn on point labels and colour by group

    Switch on direct labels so every dot carries its item name without a separate legend. If your sheet included a group column, map it to point colour now; if not, leave every point the same colour so it does not imply a grouping you did not intend.

    L'éditeur PlotSet sur l'onglet 'Preview' : un graphique Quadrant Chart terminé sur le canevas, avec le panneau de réglages entouré en rouge le long du bord droit.
    L'onglet 'Preview' pour un graphique Quadrant Chart. Tous les réglages de style se trouvent dans le panneau entouré en rouge : apparence, en-tête, pied de page et les options propres à ce type de graphique, chacun dans un onglet distinct.
  8. 08

    Publish the chart, or export it for a slide

    Publish for a live, interactive chart with hover tooltips and a shareable link, grab the embed code to drop it into a page, or export a PNG, SVG or PDF for a slide.

Partez du modèle Quadrant Chart avec des données d'exemple déjà chargées, puis remplacez-les par les vôtres.

Ouvrir le modèle

Publier, intégrer ou exporter

La dernière ligne droite est la même pour tous les types de graphique : 'Share' transforme le graphique en lien public actif et en code d'intégration, 'Export' l'enregistre sous forme de fichier statique.

Share : lien public et code d'intégration

Activer le code d'intégration et le lien public revient à publier le graphique. Le lien peut être envoyé à qui vous voulez sans risque, et le code d'intégration s'insère dans n'importe quelle page sous la forme d'une iframe qui conserve les infobulles au survol et l'interactivité. Si vous modifiez le graphique par la suite, cliquez sur 'Recreate' pour répercuter ces changements sur le lien comme sur le code.

La barre d'outils de l'éditeur PlotSet avec le bouton 'Share' mis en évidence, juste à côté du bouton 'Export'.
C'est par 'Share' qu'un graphique terminé devient un lien public et un code d'intégration.
La fenêtre 'Share' de PlotSet : l'interrupteur qui active le code d'intégration et le lien public, les boutons 'Link', 'Embed', Facebook, Reddit, Twitter, LinkedIn et Email, et le lien public du graphique avec un bouton 'Copy'.
Activez le code d'intégration et le lien public, puis copiez le lien ou récupérez l'iframe. 'Recreate' répercute vos modifications ultérieures sur le lien et le code déjà partagés.

Export : SVG, PNG ou JPG

Le bouton 'Export' génère une copie statique à la taille dont vous avez besoin. Le SVG reste net à toutes les échelles et peut encore être modifié dans un outil de design ; PNG et JPG sont les choix sûrs pour les présentations et les documents. C'est le multiplicateur d'échelle qui vous donne une image nette sur un écran retina.

La barre d'outils de l'éditeur PlotSet avec le bouton 'Export' mis en évidence.
C'est par 'Export' que vous obtenez un fichier statique pour une diapositive ou un rapport.
La fenêtre 'Export chart' de PlotSet : un sélecteur d'échelle réglé sur 2x, les champs de largeur et de hauteur à 1000 × 600, et le menu des formats ouvert, affichant SVG, PNG et JPG.
Le SVG reste net à toutes les tailles et modifiable dans un outil de design ; PNG et JPG sont les choix sûrs pour une présentation. Réglez l'échelle avant d'exporter pour que l'image soit nette sur un écran retina.

Conseils de style pour un Quadrant Chart

Type the threshold into the line label, do not eyeball it

PlotSet's line control takes a numeric value and prints it next to the line. Enter the real figure there instead of dragging the line until it looks about right, so anyone reading the chart can see what the boundary actually is.

Turn on direct labels before you second-guess the dots

A quadrant chart with unlabelled points forces the reader to hover every dot to know what they are looking at. Switch on labels early in the process so you are judging the real chart, not a cloud of anonymous circles.

Colour by group, size by a third number

If your sheet has a category column, map it to colour. If you also have a third number worth showing, such as budget or headcount, map that to point size instead of adding a second colour scheme on top.

Match each quadrant's shading to its label's tone

PlotSet lets you tint each of the four background regions separately. Keep the tint faint and consistent with the label, a soft green behind "do first" reads faster than four identically grey boxes with text doing all the work.

Erreurs courantes en créant un Quadrant Chart

Every point lands in the same quadrant

This usually means the dividing lines are still sitting at the default zero crossing instead of the median or your real threshold. Open the line controls and switch to the median option, which recentres both lines on your actual data.

The quadrant labels sit outside their boxes

This happens when a label is too long for the region at the current chart size. Shorten the label to two or three words, or widen the chart; PlotSet does not wrap quadrant label text automatically.

Points are missing after mapping the columns

Check the two measure columns for text values PlotSet cannot plot, a stray "N/A" or a unit typed into a number cell is the usual cause. Fix the cell in your source sheet and re-upload rather than editing it in PlotSet's data table.

En savoir plus sur le Quadrant Chart

Vous n'êtes pas sûr que le Quadrant Chart soit le bon choix ? Découvrez ce que c'est, quand l'utiliser et quand l'éviter.

À propos du Quadrant Chart

Quadrant Chart : questions fréquentes

One row per item with a label and two numeric scores, plus an optional group column for colour. Both scores need their own numeric scale; PlotSet cannot plot a text category on either axis of a quadrant chart.

Créez votre Quadrant Chart maintenant

Gratuit pour commencer avec plus de 300 modèles. Aucune carte bancaire requise.