# வார்ப்புரு:Graph:Chart/doc



## CSV2Chart
If you have data from a spreadsheet document (e.g. LibreOffice Calc) or in a statistics software R/R-Studio, you can export them to CSV file. The CSV file can be loaded with an v:en:AppLSAC, that is able to convert the CSV in chart for the data. The column should have headers in the first row. The column of the CSV file contain float or integer values. CSV2WikiChart was created as support tool for Wikipedia and for Wikiversity learning resources that contain data. Due to temporary disable graphs an added feature of CSV2WikiChart allows SVG export of charts.  

## Parameters

## Examples
### Basic examples
Line Chart:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

Note: The y-axis starts from the smallest y value, though this can be overridden with the <code>yAxisMin</code> parameter.  

Area chart:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

Note: The y-axis starts from zero  

Bar chart:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

### Multiple data series
Line chart with more than one data series, using colors:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

Area chart with more than one data series showing blended overlap:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

Bar chart with multiple data series:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

Area chart with smoothed data values:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

Bar chart with stacked data series:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

### Pie charts
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

### Scatter plot
By using a line plot with <code>linewidth=0</code>, it is possible to create a scatter plot:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

### Using percentages
- When <code>xAxisFormat</code> or <code>yAxisFormat</code> is set to <code>%</code>, a percentage sign will be added to the scale of the corresponding axis.
- A value of <code>1</code> equals 100%. A decimal point should be added in front of percentages between 0 and 100, for instance <code>.25</code> for 25%.
- Including the code <code>| yAxisMin=0 | yAxisMax=1</code> will force the y axis scale to run from 0% to 100%.
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

A graph showing values greater than 100% and negative values:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

#### Legends
A legend can be added where there are multiple data series:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

The title can be omitted by leaving the parameter blank:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

Long legend entries can look clumsy. It may be better to omit the legend parameter and use (or a similar template) instead:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

This method also allows the use of wiki formatting and the insertion of links. Graphs using the default colors need to specify the hex values in the legend templates:  

Alternatively, CSS color names (or hex values) can be specified in the graph and the legend templates.  

### Annotations
Line Chart with horizontal annotations only:  
<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

Area chart with vertical annotations only  
<syntaxhighlight lang="wikitext">  
</syntaxhighlight>  

### Display
Putting a Chart in an allows the graph to float and text may wrap around it:  

<syntaxhighlight lang="wikitext">  

</syntaxhighlight>  

To add a title above the chart and source links below the chart, an option is to use in .