Tɛmplet:ChartColorLegends/doc

This is a documentation subpage for Tɛmplet:ChartColorLegends.
It contains usage information, categories and other content that is not part of the original tɛmplet page.

This template uses Lua:

Module:ChartColors (sandbox)

This template shows standard color templates: Category20 and Plotter, and the code to include with {{legend}}.

To translate or review the translation of the module to your language, edit carefully Data:I18n/ChartColorLegends.tab.

Full color of diagram palettes. Moving the mouse cursor over each box the color number appears.

Palette	Code	Note
Category20 (When n > 10)	`{{ChartColors\|Categ20\|20}}`	Normal order
	`{{ChartColors\|Categ20_3\|20}}`	The first color is the 3rd
	`{{ChartColors\|Categ20_i_3\|20}}`	Inverted order
Category10 (Categ20 in the code. When n < 11)	`{{ChartColors\|Categ20\|10}}`	Normal order (1st, 3rd, 5th, ... of Category20)
	`{{ChartColors\|Categ20_2\|10}}`	The first color is the 2nd (of Category20)
	`{{ChartColors\|Categ20_3\|10}}`	The first color is the 3rd (of Category20)
	`{{ChartColors\|Categ20_i\|10}}`	Inverted order
Plotter	`{{ChartColors\|Plotter\|26}}`	Normal order
Plotter	`{{ChartColors\|Plotter_i\|26}}`	Inverted order

Syntax[mali mi di yibu sheena n-niŋ]

{{ChartColorLegends|color palette|color number|column number|..}}

The color number must be 1 to 20 (Categ20) or 1 to 26 (Plotter).

Template data[mali mi di yibu sheena n-niŋ]

About

Why are the developers building this?
- User Test Data
Documentation:
Development:

Help out

Research

Main research page

Other

Customization
Known problems
Requests for Comments (RfCs): Jul 2013 a, Jul 2013 b, Jul 2015, Sep 2015

Shortcuts

What is template data?[mali mi di yibu sheena n-niŋ]

Template data is the standardized description of a template, used by the default VisualEditor, the optional 2017 wikitext editor and other tools to improve the template-editing experience for the user. Both VisualEditor and the 2017 wikitext editor include a wizard to edit templates, but for the wizard to be most useful, it needs to present specific information to the user about each template, such as a short description of the template's purpose and its parameters. This information is codified formally (by any wiki editor) using template data.

Editing without template data[mali mi di yibu sheena n-niŋ]

Without template data, each parameter needs to be added manually when inserting a new template.

No information is provided about what the value of the parameter should be.

Editing with template data[mali mi di yibu sheena n-niŋ]

With template data, a list of supported parameters (and their description) is provided for the template.

Template data provides context for each parameter, and makes it much easier for users to modify templates.

Adding template data[mali mi di yibu sheena n-niŋ]

Anyone can help by adding template data to templates (particularly high-profile ones, such as infoboxes) so that they are easier to edit in VisualEditor. The following is a minimal example, placed on a template's documentation page:

<templatedata>{
  "description": "insert description here",
  "params": {
    "first parameter": {
      "label": "x",
      "description": "x",
      "type": "string",
      "suggested": true,
      "autovalue": "derived automatic value",
      "default": "default value",
      "required": false
    }
  }
}</templatedata>

You can also add or edit template data using a GUI, by pressing the following button which appears at the top of the edit page: Edit template data

The template data tutorial explains in detail how to add template data information to a template.

Adding suggested values for parameters[mali mi di yibu sheena n-niŋ]

The parameter property suggestedvalues lets you define a list of parameter values to be shown to VisualEditor users in a dropdown for easy selection. This can be done either directly in JSON or using the TemplateData editor with no coding required. Both methods are explained in detail below.

Once the values have been added to template data, the VisualEditor will display them in a combo box (a dropdown into which users can also enter a custom value). The user selects the desired value by clicking on it. If the list of values is long - for example, a list of a country’s states - the user can begin typing in the field, whereupon the list will be filtered to show only values containing the typed text. To change an entered value, the user must simply clear the field, and the full dropdown list will appear again. If the user needs a value not included in the list (for example, "message in a bottle") they can type it in manually.

