large_logo-transparent-1024x1024.png

medium_logo-transparent-1024x1024.png

small_logo-transparent-1024x1024.png

thumbnail_logo-transparent-1024x1024.png

logo-transparent-1024x1024.png

The missing NoCode function library for any automation platform. Well tested and easy to use. Register for free and get started.

1001fx-1200x627.png

1001fx is the most complete and missing set of NoCode and LowCode functions for all automation platforms.

1001fx - NoCode Functions

Creating charts is often a complex process, requiring special libraries or a server to generate the charts. Creating charts in nocode automation processes was even more complex.  With our 1001fx **Line Chart, Bar Chart, Pie Chart and Donut Chart** we offer the ability to create charts on the fly in your automation solution. 

This blog post shows how to create charts with make.com. 
Below we also show how to use the api directly via postman or API.

_Charts are based on the awesome [ChartJs](https://www.chartjs.org) library._

## Make Scenario

![piechart-blog05.png](https://prod-1001fx-public.b-cdn.net/misc/1680508578_piechart-blog05.png)

### Workflow

The data source we use is the Weather API. It could of course be any other data source. 

The data we get from the Weather API connector is aggregated and transformed into a data json that our function needs to render the charts. Additional display options such as titles, colours and sizes could be added.  The image is  added as an attachment.


Download the Make blueprints here: [PieCharMakeBluepring.json](https://prod-1001fx-public.b-cdn.net/misc/1680508632_blueprint-piechart.json)

## Postman & API

Please find below the details on using the library via POST or API.

### Pie Chart & Donut Chart

<fx group=data fx=piechart showicon=true short=true></fx>


![piechart.png](https://prod-1001fx-public.b-cdn.net/misc/1680508695_piechart.png)

![donut.png](https://prod-1001fx-public.b-cdn.net/misc/1680508695_donut.png)


```
{
  "data": [
    {
      "label": "January",
      "value": 65,
      "backgroundColor": "#FF6384"
    },
    {
      "label": "February",
      "value": 39,
      "backgroundColor": "#FF9F40"
    },
    {
      "label": "March",
      "value": 49,
      "backgroundColor": "#FFCD56"
    },
    {
      "label": "April",
      "value": 72,
      "backgroundColor": "#4BC0C0"
    },
    {
      "label": "May",
      "value": 93,
      "backgroundColor": "#36A2EB"
    },
    {
      "label": "June",
      "value": 84,
      "backgroundColor": "#9966FF"
    }
  ],
  "options": {
    "title": "PieChart / Donut Generation for Automation Platforms with 1001fx",
    "titleAlignment": "center",
    "titleColor": "#2563EB",
    "subtitle": "Automatic piechart / donut generation from your data as image and PDF. Highly customizable.",
    "subtitleAlignment": "center",
    "subtitleColor": "#333333",
    "fontFamily": "Roboto",
    "titleFontSize": 32,
    "subtitleFontSize": 16,
    "dataLabelAnchor": "end",
    "dataLabelAlignment": "end",
    "dataLabelFontSize": 18,
    "legendPosition": "top",
    "legendFontSize": 18
  },
  "type": "pie", // or "donut",
  "outputFormat": "png"
}
```
### Bar Chart


<fx group=data fx=barchart showicon=true short=true></fx>


![barchart.png](https://prod-1001fx-public.b-cdn.net/misc/1680508695_barchart.png)

```
{
  "data": [
    {
      "label": "January",
      "value": 65,
      "backgroundColor": "#FF638433",
      "borderColor": "#FF6384"
    },
    {
      "label": "February",
      "value": 39,
      "backgroundColor": "#FF9F4033",
      "borderColor": "#FF9F40"
    },
    {
      "label": "March",
      "value": 49,
      "backgroundColor": "#FFCD5633",
      "borderColor": "#FFCD56"
    },
    {
      "label": "April",
      "value": 72,
      "backgroundColor": "#4BC0C033",
      "borderColor": "#4BC0C0"
    },
    {
      "label": "May",
      "value": 93,
      "backgroundColor": "#36A2EB33",
      "borderColor": "#36A2EB"
    },
    {
      "label": "June",
      "value": 84,
      "backgroundColor": "#9966FF33",
      "borderColor": "#9966FF"
    }
  ],
  "options": {
    "title": "Barchart Generation for Automation Platforms with 1001fx",
    "titleAlignment": "center",
    "titleColor": "#2563EB",
    "subtitle": "Automatic barchart generation from your data as image and PDF. Highly customizable.",
    "subtitleAlignment": "center",
    "subtitleColor": "#333333",
    "gridColor": "#f2f2f2",
    "fontFamily": "Roboto",
    "titleFontSize": 20,
    "subtitleFontSize": 16,
    "axisTitleFontSize": 16,
    "axisFontSize": 16,
    "padding": 0,
    "dataLabelAnchor": "center",
    "dataLabelAlignment": "center",
    "dataLabelFontSize": 16,
    "indexAxis": "y"
  },
  "outputFormat": "png"
}

```

### Line Chart

<fx group=data fx=linechart showicon=true short=true></fx>

![linechart.png](https://prod-1001fx-public.b-cdn.net/misc/1680508695_linechart.png)

```
{
  "data": [
    {
      "label": "January",
      "value": 65,
      "backgroundColor": "#FF6384"
    },
    {
      "label": "February",
      "value": 39,
      "backgroundColor": "#FF9F40"
    },
    {
      "label": "March",
      "value": 49,
      "backgroundColor": "#FFCD56"
    },
    {
      "label": "April",
      "value": 72,
      "backgroundColor": "#4BC0C0"
    },
    {
      "label": "May",
      "value": 93,
      "backgroundColor": "#36A2EB"
    },
    {
      "label": "June",
      "value": 84,
      "backgroundColor": "#9966FF"
    }
  ],
  "options": {
    "title": "PieChart / Donut Generation for Automation Platforms with 1001fx",
    "titleAlignment": "center",
    "titleColor": "#2563EB",
    "subtitle": "Automatic piechart / donut generation from your data as image and PDF. Highly customizable.",
    "subtitleAlignment": "center",
    "subtitleColor": "#333333",
    "fontFamily": "Roboto",
    "titleFontSize": 32,
    "subtitleFontSize": 16,
    "dataLabelAnchor": "end",
    "dataLabelAlignment": "end",
    "dataLabelFontSize": 18,
    "legendPosition": "top",
    "legendFontSize": 18
  },
  "type": "donut",
  "outputFormat": "png"
}

```

### Make Scenario Screenshots


![piechart-blog10.png](https://prod-1001fx-public.b-cdn.net/misc/1680508579_piechart-blog10.png)

![piechart-blog20.png](https://prod-1001fx-public.b-cdn.net/misc/1680508581_piechart-blog20.png)

![piechart-blog30.png](https://prod-1001fx-public.b-cdn.net/misc/1680508578_piechart-blog30.png)

![piechart-blog40.png](https://prod-1001fx-public.b-cdn.net/misc/1680508581_piechart-blog40.png)

![piechart-blog50.png](https://prod-1001fx-public.b-cdn.net/misc/1680508579_piechart-blog50.png)

![piechart-blog60.png](https://prod-1001fx-public.b-cdn.net/misc/1680508581_piechart-blog60.png)





large_Charts-Blogpost.png

medium_Charts-Blogpost.png

small_Charts-Blogpost.png

thumbnail_Charts-Blogpost.png

Charts-Blogpost.png

Automatic creation of line charts, bar charts, pie charts and donut charts is easy with 1001fx's charting features.


How to create charts with 1001fx

Line, bar, pie and donut charts are easy to create with 1001fx's charting features.

Make Scenario

Workflow

Postman & API

Pie Chart & Donut Chart

Bar Chart

Line Chart

Make Scenario Screenshots