Tabx Free Chart Generator

Export Image

Chart Options

Chart Type

Column Stacked Column Center Aligned Column (Available if registered) Bar Stacked Bar Center Aligned Bar (Available if registered) Line Area Radar Pie (Single Series only, see "How to Use" Donut (Single Series only, see "How to Use"

Chart Title

Series

{ "name": "15-24", "data":[16,22] },{ "name": "25-34", "data":[19,21] },{ "name": "35-44", "data":[22,23] },{ "name": "45-54", "data":[23,21] },{ "name": "55-64", "data":[19,13] }

Paste in valid JSON series.

Categories

Separate each category with a comma.

Axis Limit

Axis Step

Percentages?

Legend?

Title?

Categories?

Axis?

Grid?

Series Colours

#70ad47,#5b9bd5,#be964e,#ed7d31,#a5a5a5,#4472c4,#44546a,#af4fff,#cb4646,#b17b00,#70AD47,#5B9BD5,#FFC000,#ED7D31,#A5A5A5,#4472C4,#44546A,#AF4FFF,#cb4646,#b17b00

Use hex colour values in a comma sparated list.

Title Font

8px9px10px11px12px13px14px15px16px17px18px19px20px21px22px23px24px25px26px27px28px29px30px31px32px33px34px35px36px37px38px39px40px

Axis Font

8px9px10px11px12px13px14px15px16px17px18px19px20px21px22px23px24px25px26px27px28px29px30px31px32px33px34px35px36px37px38px39px40px

Categories Font

8px9px10px11px12px13px14px15px16px17px18px19px20px21px22px23px24px25px26px27px28px29px30px31px32px33px34px35px36px37px38px39px40px

Legend

Bottom Top Left Right

8px9px10px11px12px13px14px15px16px17px18px19px20px21px22px23px24px25px26px27px28px29px30px31px32px33px34px35px36px37px38px39px40px

Chart

Height: 200pxHeight: 250pxHeight: 300pxHeight: 350pxHeight: 400pxHeight: 450pxHeight: 500pxHeight: 550pxHeight: 600pxHeight: 650pxHeight: 700pxHeight: 750pxHeight: 800pxHeight: 850pxHeight: 900pxHeight: 950pxHeight: 1000px

 

Update Chart

How to use

This free tool allows you to quickly create a chart from pasted data and control some of the colours and features before exporting to an image or excel office object.

You will need to format the series data into JSON script - an easy process, following the examples below:

Single Series
Single Series can be displayed in one of two ways: either all within the same series item, or split over multiple series items. The latter gives you better control over colours. The "name" element of each series item is used to create the chart legend.

{
	"name": "Series", "data":[16,22,24,35,26]
}
		

Or

{
	"name": "15-24", "data":[16]
},
{
	"name": "25-34", "data":[22]
},
{
	"name": "35-44", "data":[24]
},
{
	"name": "45-54", "data":[35]
},
{
	"name": "55-64", "data":[26]
}
		

For Pie / Donut Charts to colour correctly, use the following structure:

{
	"category": "15-24", "value":16
},
{
	"category": "25-34", "value":22
},
{
	"category": "35-44", "value":24
},
{
	"category": "45-54", "value":35
},
{
	"category": "55-64", "value":26
}
		

Multiple Series (Pie and Donut not supported)
To add mutiple series, simply add as many figures as you need to the data array of each series element. In the following item, each category of age has two figures in it - one for each gender in the default chart on this page:

{
	"name": "15-24", 
	"data":[16,22]
},{
	"name": "25-34", 
	"data":[19,21]
},{
	"name": "35-44", 
	"data":[22,23]
},{
	"name": "45-54", 
	"data":[23,21]
},{
	"name": "55-64", 
	"data":[19,13]
}
		

After choosing the other options within the chart settings box, simply click Update Chart for these changes to take effect.