PlotSet LogoPlotSet

How to Create an Election Results Chart

A step by step walkthrough for building a stacked seat or vote bar with a majority line and a previous election comparison in PlotSet.

Cerca de 8 minutos

You will end up with one stacked bar showing every party's result, a line at the majority, and a thinner bar for the previous election.

Expect about eight minutes. Most of it goes on preparing the data and setting party colours.

Os dados que você precisa

One row per party with its seats or votes, then optional columns for the previous election and a filter column for regions or rounds.

CSV de exemplo
PartySeatsPrevious partyPrevious seatsNation
Labour411Labour202United Kingdom
Conservative121Conservative365United Kingdom
Liberal Democrats72Liberal Democrats11United Kingdom
Reform UK5Brexit Party0United Kingdom
Anotações

Seats or votes must be plain numbers, with no thousands separators or percent signs.

The previous party column is read row by row, so it can list different parties in a different order.

The current and previous results sit on one sheet as two pairs of columns.

A filter column needs more than one distinct value to show buttons or a dropdown.

Os passos

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

  1. 01

    Open the Election Results template

    From the PlotSet dashboard, start a new project and choose Election Results Chart from the Bar Charts category. It loads with the UK 2024 result against 2019.

    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

    Add your results

    Import a CSV or .xlsx file, paste rows from a spreadsheet, or connect a Google Sheet. Put each party and its seats or votes on one row.

    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.
  3. 03

    Check the column bindings

    Bind the party and result columns, then the previous party and previous result columns if you want the comparison bar.

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

    Set the majority line

    In the Majority line tab, set the value where the line crosses the bar. For a 650 seat chamber that is 326.

    O editor do PlotSet na aba Preview: um gráfico do tipo Election Results 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 Election Results 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.
  5. 05

    Add a filter for regions or rounds

    Bind a column such as Nation to the filter, then choose buttons or a dropdown in the Controls tab.

  6. 06

    Set party colours

    In the Color tab, give each party its familiar colour so readers recognise it without the legend.

  7. 07

    Tune the labels

    The Labels tab sets whether names and numbers sit inside or above each segment, and how small parties are handled.

  8. 08

    Publish and embed

    Publish for a live chart and copy the embed code from the Share dialog. Click through each filter value once before you share it.

    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 Election Results 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 Election Results Chart

Group the smallest parties

Combine them into Others so every remaining segment is wide enough to label.

Show the change

The change figure next to each result is often the story. Keep it on.

Match party colours

Use the colours readers already associate with each party.

Use the filter, not more charts

One chart with a filter embeds once and stays consistent across regions.

Erros comuns ao fazer um Election Results Chart

The bar does not fill the width

The segments add up to less than the total. Check for a missing party or a wrong total.

The majority line is in the wrong place

The threshold is a fixed value. Reset it when the chamber size changes between regions.

No previous bar appears

The previous party and result columns are not bound. Check the bindings.

Labels are cut off

Narrow segments cannot hold a name. Group small parties or move labels outside the bar.

Saiba mais sobre o Election Results Chart

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

Sobre o Election Results Chart

Election Results Chart: perguntas frequentes

Yes. Use votes or percentages in the result column and set the line to 50 or any threshold.

Crie seu Election Results Chart agora

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