For suggested values to be displayed in the VisualEditor, the parameter’s type must be set to one of the following options:

content
line
string
number
unknown
unbalanced wikitext.

Other types (file, page, template, user, date, boolean, URL) are not currently supported because they have special functionalities in the VisualEditor already (such as autocomplete) which would interfere with the dropdown menu for suggested values in the VisualEditor.

Adding suggested values for parameters in wikitext[mali mi di yibu sheena n-niŋ]

To add suggested values to any parameter type, add the new property “suggestedvalues” to the parameter in JSON. The “suggestedvalues” attribute must be a list of strings.

An example might look like this:

"media_type": {
	"label": "Type of media",
	"example": "Newspaper",
	"type": "string",
	"description": "In what medium was the article published?",
	"suggestedvalues": [
    	"Journal",
    	"Book",
    	"Newspaper",
    	"Magazine"
	]
}

Adding suggested values for parameters with the template data editor[mali mi di yibu sheena n-niŋ]

For the parameter types listed above, you can add suggested values using the template data editor.

Step 1. Click on "Manage TemplateData".
Step 2. Click on the name of the parameter you want to add suggested values to.
Step 3. If it’s not already, set the type of the parameter to one of the following: content, line, string, number, unknown or unbalanced wikitext. A new input field "Suggested values" will appear. If the parameter is already set to one of these types, the input field should already be visible.
Step 4. Type in the suggested value(s), including any spaces and special characters, and press enter to add it to the list.

Here you can see an example of how to add suggested values in the TemplateData editor.

Used templates[mali mi di yibu sheena n-niŋ]

Examples[mali mi di yibu sheena n-niŋ]

With legend text[mali mi di yibu sheena n-niŋ]

{{ChartColorLegends|Categ20|4||One|Two|Three|Four}}

produces:

One

Two

Three

Four

 {{legend|#1f77b4|One}}
 {{legend|#ff7f0e|Two}}
 {{legend|#2ca02c|Three}}
 {{legend|#d62728|Four}}

Without legend text[mali mi di yibu sheena n-niŋ]

{{ChartColorLegends|Plotter|10|30em}}

produces:

red

blue

green

yellow

fuchsia

aqua

brown

orange

purple

sienna

{{div col|colwidth=30em}}
 {{legend|red|}}
 {{legend|blue|}}
 {{legend|green|}}
 {{legend|yellow|}}
 {{legend|fuchsia|}}
 {{legend|aqua|}}
 {{legend|brown|}}
 {{legend|orange|}}
 {{legend|purple|}}
 {{legend|sienna|}}
{{div col end}}

Parameter		Description	Type	Status
Palette name	`1`	Name of the color palette to use (Categ20 or Plotter)	Line	required
Color number	`2`	Color number required from 1 to 20	Number	required
Column width	`3`	Width of columns showing colors (and text). Leave blank for no columns	String	required
Legend 1	`4`	Text for the 1st color	Line	optional
Legend 2	`5`	Text for the 2nd color	Line	optional
Legend 3	`6`	Text for the 3rd color	Line	optional
Legend 4	`7`	Text for the 4th color	Line	optional
Legend 5	`8`	Text for the 5th color	Line	optional
Legend 6	`9`	Text for the 6th color	Line	optional
Legend 7	`10`	Text for the 7th color	Line	optional
Legend 8	`11`	Text for the 8th color	Line	optional
Legend 9	`12`	Text for the 9th color	Line	optional
Legend 10	`13`	Text for the 10th color	Line	optional
Legend 11	`14`	Text for the 11th color	Line	optional
Legend 12	`15`	Text for the 12th color	Line	optional
Legend 13	`16`	Text for the 13th color	Line	optional
Legend 14	`17`	Text for the 14th color	Line	optional
Legend 15	`18`	Text for the 15th color	Line	optional
Legend 16	`19`	Text for the 16th color	Line	optional
Legend 17	`20`	Text for the 17th color	Line	optional
Legend 18	`21`	Text for the 18th color	Line	optional
Legend 19	`22`	Text for the 19th color	Line	optional
Legend 20	`23`	Text for the 20th color	Line	optional