Softonic

Skapa cirkeldiagram

Steg 1 / 3

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. 1

    Ange kategorierna

    Lägg till rader med etikett och värde eller klistra in CSV- eller tabellseparerade data med två kolumner.

  2. 2

    Välj utseende

    Välj cirkel- eller ringdiagram, färgpalett, sektoretiketter, teckenförklaring, sortering och startvinkel.

  3. 3

    Kontrollera det tillgängliga resultatet

    Granska diagrammet, textalternativet samt de exakta värdena och procentandelarna i tabellen.

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

Skapa kontaktkarta

Ordna foton på utskrivbara kontaktkartor i A4 eller Letter med bildtexter och beskärning, förhandsgranska och hämta JPEG eller PDF.

Pixelgrafikverktyg

Rita pixelgrafik från grunden på ett rutnät från 4×4 till 64×64. Använd penna, fyllning, pipett, symmetri och ångra, och exportera sedan skarp transparent PNG, SVG eller projektfil.

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.

Rutpappersgenerator

Skapa utskrivbart rutpapper online: välj rutnät eller punktnät, ange avståndet i mm, välj A4 eller Letter och en egen linjefärg, och skriv sedan ut eller ladda ner en skarp SVG.

Instagram rutnätsdelare

Dela en bred bild i ett 3×3-rutnät för Instagram, eller valfritt antal rader. Rutorna är numrerade så att de är enkla att ladda upp i omvänd ordning.

Gör ansikten oskarpa i foton online

Rita rutor över ansikten eller känsliga detaljer och gör dem oskarpa, pixlade eller svarta. Allt sker i webbläsaren och resultatet laddas ned som JPEG.

Verktyget finns på andra språk