Her er noen eksempler på React-kartbiblioteker med deres respektive funksjoner og eksempler:
1. Reager Chartjs 2
- Funksjoner: Ulike diagramtyper som linje, stolpe, kake og mer.- Eksempler:
- Vertikalt søylediagram
- Horisontalt søylediagram
- Stablet søylediagram
- Gruppert søylediagram
- Områdekart
- Linjediagram
- Flerakse linjediagram
- Sektordiagram
- Donut Chart
- Polarområdekart
- Radarkart
- Spredningsdiagram
- Boblediagram
- Flertypediagram
- Karthendelser
- Kartref
- Gradientdiagram
2. Reager Google Charts
- Funksjoner: Ulike diagramtyper som område, stolpe, boble og mer.- Eksempler:
- Områdekart
- Søylediagram
- Boblediagram
- Kalender
- Lysestakediagram
- Kolonnediagram
- Kombinasjonsdiagram
- Gantt
- Måler
- Geografisk kart
- Histogram
- Linjediagram
- Organisasjonsdiagram
- Sektordiagram
- Sankey
- Spredningsdiagram
- Trinndiagram
- Bord
- Tidslinje
- Trekart
- Ordtre
- Animasjoner
- Chart Editor
- Kontroller
- Interaksjoner
- Layout
- Regneark
- Verktøylinje
3. ApexCharts.js
- Funksjoner: Ulike diagramtyper som linje, kolonne, stolpe, kake og mer.- Eksempler: Inkluderer kildekode for alle eksempler for å spare utviklingstid.
4. CanvasJS
- Funksjoner: Interaktive, responsive diagrammer med animasjon, zooming, panorering, hendelser, eksport, drilldown og sanntidsoppdateringer.- Eksempler:
- Linjediagrammer
- Spline- og trinnlinjediagram
- Områdekart
- Splineområde, stablet område, stablet område 100, trinnområde, avstandsområde og område splineområde
- Kolonnediagrammer
- Søylediagrammer
- Stablet søyle, stablet kolonne 100 %, områdekolonne, stablet søyle, stablet søyle 100 %, områdestolpe og fossediagrammer
- Sektordiagrammer
- Donut / Donut Charts
- Trakt- og pyramidediagrammer
- Lysestake og OHLC-diagrammer
- Sprednings- og boblediagrammer
- Kart over bokser og værhår
- Feil- og feillinjediagrammer
- Dynamiske diagrammer
- Aksjekart med områdevelger, navigator og flere kart
5. TanStack/react-charts
- Funksjoner: Ulike diagramtyper som linje, stolpe, boble og mer.- Eksempler: Inkluderer eksempler for enkel linje, linje, boble, område, egendefinerte stiler, egendefinerte verktøytips, aksealternativer, mørk modus, glitrende, børsting, grupperingsmoduser, verktøytipsalternativer og mer.
Disse bibliotekene gir omfattende eksempler og maler for å hjelpe deg i gang med å lage diagrammer i React-applikasjonen din. Du kan velge den som passer best for dine behov basert på typene diagrammer du vil lage og tilpasningsnivået du trenger[1][2][3][4][5].
Sitater:[1] https://react-chartjs-2.js.org/examples/
[2] https://www.react-google-charts.com/examples
[3] https://apexcharts.com/react-chart-demos/
[4] https://canvasjs.com/react-charts/
[5] https://codesandbox.io/examples/package/react-charts