What are better/alternative graphing plugins used?

Ask us anything How do I?
1

Looking for examples and tutorials on how to use other graphing plugins, specifically I want to be able to see money budgeting-type of graphs.

  • Funnels
  • Heatmaps
  • Gauges
    etc.

Or a recommended NPM pacakge?

Thx!

2

Hello @Toby007 to help you with this, I will suggest you use Quickchart API (Free ChartJS based charting library) but without the need to manage the dependency, just render the charts as images via a single link, and completely self-hostable too.

It has all of those charts you mentioned - Gauge (I have used this personally), Funnel, Heatmap. You can see all these on its gallery page. You can read the documentation and of course checkout the playground.

Of course if you absolutely want to use an NPM package, then ChartJS is still your best bet, but due to the need to manage plugins/add-ons within ChartJS itself (for rendering advanced charts), you will run into issues in weweb. Hence my advice is to use Quickchart, since the API already has all the add-ons and plugins pre-installed, so you just generate the chart data on your side, and then append it to the url.

Cheers

3

eCharts is great and open source. But it’s not so simple to implement as installing WeWeb’s ChartJS plugin.

4

This is very helpful - QuickCharts looks good indeed. The option to use the URL to generate images, isn’t ideal.

Still looking for a more NPM-Plugin version. I’ll have a look into this some more. Feels like a missing set of graphs…

I wonder if I can update the chart plugin