Skapa linjediagram
Steg 1 / 4
Lägg till trenddata
| Etikett | ||
|---|---|---|
Gör en följd av värden till ett tydligt linjediagram med flera serier. Importera CSV- eller tabbseparerade data med två till tjugo märkta kategorier och en till fyra serier, och välj sedan palett, stödlinjer, markörer och utjämning. Diagrammet visar hur värden förändras i samma ordnade kategorier. Diagrammet samt SVG-, PNG- och CSV-exporter skapas lokalt i webbläsaren.
Så skapar du ett linjediagram
-
1
Förbered en gemensam kategorikolumn
Lägg kategorietiketter i första kolumnen och ge varje följande kolumn ett tydligt serienamn. Använd två till tjugo rader och en till fyra serier så att varje linje följer samma kategoriordning.
-
2
Importera och forma diagrammet
Importera CSV- eller TSV-data och välj sedan palett, stödlinjer, markörer och utjämning som gör värdena lätta att följa utan att dölja grundmönstret.
-
3
Kontrollera budskapet och exportera
Bekräfta att kategoriordning och serienamn stämmer och hämta sedan det aktuella diagrammet som SVG eller PNG. Exportera också CSV när läsaren behöver de exakta värdena.
Börja med en följd som en linje kan förklara
Ett linjediagram är mest användbart när kategoriordningen betyder något: månader, projektsteg, temperaturer vid uppmätta tider eller successiva versioner av en produkt. Det visar hur varje serie förändras över denna gemensamma ordning. Det bevisar inte varför en förändring inträffade, förutser inte nästa värde och gör inte orelaterade kategorier till en meningsfull trend.
Reservera första kolumnen för kategorietiketter och använd en kolumn per serie. Kolumnnamnen blir de namn som läsaren använder för att skilja linjerna åt.
| Fråga | Ett linjediagram hjälper när | Var uppmärksam på |
|---|---|---|
| Stiger eller sjunker ett mått över tid? | Kategorierna är ordnade perioder, som dagar eller månader | En linje kopplar ihop närliggande perioder men bevisar inte orsak |
| Rörde sig två mått på olika sätt? | Båda serierna använder samma kategorier och enhet | Ge varje serie ett särskilt namn i stället för att bara förlita dig på färg |
| Var inträffade en förändring? | Kategorierna är successiva milstolpar eller versioner | Använd markörer när varje observation behöver gå att hitta |
| Behöver läsaren exakta värden? | Du tillhandahåller tillhörande CSV eller datatabell | En bild ensam kräver att värden uppskattas |
Exempel: månatliga registreringar
Importera denna CSV för att rita två linjer över fyra månader. Den första raden namnger kategorikolumnen och de två serierna. Varje senare rad ger en kategori och dess värden.
Month,Website registrations,Newsletter registrations
January,120,84
February,146,91
March,132,118
April,171,126
Linjen för webbplatsregistreringar stiger från januari till februari, sjunker i mars och når sitt högsta visade värde i april. Nyhetsbrevsregistreringarna stiger under varje visad månad. Om källan använder tabbar i stället för kommatecken, importera motsvarande TSV-data: strukturen är densamma.
Markörer, stödlinjer och utjämning
Markörer gör varje angiven observation lättare att hitta. Stödlinjer kan göra ungefärlig avläsning enklare, särskilt när flera linjer ligger nära varandra. Utjämning förändrar den visuella vägen mellan observationer, så använd den varsamt: en kurva kan få ett mellanvärde att se säkrare ut än vad källdatan stödjer. För diskreta kategorier, oregelbundna observationer eller rapportering där exakta värden spelar roll bör du behålla markörer och dela CSV-filen tillsammans med bilden.
Gör diagrammet begripligt utan enbart färg
Färg ska inte vara det enda sättet att skilja serier åt. Ge varje serie ett uttryckligt, synligt namn och gör datan tillgänglig i en tabell eller CSV när exakta värden eller trenden är viktig. En kort skriven slutsats kan också beskriva huvudmönstret, till exempel vilken serie som steg, sjönk eller bytte riktning.
En SVG- eller PNG-fil är en visuell export och ersätter inte i sig ett komplett tillgänglighetsalternativ. När du publicerar ett diagram bör du inkludera underliggande data och en kort textsammanfattning av viktiga samband. Det följer W3C:s vägledning: diagram är komplexa bilder som behöver ett textalternativ, och information ska inte förmedlas med bara färg.
Verktyget bearbetar diagramdata och skapar SVG-, PNG- och CSV-nedladdningar lokalt i webbläsaren. Sidladdning är fortfarande en vanlig webbförfrågan. Spara en export om du behöver behålla diagrammet efter att fliken stängts.
Vanliga frågor
Du kan använda två till tjugo märkta kategorier och en till fyra namngivna serier. Alla serier bör använda samma ordnade kategorilista så att läsaren kan jämföra linjerna vid varje position.
Använd en rubrikrad. Lägg kategorietiketter i första kolumnen och en namngiven serie i varje följande kolumn. Varje senare rad ska innehålla en kategori följd av värden för dessa serier.
Använd markörer när enskilda observationer behöver vara lätta att hitta. Utjämning kan göra ett brett mönster snabbare att läsa, men kan också antyda mellanvärden som inte mättes. Behåll den icke-utjämnade linjen och dela källdatan när precision är viktig.
Nej. Det kan visa värden som förändras i ordnade kategorier och kan synliggöra mönster att undersöka, men fastställer inte orsak, förutser inte ett framtida värde och bedömer inte datakvaliteten.
Använd tydliga serienamn, förlita dig inte bara på färg och publicera underliggande CSV eller en likvärdig datatabell med en kort text om huvudtrenden. Då får läsaren exakta värden utan att behöva uppskatta dem från bilden.
Du kan exportera det aktuella diagrammet som SVG eller PNG och data som CSV. Bearbetning och exporter skapas lokalt i webbläsaren; vanlig sidladdning är fortfarande en normal webbförfrågan.
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.
Skapa kontaktkarta
Ordna foton på utskrivbara kontaktkartor i A4 eller Letter med bildtexter och beskärning, förhandsgranska och hämta JPEG eller PDF.
Skapa korsstygnsmönster
Gör JPEG, PNG eller WebP till ett utskrivbart korsstygnsdiagram med 10–150 stygn, 2–40 egna färger, symboler, exakta antal och tygmått.
Flaggskapare
Formge en enkel egen 3:2-flagga i webbläsaren med sex layouter, färger, text och en symbol. Hämta SVG eller PNG, eller öppna webbläsarens utskriftsdialog.
Färgblindhetssimulator
Simulera hur en bild upplevs av personer med olika former av färgblindhet: protanopi, deuteranopi, tritanopi och achromatopsi.
Skapa visionboard
Förvandla dina mål till en visuell tavla: ladda upp bilder, lägg till en personlig rubrik och bildtexter, välj färger och layout och hämta en utskrivbar PNG. Allt stannar i din webbläsare.
Verktyget finns på andra språk
- 折れ線グラフ作成ツール [JA]
- Tạo biểu đồ đường [VI]
- 꺾은선 그래프 만들기 [KO]
- منشئ الرسم البياني الخطي [AR]
- Criador de gráficos de linhas [PT]
- Liniendiagramm erstellen [DE]
- Creador de gráficos de líneas [ES]
- Créateur de graphiques linéaires [FR]
- Lijngrafiek maken [NL]
- Pembuat grafik garis [ID]
- สร้างกราฟเส้น [TH]
- Kreator wykresów liniowych [PL]
- Line Graph Maker [EN]
- Creatore di grafici a linee [IT]
- Создатель линейных графиков [RU]
- Çizgi grafik oluşturucu [TR]
- 折线图制作工具 [ZH]