3e:null 3f:["$","title",null,{"children":"Customizable [NVC \"Universal\" Needs] Wheel | ChrisM | Observable"}] 45:T871,{ const figureWidth = width; const figureHeight = figureWidth; const figure = svg` `; const g = d3.select(figure).select("g"); const treeData = addNodeAngles(emotionTree); const totalRadius = (figureWidth / 2) - 2; const levels = maxDepth(treeData); const radiusPerLevel = totalRadius / levels; function drawNode(node, depth, innerRadius, color) { const outerRadius = 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.1: 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.name) .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:T470,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 name = match[2]; let children; [children, next] = parseChildren(next, indent); const node = { name, 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 { name: 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":1732578691431.762,"size":144040}] 43:{"id":"20dd0138717392b5","slug":null,"title":"Customizable [NVC \"Universal\" Needs] Wheel","thumbnail":"d818a64e9eb7043d5ed3bebf8250829f7308f61416542e4cc9b3efb9cdc1e332","access_level":"public","create_time":"$D2024-11-25T23:51:31.431Z","update_time":"$D2024-11-26T00:33:16.833Z","view_time":null,"first_public_time":"$D2024-11-25T23:51:31.431Z","has_unpublished_edits":null,"fork":{"id":"b46cca222f797e4f","slug":null,"title":"Customizable [NVC \"Universal\" Needs] Wheel","owner":{"id":"44d121dd06cefd06","login":"avalokite","name":"ChrisM"}},"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":438,"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"},{"type":"team","id":"44d121dd06cefd06","login":"avalokite","name":"ChrisM","avatar_url":"https://avatars-next.observableusercontent.com/1378034466bd70ddda0c265c0eb3dc3657afdedfb8a8b0c75bda1a68d03c4938","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Customizable [NVC \"Universal\" Needs] Wheel","cells":[{"id":0,"value":"# Customizable [NVC \"Universal\" Needs] 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()}\n\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: `\nSustenance\n Nutrition\n Hydration\n Rest\n Physical Health\n Energy\nSafety\n Physical Protection\n Emotional Security\n Stability\n Predictability\n Personal Boundaries\nLove\n Intimacy\n Affection\n Connection\n Care\n Compassion\nEmpathy/Understanding\n Listening\n Validation\n Emotional Attunement\n Perspective-Taking\n Emotional Support\nCreativity\n Self-Expression\n Innovation\n Imagination\n Problem-Solving\n Artistic Exploration\nRecreation\n Play\n Joy\n Relaxation\n Adventure\n Humor\nSense of Belonging\n Community\n Acceptance\n Shared Identity\n Mutual Support\n Inclusion\nAutonomy\n Choice\n Self-Determination\n Personal Agency\n Independence\n Spontaneity\nMeaning\n Purpose\n Contribution\n Personal Growth\n Hope\n Inspiration\n Legacy\n`.trim()});","pinned":false,"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 `\"Gill Sans\"`,\n `\"Futura\"`,\n `\"Helvetica\", \"Arial\"`,\n `\"Helvetica Neue\"`,\n `\"Rockwell\"`,\n `\"Chalkboard SE\", \"Chalkboard\"`,\n `\"Comic Sans\", \"Comic Sans MS\"`,\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: 16.5,\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: 87,\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: 46,\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: 1,\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"