Help:Charts

This page provides examples of how to add charts and graphs to MEpedia pages. For examples of pages with charts/graphs, see Category:Pages with graphs.

Using templates
Click Insert, Template and choose from:


 * Template:Graph:Chart
 * Template:Graph:Lines
 * Template:Graph:Stacked

See also:


 * Category:Graph Template Collection
 * Category:Graph, chart and plot templates

Chart symbol
Click the chart icon on the toolbar.

Options are limited.

These use:
 * Bar chart
 * Pie chart
 * Area chart
 * Line chart
 * Stacked bar chart
 * Vertical bar chart
 * Dot chart

Colors
The following templates provide standard MEAction colors Red , Blue, Dark Gray , Gray.


 * See Manual of style

Bar Charts
Created using Template:Bar chart

Instructions on WikiMedia Commons

wikimedia graphs



created in visual editor


remember to set the float/layout after creating

{	"version": 2, "width": 400, "height": 200, "data": [ {			"name": "table", "values": [ {					"x": 100, "y": 100 },				{					"x": 100, "y": 100 },				{					"x": 100, "y": 90 },				{					"x": 90, "y": 80 },				{					"x": 90, "y": 80 },				{					"x": 90, "y": 80 },				{					"x": 90, "y": 80 },				{					"x": 90, "y": 82 },				{					"x": 85, "y": 80 },				{					"x": 85, "y": 80 },				{					"x": 80, "y": 75 }			]		}	],	"scales": [ {			"name": "x", "type": "ordinal", "range": "width", "zero": false, "domain": { "data": "table", "field": "x" }		},		{			"name": "y", "type": "linear", "range": "height", "nice": true, "domain": { "data": "table", "field": "y" }		}	],	"axes": [ {			"type": "x", "scale": "x" },		{			"type": "y", "scale": "y" }	],	"marks": [ {			"type": "rect", "from": { "data": "table" },			"properties": { "enter": { "x": { "scale": "x", "field": "x" },					"y": { "scale": "y", "field": "y" },					"y2": { "scale": "y", "value": 0 },					"fill": { "value": "steelblue" },					"width": { "scale": "x", "band": "true", "offset": -1 }				}			}		}	] }

Pie, Line, Area and other Bar charts
Use Template:Graph:Chart

Instructions on Wikipedia

Learn more
Resources:
 * WikiMedia Commons bar chart template
 * Wikipedia charts - see the resource list.
 * Wikipedia image workshop