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.

Etwa 8 Minuten

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.

Die Daten, die Sie brauchen

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

Beispiel-CSV
PartySeatsPrevious partyPrevious seatsNation
Labour411Labour202United Kingdom
Conservative121Conservative365United Kingdom
Liberal Democrats72Liberal Democrats11United Kingdom
Reform UK5Brexit Party0United Kingdom
Hinweise

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.

Die Schritte

Der genaue Klickpfad in PlotSet, von einer leeren Vorlage bis zum fertigen Diagramm.

  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.

    Die Vorlagenauswahl von PlotSet: links die Liste der Diagrammkategorien, daneben das geöffnete Raster "Bar Charts" und die Vorlagenkarte "Bar Chart" mit ihrer Schaltfläche "Select".
    Jede Anleitung beginnt hier. Wählen Sie erst die Kategorie, dann die Vorlage. Das Raster ist für jeden Diagrammtyp dasselbe.
  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.

    Die Datenansicht im PlotSet-Editor: ein Tabellenraster mit den Spalten "Name", "Value" und "Region", gefüllt mit Zahlen zu kanadischen Provinzen, daneben der Bereich "Data" mit "Upload CSV File", "Magic Import" und der Synchronisierung über "Google Sheet".
    Die Datenansicht, hier in einem Balkendiagramm-Projekt. Laden Sie über "Upload CSV File" eine CSV-Datei hoch, holen Sie die Zahlen mit "Magic Import" aus einem Bild oder verbinden Sie ein Google Sheet. Der Bereich sieht bei jedem Diagrammtyp gleich aus.
  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.

    Der Datenbereich von PlotSet mit hervorgehobenen Spaltenzuordnungen: "Label/time" auf Spalte A, "Values" auf Spalte B und "Filter/color" auf Spalte C, darunter die Schaltfläche "Auto Binding".
    Die Zuordnungen legen fest, welche Spalte zur Beschriftung wird, welche die Werte liefert und welche die Farbe steuert. "Auto Binding" errät sie anhand Ihrer Spaltenüberschriften. Prüfen Sie das Ergebnis, statt sich darauf zu verlassen.
  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.

    Der PlotSet-Editor im Tab "Preview": ein fertiges Diagramm vom Typ "Election Results Chart" auf der Arbeitsfläche und der rot umrandete Einstellungsbereich am rechten Rand.
    Der Tab "Preview" für ein Diagramm vom Typ "Election Results Chart". Alle Gestaltungsoptionen stecken im umrandeten Bereich: Aussehen, Kopfzeile, Fußzeile und die Optionen, die es speziell für diesen Diagrammtyp gibt, jeweils in einem eigenen Tab.
  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.

    Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Share" direkt neben der Schaltfläche "Export".
    Über "Share" werden aus dem fertigen Diagramm ein öffentlicher Link und ein Einbettungscode.

Starten Sie mit der Election Results Chart-Vorlage samt bereits geladenen Beispieldaten und ersetzen Sie diese durch Ihre eigenen.

Vorlage öffnen

Veröffentlichen, einbetten oder exportieren

Der letzte Abschnitt ist bei jedem Diagrammtyp gleich: "Share" macht aus dem Diagramm einen öffentlichen Live-Link und einen Einbettungscode, "Export" schreibt es als statische Datei heraus.

"Share": öffentlicher Link und Einbettungscode

Aktivieren Sie den Einbettungscode und den öffentlichen Link, um das Diagramm zu veröffentlichen. Den Link können Sie bedenkenlos an alle weitergeben, und der Einbettungscode fügt sich als iframe in jede Seite ein. Die Tooltips beim Überfahren mit der Maus und die volle Interaktivität bleiben erhalten. Wenn Sie das Diagramm später bearbeiten, überträgt "Recreate" die Änderungen auf Link und Einbettung.

Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Share" direkt neben der Schaltfläche "Export".
Über "Share" werden aus dem fertigen Diagramm ein öffentlicher Link und ein Einbettungscode.
Der Dialog "Share" von PlotSet: der Schalter, der den Einbettungscode und den öffentlichen Link aktiviert, die Schaltflächen "Link", "Embed", "Facebook", "Reddit", "Twitter", "LinkedIn" und "Email" sowie der öffentliche Diagrammlink mit der Schaltfläche "Copy".
Aktivieren Sie den Einbettungscode und den öffentlichen Link, kopieren Sie dann den Link oder den iframe-Code. Mit "Recreate" erreichen spätere Änderungen alle, die den Link bereits haben.

"Export": SVG, PNG oder JPG

"Export" schreibt eine statische Kopie in der Größe heraus, die Sie brauchen. SVG bleibt in jeder Skalierung scharf und lässt sich weiterhin in einem Design-Tool bearbeiten; PNG und JPG sind die sichere Wahl für Folien und Dokumente. Der Skalierungsfaktor sorgt dafür, dass das Bild auf einem Retina-Display gestochen scharf wirkt.

Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Export".
Über "Export" bekommen Sie eine statische Datei für eine Folie oder einen Bericht.
Der Dialog "Export chart" von PlotSet: die Skalierungsauswahl auf 2x, die Felder für Breite und Höhe mit 1000 mal 600 und das geöffnete Formatmenü mit "SVG", "PNG" und "JPG".
SVG bleibt in jeder Größe scharf und im Design-Tool bearbeitbar; PNG und JPG sind die sichere Wahl für eine Präsentation. Stellen Sie die Skalierung vor dem Export ein, damit das Bild auf einem Retina-Display gestochen scharf ist.

Styling-Tipps für 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.

Häufige Fehler bei 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.

Mehr über Election Results Chart erfahren

Nicht sicher, ob Election Results Chart die richtige Wahl ist? Erfahren Sie, was es ist, wann Sie es verwenden sollten und wann nicht.

Über Election Results Chart

Election Results Chart: häufige Fragen

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

Jetzt Election Results Chart erstellen

Kostenlos starten mit über 300 Vorlagen. Keine Kreditkarte erforderlich.