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.

Unos 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.

Los datos que necesitas

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 ejemplo
KPIActualTargetPoorSatisfactoryGood
Revenue ($K)275250150225300
Profit Margin (%)1822101624
Marketing ROI (x)3.24.023.55
Notas

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.

Los pasos

El camino exacto en PlotSet, desde una plantilla en blanco hasta el gráfico terminado.

  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.

    El selector de plantillas de PlotSet: las categorías de gráficos en la columna izquierda, la cuadrícula Bar Charts abierta y la tarjeta de la plantilla Bar Chart con su botón Select visible.
    Todas las guías empiezan aquí. Elige la categoría y luego la plantilla. Es la misma cuadrícula sea cual sea el tipo de gráfico que busques.
  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.

    La vista de datos del editor de PlotSet: una hoja de cálculo con las columnas Name, Value y Region llenas de cifras de provincias canadienses, junto al panel Data, que ofrece subida de CSV, Magic Import y sincronización con Google Sheet.
    La vista de datos, aquí en un proyecto de gráfico de barras. Sube un CSV, saca los números de una imagen con Magic Import o sincroniza una Google Sheet. El panel es el mismo en todos los 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.

    El panel de datos de PlotSet con las asignaciones de columnas resaltadas: Label/time apuntando a la columna A, Values a la columna B y Filter/color a la columna C, con el botón Auto Binding debajo.
    Las asignaciones deciden qué columna se convierte en la etiqueta, cuál aporta los valores y cuál define el color. Auto Binding las deduce de tus encabezados, así que revísalas en lugar de darlas por buenas.
  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.

    El editor de PlotSet en la pestaña Preview: un gráfico de tipo Bullet Chart ya terminado en el lienzo y, a la derecha, el panel de ajustes rodeado por un recuadro rojo.
    La pestaña Preview de un gráfico de tipo Bullet Chart. Todos los controles de estilo están en el panel enmarcado: apariencia, encabezado, pie de página y las opciones propias de este tipo de gráfico, cada grupo en su propia pestaña.
  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.

    La barra de herramientas del editor de PlotSet con el botón Share resaltado, justo al lado del botón Export.
    Share es lo que convierte un gráfico terminado en un enlace público y un código de incrustación.

Empieza con la plantilla de Bullet Chart, que ya trae datos de ejemplo cargados, y sustitúyelos por los tuyos.

Abrir la plantilla

Publícalo, incrústalo o expórtalo

El último tramo es igual en todos los tipos de gráfico: Share convierte el gráfico en un enlace público en vivo y un código de incrustación, y Export lo guarda como un archivo estático.

Share: enlace público y código de incrustación

Al activar el código de incrustación y el enlace público, el gráfico queda publicado. El enlace se lo puedes enviar a cualquiera sin problema, y el código de incrustación se coloca en cualquier página como un iframe que conserva los tooltips al pasar el cursor y toda la interactividad. Si editas el gráfico más adelante, haz clic en Recreate para llevar esos cambios a ambos.

La barra de herramientas del editor de PlotSet con el botón Share resaltado, justo al lado del botón Export.
Share es lo que convierte un gráfico terminado en un enlace público y un código de incrustación.
El diálogo Share de PlotSet: el interruptor que activa el código de incrustación y el enlace público, los botones Link, Embed, Facebook, Reddit, Twitter, LinkedIn y Email, y el enlace público del gráfico con un botón Copy.
Activa el código de incrustación y el enlace público, y después copia el enlace o llévate el iframe. Recreate envía las ediciones posteriores a todos los que ya lo tengan.

Export: SVG, PNG o JPG

Export guarda una copia estática en el tamaño que necesites. El SVG se mantiene nítido a cualquier escala y se puede seguir editando en una herramienta de diseño; PNG y JPG son la opción segura para diapositivas y documentos. El multiplicador de escala es lo que te da una imagen nítida en una pantalla retina.

La barra de herramientas del editor de PlotSet con el botón Export resaltado.
Export es el camino hacia un archivo estático para una diapositiva o un informe.
El diálogo Export chart de PlotSet: un selector de escala en 2x, los campos de ancho y alto fijados en 1000 por 600, y el menú de formato abierto con SVG, PNG y JPG.
El SVG se mantiene nítido a cualquier tamaño y se puede seguir editando en una herramienta de diseño; PNG y JPG son la apuesta segura para una presentación. Ajusta la escala antes de exportar para que la imagen se vea nítida en una pantalla retina.

Consejos de estilo para un 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.

Errores comunes al hacer un 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.

Aprende más sobre el Bullet Chart

¿No estás seguro de que el Bullet Chart sea la opción correcta? Descubre qué es, cuándo usarlo y cuándo no.

Sobre el Bullet Chart

Bullet Chart: preguntas frecuentes

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

Crea tu Bullet Chart ahora

Gratis para empezar con más de 300 plantillas. No se necesita tarjeta de crédito.