Exemple de CSV
| Country | Value | Size |
|---|---|---|
| Asia | 100 | 100 |
| North America | 50 | 60 |
| Europe | 30 | 40 |
| Africa | 20 | 25 |
How to Create a Lollipop Chart
A step by step walkthrough for building a lollipop chart with stems, sized dots and a clean legend in PlotSet.
Environ 6 minutesYou will end up with a chart where each category has a thin stem and a dot at its value.
Expect about six minutes. Most of it goes on choosing the sort order and the dot size.
Les données dont vous avez besoin
One row per category, with a numeric value and, if you want them, a size and a group.
The value column must be numeric. Rows with a non-numeric value are dropped.
A size column makes the area of each dot follow the number.
A group column colours the dots and builds the legend.
Rows that share a label are joined by one stem, from the lowest to the highest value.
Les étapes
Le parcours exact dans PlotSet, d'un modèle vierge à un graphique terminé.
- 01
Open the Lollipop Chart template
From the PlotSet dashboard, start a new project and choose Lollipop Chart from the Bar Charts category. It loads with three regions.
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 data
Import a CSV or .xlsx file, paste rows from a spreadsheet, or connect a Google Sheet. Each row is one category.
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
Bind the columns
Choose the label column and the value column. Add a size column and a group column if you have them.
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
Choose orientation and order
In the Orientation tab, switch between horizontal and vertical and sort the categories from high to low.
L'onglet 'Preview' pour un graphique Lollipop 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
Style the stems and dots
The Stems tab sets width, opacity and colour. The Dots tab sets the radius, outline and fade on hover.
- 06
Set labels and axes
The Labels tab shows category and value labels. The Value axis tab sets gridlines, ticks and the range.
- 07
Publish and embed
Publish for a live chart and copy the embed code from the Share dialog. Check the dots at the width of your page 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 Lollipop 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 Lollipop Chart
Sort the categories
A ranked order lets readers see the leaders at a glance.
Start at zero
A stem implies length, so keep the axis anchored at zero.
Size with care
Use dot size for a real second measure, not just decoration.
Switch off what you do not need
Hide value labels or gridlines if the dots already say enough.
Erreurs courantes en créant un Lollipop Chart
A row is missing
Its value is not a number. Remove thousands separators and text from the cell.
Every dot is a different colour
The group column is the same as the label column. Bind a real group or use a single colour.
The dots overlap
They are too large for the spacing. Lower the radius or the largest dot area.
The stems look doubled
Two rows share a label and are joined into one stem. Give each row its own label if that is not intended.
En savoir plus sur le Lollipop Chart
Vous n'êtes pas sûr que le Lollipop Chart soit le bon choix ? Découvrez ce que c'est, quand l'utiliser et quand l'éviter.
Lollipop Chart : questions fréquentes
It draws a thin stem and a dot instead of a filled bar, so it looks lighter and shows small gaps more clearly.
Créez votre Lollipop Chart maintenant
Gratuit pour commencer avec plus de 300 modèles. Aucune carte bancaire requise.