Extension:Chartie

Description
MediaWiki extension which allows to add simple line charts to site pages. Based on d3.js, renders image as SVG. There you can see example chart page.

Example
Example of line chart view

Supported file extensions
CSV
 * .csv

Install
Download the latest snapshot and extract it to your extensions directory. Then include it in your file as in the following example:

As Parser function
or

with params:

...

{#chart:Data.csv|width|height|legend_title|x_type|x_title|x_unit|x_null|y_type|y_title|y_unit|y_null|delimiter|style|class}}

Instead of uploaded filename you also can use an url for file located in external site.

As Parser tag
&lt;chart data=&quot;Data.csv&quot; width=&quot;&quot; height=&quot;&quot; ... &gt;&lt;/chart&gt;

or &lt;chart width=&quot;&quot; height=&quot;&quot; ... &gt;Data.csv&lt;/chart&gt;

or

&lt;chart width=&quot;&quot; height=&quot;&quot; ... &gt;

Name;x_value1;y_value1 Name;x_value2;y_value2 &lt;/chart&gt;

You also can use url instead of short filename.

Parameters
Width and height can be set to auto, so size of container will be set according to user screen dimensions.

Type of axis defines available units list, that could be converted to each one. If you want to use your own units, set axis type to general. If you want to no use unit convertation at all, set axis type to no.

By default, axis titles and units are automatically sets its value, based on type (as =type name and =first unit in list):

Localizations
For now, extension is also translated to Russian, so you can use localized units name (for example, ‘кг’ instead of ‘kg’). Full list of localizations can be found at i18n dir, they are named to langs.

Configure
All default values can be changed in your file: