@psychological-components/gew
v0.1.15
Published
The Geneva Emotion Wheel implementation in JavaScript
Downloads
54
Readme
The Geneva Emotion Wheel
Examples
Usage
<div id="drawing"></div>
<script type="text/javascript" src="dist/core-gew.js"></script>
<script>
GEW({
element: '#drawing'
});
</script>Parameters
| Name | Type | Default Value | Description |
| ----------- |:---------------:| --------------:|------------:|
| element | string | drawer | DOM reference for render component |
| maxElements| number | 20 | Number of max checked elements |
| checkedElements| Array<number> | [] | Predefined selected indexes (example: [1,2,3,4,5] - defined first five lines |
| labels | Array <string> | click | |
| R | number | 80 | |
| showLines | boolean | false | |
| showBorder | boolean | true | |
| showHeader| boolean | true | |
| classes | Object | click |CSS classes for custom styling|
| headerTop| string | No emotion | Label for top part of white circle |
| headerBottom| string | Other emotion | Label for bottom part of white circle |
labels
[
"Involvement\nInterest",
"Amusement\nLaughter",
"Pride\nElation",
"Happiness\nJoy",
"Enjoyment\nPleasure",
"Tenderness\nFeeling love",
"Wonderment\nFeeling awe",
"Feeling disburdened\nRelief",
"Astonishment\nSuprise",
"Longing\nNostalgia",
"Pity\nCompassion",
"Sadness\nDespair",
"Worry\nFear",
"Embarrassment\nShame",
"Guilt\nRemorse",
"Disappointment\nRegreat",
"Envy\nJealousy",
"Disgust\nRepulsion",
"Contempt\nScorn",
"Irritation\nAnger"
];clases
{
mainGroup: "main_group",
lineAxis: "line_axis",
lineBorder: "line_border",
line: "line",
circlePrefix: "row_"
}