PlotSet LogoPlotSet

How to Create a Bullet Chart

A step by step walkthrough for turning a table of KPIs, targets and thresholds into a published bullet chart scorecard in PlotSet, with target ticks and performance bands.

Cerca de 6 minutos

A column of horizontal bars, each with a target tick and shaded performance bands behind it, one per KPI: that is what you will have. It is a scorecard that shows how each measure compares with its goal and whether the result is poor, fair or good.

If your actuals and targets are already in a spreadsheet, it takes about six minutes. The one thing worth deciding up front is whether your rows share a unit, because that sets the scale mode.

Os dados que você precisa

One row per KPI with a name, the actual value, an optional target, and up to three optional band thresholds, each the upper bound of its band.

CSV de exemplo
KPIActualTargetPoorSatisfactoryGood
Revenue ($K)275250150225300
Profit Margin (%)1822101624
Marketing ROI (x)3.24.023.55
Anotações

The band columns are upper limits measured from zero, not widths. Poor 150, Satisfactory 225 and Good 300 draw nested bands to 150, 225 and 300.

Use between one and three band columns. The darkest band sits nearest zero.

The target column is optional and draws a vertical tick across the bar.

Keep the row order the way you want it read, since rows appear top to bottom in sheet order.

Os passos

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

  1. 01

    Open the Bullet Chart template

    From the PlotSet dashboard, start a new project and choose Bullet Chart from the Bar Charts category. It loads with a ten-KPI sample so you can see how each row becomes a bullet.

    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

    Prepare your KPI table

    Put one KPI on each row with its actual value, then a target and band thresholds if you have them. Decide whether the rows share a unit, because that drives the scale.

  3. 03

    Upload the file, or connect it live

    Import a CSV or .xlsx file from the data panel, paste rows from a spreadsheet, or connect a Google Sheet so the scorecard updates when the sheet does. The first row is read as the headers.

    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

    Check the column bindings

    Confirm which column is the label, the value, the target and each band range. This is usually right automatically when the headers are clear.

    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

    Choose a scale mode

    Open the Value axis tab. Per row, the default, gives each KPI its own scale and suits mixed units. Shared uses one axis and suits rows in the same unit where comparing across them matters.

    O editor do PlotSet na aba Preview: um gráfico do tipo Bullet 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 Bullet 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.
  6. 06

    Style the measure, target and bands

    Use the Measure and Target tabs to set bar thickness and tick width, and the Color tab for the bar, target and band colours. The Bands tab can switch the background ranges off.

  7. 07

    Set the labels and spacing

    In the Labels tab choose whether values sit inside the bar, outside it or are hidden. The Rows tab sets row height and the gap between rows.

  8. 08

    Publish it or export it

    Publish for an interactive embed with tooltips, or use Export to download a PNG or SVG for a report or slide.

    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.

Comece pelo modelo de Bullet 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 Bullet Chart

Pick band colours that read as a scale

Shades of one colour, darkest nearest zero, keep the bands quiet so the bar and tick stand out.

Explain the tick once

Add a footer note such as target shown as a vertical tick, so a first-time reader does not have to guess.

Order by importance

Rows read top to bottom in sheet order, so put the KPIs that matter most first.

Keep the artboard tall enough

Ten rows need height. Increase the artboard height or reduce row height before the labels start to shrink.

Erros comuns ao fazer um Bullet Chart

A KPI bar looks tiny

You are probably on a shared scale with mixed units. Switch Value axis to Per row.

The bands look wrong

Check that the band columns hold upper bounds, not widths, and that they increase from left to right.

No target tick appears

The target column may be unbound or blank for that row, or the Target tab has the tick switched off.

Some labels are smaller than others

Labels shrink to fit before any are dropped. Shorten the KPI names or give the chart more width.

Saiba mais sobre o Bullet Chart

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

Sobre o Bullet Chart

Bullet Chart: perguntas frequentes

A name and an actual value for each KPI. A target and up to three band thresholds are optional.

Crie seu Bullet Chart agora

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