Exemple de CSV
| Party | Seats | Previous party | Previous seats | Nation |
|---|---|---|---|---|
| Labour | 411 | Labour | 202 | United Kingdom |
| Conservative | 121 | Conservative | 365 | United Kingdom |
| Liberal Democrats | 72 | Liberal Democrats | 11 | United Kingdom |
| Reform UK | 5 | Brexit Party | 0 | United Kingdom |
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.
Environ 8 minutesYou 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.
Les données dont vous avez besoin
One row per party with its seats or votes, then optional columns for the previous election and a filter column for regions or rounds.
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.
Les étapes
Le parcours exact dans PlotSet, d'un modèle vierge à un graphique terminé.
- 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.
Chaque guide commence ici. Choisissez la catégorie, puis le modèle : c'est la même grille quel que soit le type de graphique visé. - 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.
La vue données, ici sur un projet de graphique en barres. Importez un CSV, extrayez les chiffres d'une image avec 'Magic Import' ou synchronisez une Google Sheet. Le panneau est identique pour tous les types de graphique. - 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.
Les associations déterminent quelle colonne devient l'étiquette, laquelle fournit les valeurs et laquelle pilote la couleur. 'Auto Binding' les devine à partir de vos en-têtes : vérifiez-les plutôt que de les tenir pour acquises. - 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.
L'onglet 'Preview' pour un graphique Election Results Chart. Tous les réglages de style se trouvent dans le panneau entouré en rouge : apparence, en-tête, pied de page et les options propres à ce type de graphique, chacun dans un onglet distinct. - 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.
- 06
Set party colours
In the Color tab, give each party its familiar colour so readers recognise it without the legend.
- 07
Tune the labels
The Labels tab sets whether names and numbers sit inside or above each segment, and how small parties are handled.
- 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.
C'est par 'Share' qu'un graphique terminé devient un lien public et un code d'intégration.
Partez du modèle Election Results Chart avec des données d'exemple déjà chargées, puis remplacez-les par les vôtres.
Ouvrir le modèlePublier, intégrer ou exporter
La dernière ligne droite est la même pour tous les types de graphique : 'Share' transforme le graphique en lien public actif et en code d'intégration, 'Export' l'enregistre sous forme de fichier statique.
Share : lien public et code d'intégration
Activer le code d'intégration et le lien public revient à publier le graphique. Le lien peut être envoyé à qui vous voulez sans risque, et le code d'intégration s'insère dans n'importe quelle page sous la forme d'une iframe qui conserve les infobulles au survol et l'interactivité. Si vous modifiez le graphique par la suite, cliquez sur 'Recreate' pour répercuter ces changements sur le lien comme sur le code.
Export : SVG, PNG ou JPG
Le bouton 'Export' génère une copie statique à la taille dont vous avez besoin. Le SVG reste net à toutes les échelles et peut encore être modifié dans un outil de design ; PNG et JPG sont les choix sûrs pour les présentations et les documents. C'est le multiplicateur d'échelle qui vous donne une image nette sur un écran retina.
Conseils de style pour un 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.
Erreurs courantes en créant un 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.
En savoir plus sur le Election Results Chart
Vous n'êtes pas sûr que le Election Results Chart soit le bon choix ? Découvrez ce que c'est, quand l'utiliser et quand l'éviter.
Election Results Chart : questions fréquentes
Yes. Use votes or percentages in the result column and set the line to 50 or any threshold.
Créez votre Election Results Chart maintenant
Gratuit pour commencer avec plus de 300 modèles. Aucune carte bancaire requise.