Skapa linjediagram
Steg 1 / 4
Lägg till trenddata
Jämför två till tjugo ordnade etiketter med en till fyra serier. Datan stannar i den här webbläsaren.
| 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
Streckkodsgenerator
Skapa skanningsbara 1D-streckkoder i Code 128, Code 39, EAN-13, UPC-A, ITF-14 och Codabar. Exportera som PNG, SVG eller PDF för tryck.
PNG till JPG-omvandlare
Omvandla PNG till JPG i webbläsaren. Platta ut transparens mot valfri bakgrundsfärg, behåll måtten och minska många fotoliknande PNG-filer med 60-90 %.
Memegenerator
Skapa memes med kända mallar som Drake, Distracted Boyfriend eller Doge, eller ladda upp en egen bild. Över- och undertext med Impact-typsnitt, kontur och skugga.
WebP till PNG
Omvandla WebP-bilder till PNG och behåll transparens samt pixelnoggrann kvalitet för redigering, utskrift och äldre designverktyg.
HEIC till JPG-konverterare
Konvertera HEIC-foton från iPhone till JPG direkt i webbläsaren. Ingen uppladdning krävs, fungerar för flera filer och kan behålla EXIF-metadata.
SVG till PNG
Konvertera SVG-filer eller SVG-kod till PNG i webbläsaren, välj en skalfaktor och behåll skarpa transparenta kanter.