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.

Cerca de 8 minutos

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.

Os dados que você precisa

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.

CSV de exemplo
FeatureImpactEffort
One-click export82
Dark mode43
Bulk CSV import75
Custom branding67
Slack notifications54
API rate limit increase36
Onboarding checklist84
Advanced permissions68
Anotações

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.

Os passos

O caminho exato no PlotSet, de um modelo em branco até o gráfico finalizado.

  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.

    O seletor de modelos do PlotSet: as categorias de gráficos listadas à esquerda, a grade Bar Charts aberta e o card do modelo Bar Chart mostrando o botão Select.
    Todo guia começa aqui. Escolha a categoria e depois o modelo: a grade é a mesma, seja qual for o tipo de gráfico que você quer.
  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.

    A visualização de dados do editor do PlotSet: uma planilha com as colunas Name, Value e Region preenchidas com números de províncias canadenses, ao lado do painel Data, que oferece envio de CSV, Magic Import e sincronização com o Google Sheet.
    A visualização de dados, aqui em um projeto de gráfico de barras. Envie um CSV, extraia os números de uma imagem com o Magic Import ou sincronize um Google Sheet. O painel é idêntico para todos os tipos de gráfico.
  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.

    O painel Data do PlotSet com os vínculos de colunas em destaque: Label/time apontando para a coluna A, Values para a coluna B e Filter/color para a coluna C, com o botão Auto Binding logo abaixo.
    Os vínculos definem qual coluna vira o rótulo, qual fornece os valores e qual comanda a cor. O Auto Binding tenta adivinhá-los a partir dos seus cabeçalhos, então confira o resultado em vez de dar como certo.
  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.

    O editor do PlotSet na aba Preview: um gráfico do tipo Quadrant Chart já finalizado na área de edição e, na lateral direita, o painel de configurações contornado em vermelho.
    A aba Preview de um gráfico do tipo Quadrant Chart. Todos os controles de estilo ficam no painel contornado em vermelho: aparência, cabeçalho, rodapé e as opções específicas desse tipo de gráfico. Cada grupo fica em sua própria aba.
  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.

Comece pelo modelo de Quadrant Chart com dados de exemplo já carregados, depois substitua-os pelos seus.

Abrir o modelo

Publique, incorpore ou exporte

A reta final é igual para todo tipo de gráfico: o Share transforma o gráfico em um link público interativo e em um código de incorporação; o Export gera um arquivo estático.

Share: link público e código de incorporação

Ativar o código de incorporação e o link público é o que publica o gráfico. O link pode ser enviado com segurança para qualquer pessoa, e o código de incorporação entra em qualquer página como um iframe que mantém a interatividade e os tooltips ao passar o mouse. Edite o gráfico depois e clique em Recreate para levar essas mudanças aos dois.

A barra de ferramentas do editor do PlotSet com o botão Share em destaque, ao lado do botão Export.
É pelo Share que um gráfico finalizado vira um link público e um código de incorporação.
A janela Share do PlotSet: a chave que ativa o código de incorporação e o link público, os botões Link, Embed, Facebook, Reddit, Twitter, LinkedIn e Email, e o link público do gráfico com um botão Copy.
Ative o código de incorporação e o link público, depois copie o link ou pegue o iframe. O Recreate leva as edições seguintes a todo mundo que já tem o link.

Export: SVG, PNG ou JPG

O Export grava uma cópia estática no tamanho que você precisar. O SVG continua nítido em qualquer escala e ainda pode ser editado em uma ferramenta de design; PNG e JPG são as escolhas seguras para slides e documentos. É o multiplicador de escala que garante uma imagem nítida em uma tela retina.

A barra de ferramentas do editor do PlotSet com o botão Export em destaque.
O Export é o caminho para gerar um arquivo estático para um slide ou um relatório.
A janela Export chart do PlotSet: um seletor de escala em 2x, campos de largura e altura definidos como 1000 por 600 e o menu de formatos aberto com SVG, PNG e JPG.
O SVG continua nítido em qualquer tamanho e editável em uma ferramenta de design; PNG e JPG são as escolhas seguras para uma apresentação. Defina a escala antes de exportar para que a imagem fique nítida em uma tela retina.

Dicas de estilo para um 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.

Erros comuns ao fazer um 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.

Saiba mais sobre o Quadrant Chart

Não tem certeza se o Quadrant Chart é a escolha certa? Veja o que é, quando usar e quando evitar.

Sobre o Quadrant Chart

Quadrant Chart: perguntas frequentes

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.

Crie seu Quadrant Chart agora

Grátis para começar com mais de 300 modelos. Sem cartão de crédito.