Skapa cirkeldiagram
Diagramdata
Gör en liten kategoriserad datamängd till ett tydligt cirkel- eller ringdiagram utan att ladda upp ett kalkylblad. Fyll i rader med etikett och värde eller klistra in CSV- eller tabellseparerade data. Välj sedan färger, etiketter, placering av teckenförklaringen och startvinkel. Förhandsvisningen innehåller både en textbeskrivning och en tillgänglig datatabell. Exporten skapas lokalt som en PNG-bild i 1200 × 800 eller som skalbar SVG. Cirkeldiagram passar bäst för ett fåtal icke-negativa delar av en meningsfull helhet.
Så skapar du ett cirkeldiagram
-
1
Ange kategorierna
Lägg till rader med etikett och värde eller klistra in CSV- eller tabellseparerade data med två kolumner.
-
2
Välj utseende
Välj cirkel- eller ringdiagram, färgpalett, sektoretiketter, teckenförklaring, sortering och startvinkel.
-
3
Kontrollera det tillgängliga resultatet
Granska diagrammet, textalternativet samt de exakta värdena och procentandelarna i tabellen.
-
4
Exportera diagrammet
Ladda ned en PNG i 1200 × 800 eller en skalbar SVG, eller kopiera källdatan som CSV.
Vad ett cirkeldiagram visar
Ett cirkeldiagram omvandlar varje positivt värde till en vinkel i en cirkel på 360°. Om en kategori har värdet v och summan av alla visade värden är T, blir mittvinkeln 360 × v / T och den visade procentandelen 100 × v / T. Ett ringdiagram använder samma proportioner men tar bort mitten; jämförelsen förändras inte.
| Kategori | Värde | Andel | Sektorvinkel |
|---|---|---|---|
| Varor | 45 | 45 % | 162° |
| Tjänster | 30 | 30 % | 108° |
| Support | 25 | 25 % | 90° |
I exemplet är summan 100. Varor upptar därför 45 / 100 × 360 = 162°. Verktyget tillåter nollvärden men utelämnar dem ur den synliga cirkeln. Negativa, saknade och icke-ändliga värden avvisas eftersom de inte kan beskriva vanliga delar av en helhet. Minst ett värde måste vara positivt.
När ett annat diagram passar bättre
Cirkeldiagram är lättast att läsa när det finns få sektorer med tydliga skillnader. Ett stapeldiagram är oftast bättre när värdena ligger nära varandra, kategorierna är många, exakta jämförelser är viktiga eller kategorierna inte utgör delar av samma total. Ett linjediagram passar bättre för utveckling över tid. Undvik procentandelar som överlappar eller dubbelräknar, eftersom en snygg cirkel inte kan rätta en ogiltig totalsumma.
Färg, etiketter och tillgänglighet
Färg ska inte vara den enda betydelsebäraren. Behåll teckenförklaringen eller synliga sektoretiketter, kontrollera tabellen och välj den färgblindvänliga paletten när diagrammet ska delas brett. Mycket små sektorer rymmer kanske ingen text, men exakt etikett, värde och procent finns kvar i teckenförklaringen och datatabellen. SVG lämpar sig för redigering och skarpa utskrifter. PNG är en fast bild i 1200 × 800 som passar presentationer, dokument och inlägg i sociala medier.
Diagrammet skapas med webbläsarens SVG- och Canvas-API:er. Inga diagramdata skickas till någon extern diagramtjänst. Stegen i flödet sparas tillfälligt i den här flikens sessionslagring och rensas när du börjar om eller stänger fliken.
Läs mer i Datawrappers råd om att skapa cirkeldiagram med endast ett fåtal delar, W3C:s handledning om tillgängliga datatabeller och MDN:s dokumentation om att beskriva SVG-grafik med <desc>.
Vanliga frågor
Ja. Kopiera två kolumner med etiketter och värden och klistra in dem i importfältet. Tabellseparerade kalkylbladsrader, kommaseparerad CSV och semikolonseparerade rader stöds, även CSV-etiketter inom citattecken.
Noll har ingen vinkelyta och tillåts därför men utelämnas ur cirkeln. Negativa värden kan inte motsvara en vanlig sektor av en helhet och avvisas. Minst en kategori måste vara större än noll.
Båda återger proportioner på samma sätt. Välj cirkel för den mest direkta delen-av-helheten-vyn och ring när totalsumman i mitten är användbar. Välj stapeldiagram när exakta jämförelser är viktigare.
Den skapade SVG-filen har en textöversikt och varje sektor har en textbeskrivning. Sidan innehåller också en vanlig tabell med samtliga visade etiketter, värden och procentandelar. Behåll tabellen eller en motsvarande textbeskrivning när du publicerar diagrammet någon annanstans.
Nej. Rader, rubrik och designinställningar stannar i webbläsaren. Under flerstegsflödet sparas de endast i den här flikens sessionslagring. PNG och SVG skapas lokalt och inga data läggs i webbadressen.
Relaterade verktyg
Material Design-färgväljare
Bläddra i Material Design-färgpaletten. Kopiera valfri nyans (50 till A700) som HEX, RGB eller HSL med en tryckning.
ARW till JPG-omvandlare
Omvandla Sony ARW RAW-foton till JPG. Få en delbar, universellt kompatibel JPEG från din kameras RAW-fil utan att öppna Lightroom.
Ändra bildstorlek
Ändra bilder till exakta pixelmått eller procentvärden och behåll proportionerna. Smidigt för flera filer, utan uppladdning.
QR-kodsgenerator
Skapa en QR-kod av text eller en URL i webbläsaren och ladda ned den som PNG.
Memgenerator
Lägg till en övertext och undertext på en JPG-, PNG- eller WebP-bild. Ställ in typsnitt, färger och kontur och ladda ned din mem som PNG.
GIF-skapare
Gör en bildsekvens till en animerad GIF. Ställ in bildfrekvens, kvalitet och storlek före export.