Creating charts in Blazor

Question

So basically I want to create charts with server-side blazor, I was searching around for some packages which would allow me to create charts. The problem being that they are all pretty expensive:

1. telerik
2. syncfusion

The only free alternative which is also pretty good I found was ofc. ChartJs, but it uses obviusly js which is not really the direction I wanted to go for.

So are there any 'good' Blazor chart libraries which are free and let me create the normal hand full of chart types e.g. area-charts, line charts, bar charts ... ?

Solution 1

To answer the question myself, this is the library which looks the most promising and it is also free.

Solution 2

There is also a specific ChartJS.Blazor package available for free, just a small NuGet package. And compatible with client-side and server-side Blazor applications.

• ChartJS.Blazor package by Marius Muntean
• Or search for "ChartJS.Blazor" in NuGet Package manager in Visual Studio

Note: The . is after ChartJS and before Blazor, not after Chart directly. Otherwise you won't find this package but all the other variations.

Solution 3

Plotly.Blazor is now another option.

Plotly.Blazor is a wrapper for plotly.js. Built on top of d3.js and stack.gl, plotly.js is a high-level, declarative charting library. It ships with over 40 chart types, including 3D charts, statistical graphs, and SVG maps. plotly.js is free and open source and you can view the source, report issues or contribute on GitHub.

Solution 4

There is also Blazly even though it doesn't seem to be much activity lately it is quite easy to adapt to specific needs.

Solution 5

There are beautiful charts available on Blazorise.com. Please check them and give a try:

https://bootstrapdemo.blazorise.com/tests/charts

View more solutions