HOLD THY HORSES
This is a template page used internally by the Topiary.
PLEASE DO NOT TOUCH THIS PAGE
WITHOUT STAFF PERMISSION
UwU
Attack
Defense
Speed
Stamina
Weight
Usability
EXAMPLE
The radar chart above is a live example of the component.
HOW 2 USE
Copy the following code into the location where you want the chart to appear:
[[include :scp-wiki:component:dark-sushi-radar-chart
|no=radar-one
|size=250px
|stage=5
|color=#282828
|max=10
|data1=8
|data2=10
|data3=1
|data4=10
|data5=10
|data6=7
|label1=Attack
|label2=Defense
|label3=Speed
|label4=Stamina
|label5=Weight
|label6=Usability
|align=center
|clear=false
|sushi=true
]]
You can then edit the settings to create your chart.
HOW 2 READ
|no=radar-one
This is the unique identifier for the chart.
Every radar chart on the same page must have a different identifier. For example:
|no=radar-one
|no=radar-two
|no=radar-three
Use only letters, numbers and hyphens. Do not include spaces.
|size=250px
This controls the width and height of the graph.
A size of 250px is recommended, but the graph can be made larger or smaller.
|stage=5
This controls the number of rings displayed on the graph.
A value of 5 is recommended for Dark Sushi charts.
The component supports between one and ten rings.
|color=#282828
This controls the colour of the filled data area.
#282828 is recommended for Dark Sushi, but any valid CSS colour can be used.
|max=10
This is the maximum possible statistic value.
The standard maximum for Dark Sushi is 10.
The maximum must be greater than zero.
|data1=8
|data2=10
|data3=1
|data4=10
|data5=10
|data6=7
These are the six statistic values.
For example, if a value is 5 and the maximum is 10, that point will extend halfway across the chart.
Each value should be between zero and the maximum value.
|label1=Attack
|label2=Defense
|label3=Speed
|label4=Stamina
|label5=Weight
|label6=Usability
These are the labels displayed around the chart.
The standard Dark Sushi labels are:
Attack
Defense
Speed
Stamina
Weight
Usability
|align=center
This controls the alignment of the chart.
Available values are:
center
left
right
The default value is center.
|clear=false
When set to true, the chart clears nearby floated content on smaller screens.
The default value is false.
|sushi=true
When set to true, the component applies the Dark Sushi label styling.
The default value is true.
CAN I SEE?
Sure! Below are screenshots showing the radar chart test gallery with different sizes, colours, values and configs!
