3e:null 3f:["$","title",null,{"children":"Customizable [NVC Needs met and unmet] Wheel | ChrisM | Observable"}] 45:T8a6,{ const figureWidth = width; const figureHeight = figureWidth; const figure = svg` `; const g = d3.select(figure).select("g"); const treeData = addNodeAngles(emotionTree); const totalRadius = (figureWidth / 2.5) - 2; const levels = maxDepth(treeData); const radiusPerLevel = totalRadius / levels; function drawNode(node, depth, innerRadius, color) { const outerRadius = depth === 0 ? innerRadius + radiusPerLevel*(3-depth)/2 : innerRadius + radiusPerLevel; const arc = d3.arc() .innerRadius(innerRadius) .outerRadius(outerRadius) .startAngle(node.startAngle + Math.PI / 2) .endAngle(node.endAngle + Math.PI / 2); const midAngle = (node.startAngle + node.endAngle) / 2; const legibleAngle = Math.abs(midAngle - Math.PI) < Math.PI / 2 ? midAngle + Math.PI : midAngle; const textAngle = legibleAngle; //depth == 0 ? 0 : const midRadius = (innerRadius + outerRadius) / 2; const textRadius = depth == 0 ? midRadius * 1.20 : midRadius; const textAnchor = [ textRadius * Math.cos(midAngle), textRadius * Math.sin(midAngle), ]; g.append("path") .attr("class", "slice") .attr("color", color.formatRgb()) .attr("d", arc); g.append("text") .attr("class", "label") .text(node.label) .attr("transform", ` translate(${textAnchor[0]} ${textAnchor[1]}) rotate(${textAngle * 180 / Math.PI}) `); for (const child of node.children) { drawNode(child, depth + 1, outerRadius, color.brighter(brighteningFactor)); } } for (const i in treeData.children) { drawNode(treeData.children[i], 0, 0, coreColors[i]); } return figure; }46:T473,function parseTreeText(text) { const lines = text.split("\n"); function parseNode(next, parentIndent) { // Get the next non-blank line let match; while (match == null && next < lines.length) { match = lines[next].match("^(\\s*)([^\\s].*)"); next++; } if (match == null) { // Must be at end return [null, next]; } // Determine whether this is really a child of the parent const indent = match[1].length; if (indent <= parentIndent) { return [null, next - 1]; } const label = match[2]; let children; [children, next] = parseChildren(next, indent); const node = { label, children, } return [node, next]; } function parseChildren(next, parentIndent) { const children = []; let childNode; while (next < lines.length) { [childNode, next] = parseNode(next, parentIndent); if (childNode == null) { break; } children.push(childNode); } return [children, next]; } const [children, _] = parseChildren(0, -1); return { label: null, children, }; }47:[{"id":"2cbab6c8cd54556159da3b48e676efadce677286f23fd9d0421b9ab0e2bd4bbeddf7e19a08e691f092946b4ec9f248c7aad119ae59db2cee7c8ed5633dd7c4ca","href":"https://static.observableusercontent.com/files/2cbab6c8cd54556159da3b48e676efadce677286f23fd9d0421b9ab0e2bd4bbeddf7e19a08e691f092946b4ec9f248c7aad119ae59db2cee7c8ed5633dd7c4ca","name":"Screen Shot 2021-08-14 at 5.07.48 PM.png","type":"image/png","lastModified":1695125104184.575,"size":144040}] 43:{"id":"332e07b9d9c32a1b","slug":null,"title":"Customizable [NVC Needs met and unmet] Wheel","thumbnail":"1ecad5cc12efd76d44d177f967af5b90c534013e411793fe44edc528997842fa","access_level":"public","create_time":"$D2023-09-19T12:05:04.184Z","update_time":"$D2024-11-26T00:39:59.525Z","view_time":null,"first_public_time":"$D2023-09-19T12:05:04.184Z","has_unpublished_edits":null,"fork":{"id":"b24d5b45cea3b4dc","slug":"feeling-wheel","title":"Customizable Feeling Wheel","owner":{"id":"a7596f8684f35af2","login":"cimbul","name":"Tim Yates"}},"stars":0,"starred":false,"owner":{"type":"team","id":"44d121dd06cefd06","login":"avalokite","name":"ChrisM","avatar_url":"https://avatars-next.observableusercontent.com/1378034466bd70ddda0c265c0eb3dc3657afdedfb8a8b0c75bda1a68d03c4938","tier":"starter_2024","bio":"","following":false},"version":450,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2fec9bae66c3f06a","login":"avalokite","name":"ChrisM","avatar_url":"https://avatars-next.observableusercontent.com/1378034466bd70ddda0c265c0eb3dc3657afdedfb8a8b0c75bda1a68d03c4938","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"2fec9bae66c3f06a","login":"avalokite","name":"ChrisM","avatar_url":"https://avatars-next.observableusercontent.com/1378034466bd70ddda0c265c0eb3dc3657afdedfb8a8b0c75bda1a68d03c4938","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Customizable [NVC Needs met and unmet] Wheel","cells":[{"id":0,"value":"# Customizable [NVC Needs met and unmet] Wheel ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"$${await helpImage()}\nwords from: https://www.sociocracyforall.org/nvc-feelings-and-needs-list/\n\nThe Feeling Wheel is an emotion chart created by Gloria Wilcox. It can help increase emotional vocabulary or uncover core emotions. Over the years, it has been adapted and expanded into many forms. The version here was tailored for middle school students.\n\nThis notebook is an editable and scalable version of the wheel. Hover over the chart and click the “︙” menu to the left to download an SVG file suitable for printing.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":317,"value":"Edit the text below to change or add to the wheel. You can even create more levels by adding additional spaces before the word.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"viewof emotionTreeText = Inputs.textarea({\n rows: 20,\n resize: true,\n spellcheck: true,\n value: `\nAutonomy\n confident\n insecure*\n ‎ \n ‎ \nCreativity\n fascinated\n bored*\n curious\n indifferent*\n interested\n uninterested*\nEmpathy\n moved\n irritated\n ‎ \n ‎ \nLove\n loving\n heartbroken\n affectionate\n lonely\n tender\n harsh*\n warm\n cold*\nMeaning\n excited\n despairing\n alive\n devastated\n hopeful\n hopeless\nRecreation\n adventurous\n scared\n playful\n serious*\n thrilled\n terrified\nSafety\n peaceful\n agitated\n calm\n alarmed\n relaxed\n tense\nSustenance\n glad\n sad\n content\n dissatisfied*\n happy\n unhappy*\n satisfied\n frustrated*\n delighted\n disappointed\n energetic\n exhausted*\n joyful\n grief\nUnderstanding\n engaged\n disconnected\n ‎ \n ‎ \nSense of belonging\n friendly\n hostile*\n ‎ \n ‎ \n\n`.trim()});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"For more control over the font and colors, use the selectors below.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"viewof fontFamily = Inputs.select([\n `\"Comic Sans\", \"Comic Sans MS\"`,\n `\"Gill Sans\"`,\n `\"Futura\"`,\n `\"Helvetica\", \"Arial\"`,\n `\"Helvetica Neue\"`,\n `\"Rockwell\"`,\n `\"Chalkboard SE\", \"Chalkboard\"`,\n\n], {\n label: \"Font\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"viewof fontSize = Inputs.range([12, 28], {\n value: 12,\n label: \"Font Size\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"viewof lightness = Inputs.range([0, 100], {\n label: \"Lightness\",\n value: 75,\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"viewof chrominance = Inputs.range([0, 100], {\n label: \"Chrominance\",\n value: 60,\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":262,"value":"viewof brighteningFactor = Inputs.range([0, 2.0], {\n label: \"Brightening\",\n value: 0.5,\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"## Appendices","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"### References\n\n

\nGloria Willcox (1982) The Feeling Wheel: A Tool for Expanding Awareness of Emotions and Increasing Spontaneity and Intimacy, _Transactional Analysis Journal_, 12:4, 274–276, DOI: 10.1177/036215378201200411\n

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"### Code","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"async function helpImage() {\n const image = await FileAttachment(\"Screen Shot 2021-08-14 at 5.07.48 PM.png\").image();\n image.classList.add(\"help-image\");\n image.width = image.naturalWidth * 1 / 3;\n return image;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"function addNodeAngles(node, startAngle = 0, totalAngle = Math.PI * 2) {\n const endAngle = startAngle + totalAngle;\n const childAngle = totalAngle / node.children.length;\n const children = node.children.map((c, i) => addNodeAngles(c, startAngle + childAngle * i, childAngle));\n\n return {\n ...node,\n children,\n startAngle,\n endAngle,\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"coreColors = {\n const l = lightness;\n const c = chrominance;\n return [\n d3.lch(l, c, 0), // yellow\n d3.lch(l, c, 36), // orange\n d3.lch(l, c, 72), // green\n d3.lch(l, c, 108), // blue\n d3.lch(l, c, 144), // red\n d3.lch(l, c, 180), // purple\n d3.lch(l, c, 216), // purple\n d3.lch(l, c, 252), // purple\n d3.lch(l, c, 288), // purple\n d3.lch(l, c, 324), // purple\n ];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"function maxDepth(node) {\n if (node.children.length == 0)\n return 0;\n \n return 1 + Math.max(...node.children.map(maxDepth));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"emotionTree = parseTreeText(emotionTreeText)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 44:"$43:body"