QuickChart

App · Images & Design · 3 actions

Turn your data into bar, line, and pie chart images you can drop into emails, messages, and documents: no account required.

Actions

ActionWhat it does
Create bar chartBuild a bar chart from your labels and one or more data series, and get back a URL to the chart image.
Create line chartBuild a line chart from your labels and one or more data series, and get back a URL to the chart image.
Create pie chartBuild a pie chart from your labels and their values, and get back a URL to the chart image.

Create bar chart

Build a bar chart from your labels and one or more data series, and get back a URL to the chart image.

Inputs

LabelslabelstextRequired
The category names along the bottom of the chart (or one per pie slice), separated by commas. For example: January, February, March.
SeriesdatasetslistRequired
One or more data series to plot. Each series has a name and a comma-separated list of numbers, one number per label.
Chart titletitletext
Optional title shown above the chart.
Horizontal barshorizontaltrue/false
Draw the bars horizontally instead of vertically.Default: false.
Background colourbackground_colortext
Background colour of the image, as a colour name or hex code. Defaults to white. Use 'transparent' for no background.Default: white.
Width (px)widthnumber
Image width in pixels. Defaults to 500.From 100 to 3000. Default: 500.
Height (px)heightnumber
Image height in pixels. Defaults to 300.From 100 to 3000. Default: 300.

Outputs

heightnumber
Image height in pixels.
urltext
Permanent URL that renders the chart image.
widthnumber
Image width in pixels.
Example output
{
  "height": 300,
  "url": "https://quickchart.io/chart/render/zf-1a2b3c4d",
  "width": 500
}

Create line chart

Build a line chart from your labels and one or more data series, and get back a URL to the chart image.

Inputs

LabelslabelstextRequired
The category names along the bottom of the chart (or one per pie slice), separated by commas. For example: January, February, March.
SeriesdatasetslistRequired
One or more data series to plot. Each series has a name and a comma-separated list of numbers, one number per label.
Chart titletitletext
Optional title shown above the chart.
Fill under linesfilltrue/false
Shade the area beneath each line.Default: false.
Background colourbackground_colortext
Background colour of the image, as a colour name or hex code. Defaults to white. Use 'transparent' for no background.Default: white.
Width (px)widthnumber
Image width in pixels. Defaults to 500.From 100 to 3000. Default: 500.
Height (px)heightnumber
Image height in pixels. Defaults to 300.From 100 to 3000. Default: 300.

Outputs

heightnumber
Image height in pixels.
urltext
Permanent URL that renders the chart image.
widthnumber
Image width in pixels.
Example output
{
  "height": 300,
  "url": "https://quickchart.io/chart/render/zf-1a2b3c4d",
  "width": 500
}

Create pie chart

Build a pie chart from your labels and their values, and get back a URL to the chart image.

Inputs

LabelslabelstextRequired
The category names along the bottom of the chart (or one per pie slice), separated by commas. For example: January, February, March.
ValuesvaluestextRequired
The number for each slice, in the same order as the labels, separated by commas. For example: 30, 45, 25.
Chart titletitletext
Optional title shown above the chart.
Background colourbackground_colortext
Background colour of the image, as a colour name or hex code. Defaults to white. Use 'transparent' for no background.Default: white.
Width (px)widthnumber
Image width in pixels. Defaults to 500.From 100 to 3000. Default: 500.
Height (px)heightnumber
Image height in pixels. Defaults to 300.From 100 to 3000. Default: 300.

Outputs

heightnumber
Image height in pixels.
urltext
Permanent URL that renders the chart image.
widthnumber
Image width in pixels.
Example output
{
  "height": 300,
  "url": "https://quickchart.io/chart/render/zf-1a2b3c4d",
  "width": 500
}

On this page