27:null 28:["$","title",null,{"children":"Category Diagram_Cover Page | Ivy | Observable"}] 2d:T178f,indicators = [ { code:"CW", icon:"chair", title:"Comfort & Wellbeing", subs:[ { code:"CW1", name:"Everyday Comfort", def:`Bodily comfort, feeling cozy, physical ease. The person's internal physical state — not a temperature number or sensory detail.` }, { code:"CW2", name:"Health & Air Quality", def:`Post-occupancy health outcomes: asthma/allergy improvement, chemical sensitivity relief, breathing ease, air freshness/dryness observations.` }, { code:"CW3", name:"Aesthetic Experience", def:`Direct sensory perception: visual appearance of materials, tactile texture, smell, light quality, spatial ambiance. What the senses register.` } ]}, { code:"TH", icon:"thermo", title:"Temperature & Humidity", subs:[ { code:"TH1", name:"Passive Thermal Performance", def:`Temperature stability, seasonal thermal behavior, thermal mass effects, insulation performance, U-values.` }, { code:"TH2", name:"Humidity Control", def:`Moisture regulation, breathability, condensation management, vapor permeability, visible moisture behavior.` }, { code:"TH3", name:"Energy Savings", def:`Heating/cooling active system behavior and energy consumption patterns (system descriptions, heating frequency). Not the bill amount.` } ]}, { code:"AC", icon:"wave", title:"Acoustic Experience", subs:[ { code:"AC1", name:"Residential Sound Experience", def:`Everyday domestic acoustics: general quietness, sound transmission between rooms/floors/outside, experience of silence.` }, { code:"AC2", name:"Public Space Sound Experience", def:`Acoustic performance in non-residential/high-demand contexts: concert venues, professional/technical assessments, frequency absorption.` } ]}, { code:"DM", icon:"wrench", title:"Durability & Maintenance", subs:[ { code:"DM1", name:"Substrate Durability & Serviceability", def:`Condition and integrity of the hemp-lime body itself over time, independent of finish. "Durability" here means surface and material serviceability, never load-bearing performance. The substrate's condition, not the care it requires (→ DM2).` }, { code:"DM2", name:"Substrate Maintenance", def:`Care the hemp-lime substrate demands over its life, and its conspicuous absence. Scored on its own and never merged with finish upkeep (→ DM3). The care the substrate asks for, not its condition (→ DM1).` }, { code:"DM3", name:"Finish System", def:`The finish applied over the hemp-lime substrate: its behavior and upkeep over time. Includes covered finishes (cladding, magnesium-based gypsum board, planks) and exposed render or paints; exterior and interior placement; cracking and crack-size response (hairline vs. large); impact and weather / rain staining; re-liming and paint touch-ups; workmanship; and maintenance burdens accepted for reasons outside the material (→ VM2). Finish deterioration and maintenance are coded together; finer distinctions are carried as inductive themes.` } ]}, { code:"SP", icon:"people", title:"Social & Public Perception", subs:[ { code:"SP1", name:"Visitor & Neighbor Reactions", def:`How visitors, neighbors, friends, and family react to the hemp-lime home. Subject is always someone other than the occupant.` }, { code:"SP2", name:"Professional Acceptance", def:`Acceptance from professionals and institutions: inspectors, lenders, insurers, tradespeople hempcrete POV.` }, { code:"SP3", name:"Public Attention", def:`Media coverage, public events, documentary/TV attention, and broader public awareness directed at the home.` } ]}, { code:"RC", icon:"thought", title:"Reflections on Choice", subs:[ { code:"RC1", name:"Overall Satisfaction & Endorsement", def:`The occupant's summary verdict: satisfied, happy, would choose again, would recommend. The conclusion, not the reasons.` }, { code:"RC2", name:"Hindsight & Lessons Learned", def:`What the occupant would do differently: construction method changes, design decisions, process regrets, institutional navigation lessons.` } ]}, { code:"VM", icon:"flag", title:"Values & Motivations", subs:[ { code:"VM1", name:"Environmental Values", def:`Beliefs about environmental responsibility, carbon reduction, bio-based materials, anti-petroleum philosophy.` }, { code:"VM2", name:"Healthy Living Values", def:`Pre-choice belief that living environments should be free of synthetic chemicals/toxins. The philosophical driver, not the health outcome (→ CW2).` }, { code:"VM3", name:"Long-term Values", def:`Belief in building for permanence and future generations; connection to traditional building methods as a guiding philosophy.` }, { code:"VM4", name:"Community-Driven Choice", def:`Choosing hemp-lime because of relationships with builders, community networks, trust in local craftspeople.` } ]}, { code:"FF", icon:"pie", title:"Financial Decision Factors", subs:[ { code:"FF1", name:"Upfront Cost & Affordability", def:`Cost of choosing or building with hemp-lime at the point of decision: cost relative to conventional alternatives (a premium, comparable, or affordable), and the financing or cashflow of paying for the build over time. Decision-time cost, not realized savings (→ FF2).` }, { code:"FF2", name:"Realized Financial Benefit", def:`Financial benefits realized over time: running-cost / energy-bill savings (lower heating costs, resilience to energy-price changes) and asset value (improved energy-performance rating, resale or real-estate value from thermal performance). Realized benefit, not decision-time cost (→ FF1).` }, { code:"FF3", name:"Cost as One Factor Among Many", def:`Decisions in which hemp-lime was chosen on multiple grounds and a financial consideration is one of them, explicitly named by the occupant (e.g., cost weighed alongside health, ecology, or self-build). The financial factor must be stated, not inferred.` } ]} ]2e:T4da,scores = ({ // 类别总分 CW:{score:100}, TH:{score:95}, AC:{score:82}, DM:{score:82}, SP:{score:71}, RC:{score:88}, VM:{score:97}, FF:{score:79}, // p/n/g=Positive/Neutral/Negative part=household number CW1:{score:100, p:100,n:0, g:0, part:6}, CW2:{score:100, p:100,n:0, g:0, part:4}, CW3:{score:100, p:100,n:0, g:0, part:5}, TH1:{score:97, p:94, n:6, g:0, part:8}, TH2:{score:87, p:73, n:27,g:0, part:5}, TH3:{score:100, p:100,n:0, g:0, part:5}, AC1:{score:82, p:64, n:36,g:0, part:7}, AC2:{score:100, p:100,n:0, g:0, part:2, hatch:true}, DM1:{score:89, p:78, n:22,g:0, part:6}, DM2:{score:100, p:100,n:0, g:0, part:4}, DM3:{score:80, p:72, n:15,g:13, part:8}, SP1:{score:79, p:62, n:33,g:5, part:7}, SP2:{score:19, p:13, n:12,g:75, part:4}, SP3:{score:100, p:100,n:0, g:0, part:3}, RC1:{score:100, p:100,n:0, g:0, part:7}, RC2:{score:42, p:33, n:17,g:50, part:3}, VM1:{score:100, p:100,n:0, g:0, part:7}, VM2:{score:83, p:83, n:0, g:17, part:3}, VM3:{score:100, p:100,n:0, g:0, part:3}, VM4:{score:100, p:100,n:0, g:0, part:5}, FF1:{score:50, p:17, n:67,g:16, part:3}, FF2:{score:100, p:100,n:0, g:0, part:3}, FF3:{score:100, p:100,n:0, g:0, part:3} })2f:T1e7c,css = ` @import url('https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400&display=swap'); .ha-dash{--accent:#ac8368;--wash:#e9dfce;--ink:#1f1a17; --muted:rgba(31,26,23,.5);--line:#e7ddcc; --ui:'Carlito',system-ui,-apple-system,"Segoe UI",sans-serif; --r:18px;--ease:cubic-bezier(.16,1,.3,1); font-family:Georgia,"Times New Roman",serif;color:var(--ink); width:100%;max-width:none;margin:0;padding:28px 40px 32px; box-sizing:border-box;-webkit-font-smoothing:antialiased} .ha-top{display:flex;justify-content:flex-end;margin:0 4px 14px} .ha-hint{font-family:var(--ui);font-size:13px;color:var(--muted);margin:0;font-style:italic} .ha-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .ha-grid.is-open{display:flex;flex-direction:row;gap:12px;align-items:stretch} .card{position:relative;height:152px;border:1px solid var(--line);border-radius:var(--r); background:#fff;cursor:pointer;overflow:hidden;will-change:transform; box-shadow:0 1px 2px rgba(31,26,23,.04),0 10px 24px -16px rgba(31,26,23,.18); transition:box-shadow .25s var(--ease),border-color .25s var(--ease)} .ha-grid:not(.animating) .card:not(.is-expanded):hover{ box-shadow:0 2px 6px rgba(31,26,23,.06),0 22px 40px -20px rgba(31,26,23,.28); border-color:var(--accent)} .ha-grid:not(.animating):not(.is-open) .card:hover{transform:translateY(-3px) scale(1.025)} .ha-grid.is-open .card.is-expanded{flex:0 0 62%;height:460px;cursor:default;z-index:1; box-shadow:0 4px 12px rgba(31,26,23,.05),0 40px 80px -36px rgba(31,26,23,.3)} .ha-grid.is-open .card.is-compressed{flex:1 1 0;min-width:46px;height:auto;background:#fffdf9} .ha-grid.is-open .card.is-compressed:hover{background:#fff;z-index:40} .card-inner{position:absolute;inset:0;will-change:transform; transition:opacity .25s var(--ease)} .card-icon{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%); width:64px;height:64px;color:var(--accent);display:grid;place-items:center} .card-icon svg{width:100%;height:100%;display:block} .card-icon .ic-img{width:100%;height:100%;object-fit:contain;display:block} .ha-grid.is-open .card.is-compressed .card-icon{ width:40px;height:40px; top:50%; } .ha-grid.is-open .card.is-compressed .card-name{display:none} .card-name{position:absolute;left:0;right:0;bottom:30px;padding:0 12px;box-sizing:border-box; text-align:center;font-size:13px;font-weight:600;line-height:1.25; letter-spacing:-.005em;color:var(--ink)} /* hover 时显示的 description（替代图标/标题） */ .card-desc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center; padding:16px 18px;box-sizing:border-box;text-align:center; font-family:var(--ui);font-size:12.5px;line-height:1.5;color:var(--ink); opacity:0;pointer-events:none;transition:opacity .22s var(--ease)} .ha-grid:not(.animating):not(.is-open) .card:hover .card-inner{opacity:0} .ha-grid:not(.animating):not(.is-open) .card:hover .card-desc{opacity:1} /* expanded panel */ .panel{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:var(--r); overflow:hidden;background:#fff; opacity:0;transform:translateY(8px);transition:opacity .42s var(--ease),transform .42s var(--ease)} .panel.show{opacity:1;transform:none} .panel-close{position:absolute;top:14px;right:16px;width:30px;height:30px;border:none; border-radius:9px;background:rgba(175,99,28,.1);color:var(--accent);font-size:18px; line-height:1;cursor:pointer;z-index:3;transition:background .2s} .panel-close:hover{background:rgba(175,99,28,.22)} .panel-head{display:flex;gap:16px;align-items:center;padding:28px 32px 20px;flex:none} .panel-icon{width:54px;height:54px;flex:none;border-radius:14px;display:grid;place-items:center; background:#fff;color:var(--accent);box-shadow:0 1px 2px rgba(31,26,23,.06);border:1px solid var(--line)} .panel-icon svg{width:30px;height:30px} .panel-icon .ic-img{width:50px;height:50px;object-fit:contain;display:block} .panel-code{font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--accent)} .panel-title{font-size:25px;font-weight:700;letter-spacing:-.01em;margin:2px 0 0;color:var(--ink)} .sub-list{flex:1;overflow-y:auto;padding:0 32px 26px} .sub{border-top:1px solid var(--line)} .sub:last-child{border-bottom:1px solid var(--line)} .sub-head{display:flex;align-items:center;gap:14px;padding:15px 4px;cursor:pointer; transition:padding-left .25s var(--ease)} .sub-head:hover{padding-left:8px} .sub-code{flex:none;font-family:var(--ui);font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--accent); min-width:38px} .sub-name{flex:1;font-size:16px;font-weight:600;color:var(--ink)} .sub-num{flex:none;font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:700; color:var(--ink);min-width:30px;text-align:right;font-variant-numeric:tabular-nums} .sub-chev{flex:none;color:var(--accent);display:grid;place-items:center; transition:transform .3s var(--ease)} .sub-chev svg{width:15px;height:15px} .sub.open .sub-chev{transform:rotate(90deg)} .sub.open .sub-name{color:var(--accent)} .sub.open .sub-num{color:var(--accent)} .sub-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--ease)} .sub.open .sub-body{grid-template-rows:1fr} .sub-body>div{overflow:hidden;min-height:0} .sub-def{margin:0;padding:0 4px 16px 52px;font-family:var(--ui);font-size:14px;line-height:1.62;color:var(--ink); border-left:3px solid var(--wash);max-width:64ch} .sub.open .sub-def{border-left-color:var(--accent)} @media (max-width:760px){ .ha-grid{grid-template-columns:repeat(2,1fr)} .ha-grid.is-open{flex-wrap:wrap} .ha-grid.is-open .card.is-expanded{flex:0 0 100%;height:auto;min-height:460px} .ha-grid.is-open .card.is-compressed{flex:1 1 64px;height:84px} .panel-head{padding:22px} .sub-list{padding:0 22px 22px} } /* ===== 类别分数块 ===== */ .panel-score{padding:2px 32px 16px;flex:none; display:flex;flex-direction:column;gap:10px} .ps-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px} .ps-num{font-size:32px;font-weight:700;line-height:1;color:var(--ink); display:flex;align-items:baseline;gap:8px} .ps-num span{font-family:var(--ui);font-size:11px;font-weight:400;font-style:italic;color:var(--muted)} .ps-legend{display:flex;gap:14px;font-family:var(--ui);font-size:11px;color:var(--muted);font-style:italic} .ps-legend i{display:inline-block;width:9px;height:9px;border-radius:2px; margin-right:5px;vertical-align:middle} .ps-track{position:relative;height:3px;border-radius:2px;background:var(--line)} .ps-fill{position:absolute;left:0;top:0;height:100%;border-radius:2px;background:var(--ink)} .ps-dot{position:absolute;top:50%;width:11px;height:11px;border-radius:50%; background:var(--ink);transform:translate(-50%,-50%)} .sw.pos{background:#8c4414}.sw.neu{background:#bf8950}.sw.neg{background:#e4d7c1} /* ===== 子项分数 ===== */ .sub-score{display:flex;align-items:center;gap:14px; padding:2px 4px 14px 52px;border-left:3px solid var(--wash)} .sub.open .sub-score{border-left-color:var(--accent)} .hh{font-family:var(--ui);font-size:12px;font-weight:700;color:var(--accent); flex:none;letter-spacing:.01em;font-variant-numeric:tabular-nums} .score-bar{flex:1;display:flex;height:18px;border-radius:4px;overflow:hidden; background:var(--line);font-family:var(--ui);font-size:11px;font-weight:700;color:#fff} .score-bar .seg{display:flex;align-items:center;justify-content:flex-end; padding:0 6px;box-sizing:border-box;min-width:0;white-space:nowrap} .score-bar .pos{background:#8c4414} .score-bar .neu{background:#bf8950} .score-bar .neg{background:#e4d7c1;color:var(--ink)} .score-bar.is-hatch .seg{color:var(--ink); background:repeating-linear-gradient(45deg,#cda579 0 7px,#e4d7c1 7px 14px)} `30:T3851,viewof dashboard = { const POS = "#8B4E1D", NEU = "#C49A63", NEG = "#E2D8C5", ACCENT = "#ac8368"; const PART_TIP = "Household participation"; const BASE = 700; const catDesc = { CW: "Physical/mental comfort, health, body perceptions, satisfaction (excludes acoustics)", TH: "Physical/mental comfort, health, body perceptions, satisfaction (excludes acoustics) ", AC: "Sound transmission, noise levels, acoustic comfort, reverberation, privacy", DM: "Material aging, structural integrity, surface condition, damage, performance over time", SP: "External opinions, neighbor reactions, visitor comments, professional skepticism, curiosity", RC: "Decision satisfaction, regrets, alternative choices, what would be done differently", VM: "Pre-choice drivers, environmental ethics, health priorities, philosophical beliefs", FF: "Financial motivations, costs, and benefits associated with hemp-lime." }; const slugMap = { CW:"comfort", TH:"temperature", AC:"acoustic", DM:"durability", SP:"social", RC:"reflection", VM:"values", FF:"financial" }; const css = ` @import url('https://cdn.jsdelivr.net/npm/@fontsource/carlito@5.2.8/400.css'); @import url('https://cdn.jsdelivr.net/npm/@fontsource/carlito@5.2.8/700.css'); @import url('https://cdn.jsdelivr.net/npm/@fontsource/carlito@5.2.8/400-italic.css'); .rd-scaler{width:100%;position:relative} .rd-stage{width:${BASE}px;margin:0 auto} .rdash{--accent:${ACCENT};--pos:${POS};--neu:${NEU};--neg:${NEG}; --ink:#1f1a17;--muted:rgba(31,26,23,.5);--line:#e7ddcc; --ease:cubic-bezier(.16,1,.3,1); --sans:'Carlito','Calibri','Segoe UI',sans-serif; font-family:Georgia,"Times New Roman",serif;color:var(--ink); background:transparent;padding:28px;box-sizing:border-box;width:${BASE}px} .rdash *,.rdash *::before,.rdash *::after{box-sizing:border-box} .rd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px} .rd-card{position:relative;border:1px solid var(--line);border-radius:16px; background:#fff;cursor:pointer;padding:26px 18px;text-align:center;min-height:148px; display:flex;flex-direction:column;align-items:center;justify-content:center; transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s; box-shadow:0 1px 2px rgba(31,26,23,.04),0 10px 22px -18px rgba(31,26,23,.2)} .rd-card:hover{transform:translateY(-5px);border-color:#7a4310;cursor:pointer; box-shadow:0 22px 44px -22px rgba(31,26,23,.34);z-index:50} .rd-ic{width:38px;height:38px;margin:0 auto 8px;color:var(--accent); transition:transform .28s var(--ease)} .rd-card:hover .rd-ic{transform:scale(1.12)} .rd-ic .ic-img{width:100%;height:100%;object-fit:contain} .rd-ic svg{width:100%;height:100%} .rd-title{font-size:15px;font-weight:700;line-height:1.25} .rd-cnum{font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:700; line-height:1;display:flex;align-items:baseline;justify-content:center;gap:5px; margin:6px 0 0} .rd-cnum .num{color:var(--ink)} .rd-cnum .den{color:#d8c7ad;font-size:17px} .rd-cardtip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px); width:240px;max-width:240px;background:#fff;color:var(--ink);font-family:var(--sans); font-size:13px;line-height:1.5;font-weight:400;padding:11px 14px;border-radius:10px; border:1px solid var(--line);box-shadow:0 14px 36px -10px rgba(31,26,23,.4); opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60;text-align:center} .rd-card:hover .rd-cardtip{opacity:1;transform:translate(-50%,0)} .rd-card:nth-child(1) .rd-cardtip, .rd-card:nth-child(2) .rd-cardtip{bottom:auto;top:calc(100% + 8px);z-index:100} .rdash.is-open .rd-grid{display:none} .rd-panel{display:none;border:1px solid var(--line);border-radius:16px;background:#fff; padding:28px 34px; box-shadow:0 1px 2px rgba(31,26,23,.04),0 24px 60px -32px rgba(31,26,23,.3); animation:rdfade .4s var(--ease)} .rdash.is-open .rd-panel{display:block} @keyframes rdfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} /* category 头部:居中 */ .rd-phead{position:relative;display:flex;flex-direction:column;align-items:center; text-align:center;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)} .rd-phead .rd-ic{margin:0;width:78px;height:78px;transition:width .3s var(--ease),height .3s var(--ease)} .rd-pttl{font-size:25px;font-weight:700} .rd-pttl .code{color:var(--ink);font-weight:700} .rd-close{position:absolute;top:-6px;right:0;width:38px;height:38px;border:none; border-radius:10px;background:rgba(175,99,28,.1);color:var(--accent);font-size:22px; line-height:1;cursor:pointer;transition:background .2s} .rd-close:hover{background:rgba(175,99,28,.22)} /* category 总分:居中 */ .rd-catscore{text-align:center;padding:24px 2px 12px;transition:padding .3s var(--ease)} .rd-catnum{font-size:64px;font-weight:700;line-height:1;transition:font-size .3s var(--ease)} .rd-catnum .num{color:var(--ink)} .rd-catnum .den{color:#d8c7ad} .rd-catname{font-size:15px;font-weight:600;color:var(--ink);margin-top:6px} /* 分数条 + 图例 + Learn More */ .rd-cattrack{position:relative;height:4px;border-radius:3px;background:var(--line); margin:18px auto 14px;max-width:640px} .rd-catfill{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:var(--ink)} .rd-catdot{position:absolute;top:50%;width:14px;height:14px;border-radius:50%; background:var(--ink);transform:translate(-50%,-50%)} .rd-catlegend{display:flex;justify-content:center;gap:22px; font-family:var(--sans);font-size:13px;color:var(--muted);margin-bottom:16px} .rd-catlegend i{display:inline-block;width:11px;height:11px;border-radius:2px; margin-right:6px;vertical-align:middle} .rd-catlearn{display:flex;justify-content:center;padding-bottom:8px} .rd-learnmore{font-family:var(--sans);font-size:12px;font-weight:700; color:var(--accent) !important;text-decoration:none !important; border:1px solid var(--accent);border-radius:8px; padding:7px 16px;background:#fff;cursor:pointer; transition:background .2s,border-color .2s,color .2s} .rd-learnmore:hover{background:var(--accent);border-color:var(--accent); color:#fff !important} /* ===== 展开子项时:压缩顶部(做法2) ===== */ .rd-panel.has-open .rd-phead .rd-ic{width:52px;height:52px} .rd-panel.has-open .rd-catscore{padding:12px 2px 8px} .rd-panel.has-open .rd-catnum{font-size:34px} .rd-panel.has-open .rd-cattrack{display:none} .rd-panel.has-open .rd-catlearn{display:none} .rd-sub{border-bottom:1px solid var(--line)} .rd-sub:first-of-type{border-top:1px solid var(--line)} .rd-subhead{display:flex;align-items:center;gap:14px;padding:18px 4px;cursor:pointer; transition:padding-left .2s var(--ease)} .rd-subhead:hover{padding-left:6px} .rd-subcode{font-family:var(--sans);flex:none;font-size:13px;font-weight:700;color:var(--accent);min-width:46px} .rd-subname{flex:1;font-size:17px;font-weight:600} .rd-subnum{flex:none;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:700; color:var(--ink);min-width:34px;text-align:right;font-variant-numeric:tabular-nums} .rd-sub.open .rd-subnum{color:var(--accent)} .rd-chev{flex:none;color:var(--accent);transition:transform .3s var(--ease)} .rd-chev svg{width:16px;height:16px;display:block} .rd-sub.open .rd-chev{transform:rotate(90deg)} .rd-sub.open .rd-subname{color:var(--accent)} .rd-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s var(--ease)} .rd-sub.open .rd-detail{grid-template-rows:1fr} .rd-detail>div{overflow:hidden;min-height:0} .rd-dinner{padding:12px 4px 26px 50px;text-align:left} .rd-partrow{display:flex;align-items:center;gap:10px;margin-bottom:18px;margin-top:6px} .rd-partnum{font-family:var(--sans);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:.01em} .rd-info{position:relative;width:20px;height:20px;border-radius:50%;box-sizing:border-box; border:1.5px solid var(--muted);color:var(--muted); display:grid;place-items:center;cursor:help; font-family:var(--sans);font-style:italic;font-size:12px;font-weight:700;line-height:1; transition:border-color .2s,color .2s} .rd-info:hover{border-color:var(--accent);color:var(--accent)} .rd-infotip{position:absolute;left:calc(100% + 9px);top:50%;transform:translateY(-50%) translateX(-4px); background:var(--ink);color:#fff;font-family:var(--sans);font-style:normal;font-weight:600; font-size:11px;white-space:nowrap;padding:6px 10px;border-radius:7px; opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:999; box-shadow:0 6px 16px -6px rgba(31,26,23,.45)} .rd-info:hover .rd-infotip{opacity:1;transform:translateY(-50%) translateX(0)} .rd-bar{display:flex;height:30px;border-radius:7px;overflow:hidden;background:var(--line); font-size:13px;font-weight:700;color:#fff;margin-bottom:14px;max-width:560px} .rd-bar .seg{display:flex;align-items:center;justify-content:flex-end;padding:0 10px; min-width:0;white-space:nowrap} .rd-bar .pos{background:var(--pos)} .rd-bar .neu{background:var(--neu)} .rd-bar .neg{background:var(--neg);color:var(--ink)} .rd-legend{display:flex;gap:20px;font-family:var(--sans);font-size:13px;color:var(--muted)} .rd-legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:middle} `; const root = html`

`; const stage = html`

`; const rdash = html`

`; stage.appendChild(rdash); root.appendChild(html``); root.appendChild(stage); const partHTML = n => `N=${n}`; const barHTML = sc => { const seg = (cls,v) => v>0 ? `${v>=10?v:""}` : ""; return `

${seg("pos",sc.p||0)}${seg("neu",sc.n||0)}${seg("neg",sc.g||0)}

`; }; rdash.innerHTML = `

${indicators.map((d,i)=>{ const cs = scores[d.code] && typeof scores[d.code].score === "number" ? scores[d.code].score : null; return `

${icons(d.code)}

${d.title}

${cs !== null ? `

${cs}/ 100

` : ""} ${catDesc[d.code] ? `

${catDesc[d.code]}

` : ""}

`; }).join("")}

`; const grid = rdash.querySelector(".rd-grid"); const host = rdash.querySelector(".rd-panel-host"); const cards = [...grid.querySelectorAll(".rd-card")]; let openIndex = null; root.value = null; function buildPanel(d){ const el = document.createElement("div"); el.className = "rd-panel"; const catScore = scores[d.code] && typeof scores[d.code].score === "number" ? scores[d.code].score : null; el.innerHTML = `

${icons(d.code)}

${d.title} (${d.code})

${catScore !== null ? `

${catScore} / 100

Category Score

Positive Neutral Negative

Learn More

` : ""} ${d.subs.map((s,i)=>{ const ss = scores[s.code]; const subScore = ss && typeof ss.score === "number" ? ss.score : null; return `

${s.code} ${s.name} ${subScore !== null ? `${subScore}` : ""} ${icons("chev")}

${(()=>{ const sc = scores[s.code]; if(!sc) return ""; return `

${partHTML(sc.part||0)} i${PART_TIP}

${barHTML(sc)}

Positive Neutral Negative

`; })()}

`; }).join("")}`; el.querySelectorAll(".rd-sub").forEach(sub=>{ sub.querySelector(".rd-subhead").addEventListener("click", e=>{ if(e.target.closest(".rd-info")) return; const was = sub.classList.contains("open"); el.querySelectorAll(".rd-sub.open").forEach(x=>x.classList.remove("open")); if(!was) sub.classList.add("open"); el.classList.toggle("has-open", !!el.querySelector(".rd-sub.open")); }); }); el.querySelector(".rd-close").addEventListener("click", close); return el; } function open(i){ openIndex = i; host.innerHTML = ""; host.appendChild(buildPanel(indicators[i])); rdash.classList.add("is-open"); root.value = indicators[i].code; root.dispatchEvent(new Event("input",{bubbles:true})); } function close(){ openIndex = null; rdash.classList.remove("is-open"); host.innerHTML = ""; root.value = null; root.dispatchEvent(new Event("input",{bubbles:true})); } cards.forEach(c => c.addEventListener("click", ()=>open(+c.dataset.i))); return root; }31:[{"id":"01799a266a0c0308d86743555b1e1b0988d412cb4a0178c312bdac56a6378a3f84dd5524f0e6c78efec473303a2503d64ff0ac368196f81b9da8a5651a742b03","href":"https://static.observableusercontent.com/files/01799a266a0c0308d86743555b1e1b0988d412cb4a0178c312bdac56a6378a3f84dd5524f0e6c78efec473303a2503d64ff0ac368196f81b9da8a5651a742b03","name":"Icon_FF.png","type":"image/png","lastModified":1782010231472.028,"size":265317},{"id":"d9e882df557645f24ee3e43fad441132e92c98adedeb25041a01fcadb3ae83c0215f60bf932b135f5475d27955a34b82bbbd405340e8d7dcb605f22790af8755","href":"https://static.observableusercontent.com/files/d9e882df557645f24ee3e43fad441132e92c98adedeb25041a01fcadb3ae83c0215f60bf932b135f5475d27955a34b82bbbd405340e8d7dcb605f22790af8755","name":"Icon_DM.png","type":"image/png","lastModified":1782010231472.028,"size":201126},{"id":"8ddcbd5470ad6d2cdfd9318260f202e6c85cd4dcbc87b75eaaa44252a3f87a6d90be9e2cc1045f70992c42499b431495c196809d470df18d441f0deb31805b3d","href":"https://static.observableusercontent.com/files/8ddcbd5470ad6d2cdfd9318260f202e6c85cd4dcbc87b75eaaa44252a3f87a6d90be9e2cc1045f70992c42499b431495c196809d470df18d441f0deb31805b3d","name":"Icon_AC.png","type":"image/png","lastModified":1782010231472.028,"size":197439},{"id":"a281fa95722c8a50833f6ec129dd72e193e3f3021c70e4c04895a3885f62f5f0a7db21a01b65e1505615b452a2d3a5c2478c34063041d42a51160c619df58bfa","href":"https://static.observableusercontent.com/files/a281fa95722c8a50833f6ec129dd72e193e3f3021c70e4c04895a3885f62f5f0a7db21a01b65e1505615b452a2d3a5c2478c34063041d42a51160c619df58bfa","name":"Icon_SP.png","type":"image/png","lastModified":1782010231472.028,"size":229771},{"id":"525233d41d5301ea036b69c28b956054aaec1515459bed43a55c3c563c37389d2bfd6c6f1c7a5f17c4e6ed9e5a4050859549b50cc3fe7e33026563606e82bcdd","href":"https://static.observableusercontent.com/files/525233d41d5301ea036b69c28b956054aaec1515459bed43a55c3c563c37389d2bfd6c6f1c7a5f17c4e6ed9e5a4050859549b50cc3fe7e33026563606e82bcdd","name":"Icon_CW.png","type":"image/png","lastModified":1782010231472.028,"size":249109},{"id":"26f44c8deece4f4bfdcad3cbfa3483210718ccf288642eb3085d8fc8d199b8ab327e5366b47034a49205f1b9dab3c3faab94c91c446f3884f6968ed8040cafd6","href":"https://static.observableusercontent.com/files/26f44c8deece4f4bfdcad3cbfa3483210718ccf288642eb3085d8fc8d199b8ab327e5366b47034a49205f1b9dab3c3faab94c91c446f3884f6968ed8040cafd6","name":"Icon_TH.png","type":"image/png","lastModified":1782010231472.028,"size":237670},{"id":"00fb9f9daa0a94f65ebcf83ba425d696e65863c73a73b0a51ed41d9691f88e3a0bd6db38317ab4d69357da7c9963fa398294b6c5a36f8fd963e3a65a43909f0b","href":"https://static.observableusercontent.com/files/00fb9f9daa0a94f65ebcf83ba425d696e65863c73a73b0a51ed41d9691f88e3a0bd6db38317ab4d69357da7c9963fa398294b6c5a36f8fd963e3a65a43909f0b","name":"Icon_VM.png","type":"image/png","lastModified":1782010231472.028,"size":340713},{"id":"385f4a7b84764828fdea1530ff76a2ef83b0ae0ad4f021fa1839abf89f8c22e5b0f507e83ab93417899e899589f8745f8c0543456d6b450bacd9c941d13aa715","href":"https://static.observableusercontent.com/files/385f4a7b84764828fdea1530ff76a2ef83b0ae0ad4f021fa1839abf89f8c22e5b0f507e83ab93417899e899589f8745f8c0543456d6b450bacd9c941d13aa715","name":"Icon_RC.png","type":"image/png","lastModified":1782010231472.028,"size":259467},{"id":"7bc1e57f1bae5c289c0af52da64375cfddcf9dce3a826f59459c4842409a5dfb8b15056d0f6e72dbe91db2c9d506efdeaa6e2d010c2606dde530f96ae9ea9e49","href":"https://static.observableusercontent.com/files/7bc1e57f1bae5c289c0af52da64375cfddcf9dce3a826f59459c4842409a5dfb8b15056d0f6e72dbe91db2c9d506efdeaa6e2d010c2606dde530f96ae9ea9e49","name":"0SP.png","type":"image/png","lastModified":1782080038236.128,"size":232208},{"id":"593c341a1d7e2caa07d92f9f1cd5daebf40b433d57d1afafc1767cb2c45d65b689ad47ff3e8ce6dac375f916d34f8919b0ef04c268334d8c538627bb692654a7","href":"https://static.observableusercontent.com/files/593c341a1d7e2caa07d92f9f1cd5daebf40b433d57d1afafc1767cb2c45d65b689ad47ff3e8ce6dac375f916d34f8919b0ef04c268334d8c538627bb692654a7","name":"0FF.png","type":"image/png","lastModified":1782080023243.991,"size":267699},{"id":"41daf2df140704dec34a889f3da95059ef4fcbb98a7263e5029cda76050a0c1ec824524afaf9367e6b8b3e047e98d5e517c21c5a0471c06d85c4c4d7252e40b1","href":"https://static.observableusercontent.com/files/41daf2df140704dec34a889f3da95059ef4fcbb98a7263e5029cda76050a0c1ec824524afaf9367e6b8b3e047e98d5e517c21c5a0471c06d85c4c4d7252e40b1","name":"0CW.png","type":"image/png","lastModified":1782079974311.337,"size":251780},{"id":"d146d04a546a4ac8933104440320749870c9558c222b9ebc57a57aa5c21162d3cdea7b20078505ca1b709e777c6f771346173cb419db28b683e6269de611482d","href":"https://static.observableusercontent.com/files/d146d04a546a4ac8933104440320749870c9558c222b9ebc57a57aa5c21162d3cdea7b20078505ca1b709e777c6f771346173cb419db28b683e6269de611482d","name":"0AC.png","type":"image/png","lastModified":1782079966594.283,"size":198271},{"id":"d9e882df557645f24ee3e43fad441132e92c98adedeb25041a01fcadb3ae83c0215f60bf932b135f5475d27955a34b82bbbd405340e8d7dcb605f22790af8755","href":"https://static.observableusercontent.com/files/d9e882df557645f24ee3e43fad441132e92c98adedeb25041a01fcadb3ae83c0215f60bf932b135f5475d27955a34b82bbbd405340e8d7dcb605f22790af8755","name":"Icon_DM@1.png","type":"image/png","lastModified":1782079993878.161,"size":201126},{"id":"41e05c8a4b51c27106461f7eb57797b29a2e72b21e9eb2a9922c843eb976dd03d5a082fb5e9be7e265f729fe9229630ee66e2e9efffee33314a4fb4c6d554055","href":"https://static.observableusercontent.com/files/41e05c8a4b51c27106461f7eb57797b29a2e72b21e9eb2a9922c843eb976dd03d5a082fb5e9be7e265f729fe9229630ee66e2e9efffee33314a4fb4c6d554055","name":"0DM.png","type":"image/png","lastModified":1782080004817.615,"size":201757},{"id":"306880382393a8ff20b45e10d1342e96a6bfe19e0430627dc76c533cf94b76d0b5367527e3e8741d4e4bd895b8a27a61aa179c71da467ea0df1f5316aad730c0","href":"https://static.observableusercontent.com/files/306880382393a8ff20b45e10d1342e96a6bfe19e0430627dc76c533cf94b76d0b5367527e3e8741d4e4bd895b8a27a61aa179c71da467ea0df1f5316aad730c0","name":"0RC.png","type":"image/png","lastModified":1782080030229.895,"size":262684},{"id":"38248f2b29a18a358ad6f7812df6adb1eea41949f0940ca02c1cfd2cc2b50c58c575378c6b80e0924bdb5534cba9da21afde1d350716387c60a2422e5413056f","href":"https://static.observableusercontent.com/files/38248f2b29a18a358ad6f7812df6adb1eea41949f0940ca02c1cfd2cc2b50c58c575378c6b80e0924bdb5534cba9da21afde1d350716387c60a2422e5413056f","name":"0TH.png","type":"image/png","lastModified":1782080048187.973,"size":240010},{"id":"0705aca7be923073fc2450b741ce37e894fc045f05c83bedd1b43d04d00d16c5ec1c7cd5b25f4889c9691920f08ea6b98a9f91c71285a5cc0124ca3f433492c1","href":"https://static.observableusercontent.com/files/0705aca7be923073fc2450b741ce37e894fc045f05c83bedd1b43d04d00d16c5ec1c7cd5b25f4889c9691920f08ea6b98a9f91c71285a5cc0124ca3f433492c1","name":"0VM.png","type":"image/png","lastModified":1782080058378.361,"size":346757}] 2b:{"id":"490bccb13b784595","slug":null,"title":"Category Diagram_Cover Page","thumbnail":"e26225ad8938d98f2279a4de583cb76f156f44a8daf0b6465da33fbc444dc19f","access_level":"public","create_time":"$D2026-06-21T02:50:31.472Z","update_time":"$D2026-08-25T00:55:23.585Z","view_time":null,"first_public_time":"$D2026-06-21T03:54:31.854Z","has_unpublished_edits":null,"fork":{"id":"e5a82dbc34113fa7","slug":null,"title":"Category Diagram_Category Page","owner":{"id":"9935a4781ceb9cbf","login":"ivy7","name":"Ivy"}},"stars":0,"starred":false,"owner":{"type":"team","id":"9935a4781ceb9cbf","login":"ivy7","name":"Ivy","avatar_url":"https://avatars-next.observableusercontent.com/343e245d64fbbba5f191d2ab00782c52a3b8cbec9cf1b0b5584d9fecc0683c4b","tier":"starter_2024"},"version":145,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"9a9f32600f5ebdba","login":"xinyu-liang","name":"Xinyu Liang","avatar_url":"https://avatars-next.observableusercontent.com/b373bd8332b69326efc7adc58edc5902f5cf46900ccae6e9520b45977ad423f6","tier":null}],"members":[{"type":"team","id":"9935a4781ceb9cbf","login":"ivy7","name":"Ivy","avatar_url":"https://avatars-next.observableusercontent.com/343e245d64fbbba5f191d2ab00782c52a3b8cbec9cf1b0b5584d9fecc0683c4b","tier":"starter_2024","role":"editor"},{"type":"individual","id":"9a9f32600f5ebdba","login":"xinyu-liang","name":"Xinyu Liang","avatar_url":"https://avatars-next.observableusercontent.com/b373bd8332b69326efc7adc58edc5902f5cf46900ccae6e9520b45977ad423f6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Category Diagram_Cover Page","cells":[{"id":0,"value":"# Category Diagram_Cover Page","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":44,"value":"iconUrls = ({\n AC: await FileAttachment(\"0AC.png\").url(),\n CW: await FileAttachment(\"0CW.png\").url(),\n DM: await FileAttachment(\"0DM.png\").url(),\n FF: await FileAttachment(\"0FF.png\").url(),\n RC: await FileAttachment(\"0RC.png\").url(),\n SP: await FileAttachment(\"0SP.png\").url(),\n TH: await FileAttachment(\"0TH.png\").url(),\n VM: await FileAttachment(\"0VM.png\").url()\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"descriptions = ({\n CW: \"Physical/mental comfort, health, body perceptions, satisfaction (excludes acoustics)\",\n TH: \"Physical/mental comfort, health, body perceptions, satisfaction (excludes acoustics)\",\n AC: \"Sound transmission, noise levels, acoustic comfort, reverberation, privacy\",\n DM: \"Material aging, structural integrity, surface condition, damage, performance over time\",\n SP: \"External opinions, neighbor reactions, visitor comments, professional skepticism, curiosity\",\n RC: \"Decision satisfaction, regrets, alternative choices, what would be done differently\",\n VM: \"Pre-choice drivers, environmental ethics, health priorities, philosophical beliefs\",\n FF: \"Financial motivations, costs, and benefits associated with hemp-lime.\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"icons = name => {\n if (name === \"chev\")\n return ``;\n const url = iconUrls[name];\n return url ? ` $\"\"$ ` : \"\";\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"flipPlay = (cards, first) => {\n const opts = {duration:480, easing:\"cubic-bezier(.16,1,.3,1)\", fill:\"none\"};\n const anims = [];\n cards.forEach((card, i) => {\n const l = card.getBoundingClientRect(), f = first[i];\n const dx = (f.left+f.width/2)-(l.left+l.width/2);\n const dy = (f.top+f.height/2)-(l.top+l.height/2);\n const sx = f.width/l.width, sy = f.height/l.height;\n if (Math.abs(dx)<.5 && Math.abs(dy)<.5 && Math.abs(sx-1)<.005 && Math.abs(sy-1)<.005) return;\n anims.push(card.animate([\n {transform:`translate(${dx}px,${dy}px) scale(${sx},${sy})`, transformOrigin:\"center\"},\n {transform:\"none\", transformOrigin:\"center\"}], opts));\n const inner = card.querySelector(\".card-inner\");\n if (inner) inner.animate([\n {transform:`scale(${1/sx},${1/sy})`, transformOrigin:\"center\"},\n {transform:\"none\", transformOrigin:\"center\"}], opts);\n });\n return anims;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2c:"$2b:body"