27:null 28:["$","title",null,{"children":"Category Diagram_Category Page | Ivy | Observable"}] 2d:T18ff,categoryNarratives = ({ CW: `Not one remark here carried a complaint. Every resident who spoke about comfort spoke warmly, in three ways. Some described bodily ease, a home that is never harsh to be in; one likened walking inside to being wrapped in a blanket. Others pointed to health, including a resident whose severe asthma nearly disappeared after moving in, and others who chose hempcrete for their chemical sensitivities and found real relief. A third group dwelt on the senses: the texture of natural materials, the light, walls that feel alive. A perfect score is rare, so read it precisely. Among the homes that spoke, praise was unanimous. Two homes simply had nothing to say.`, TH: `This is the topic residents had most to say about, and every home said something. Nobody complained. The strongest praise went to how steadily these homes hold their temperature: cool through heat waves, warm through hard winters, often on nothing more than a wood stove. Several residents described coming home in winter to a house that had kept its warmth on its own. Remarks on energy use were positive without exception, and more than one household noted how little recent fuel price shocks touched them. Humidity drew the most measured talk, most praising the walls' moisture regulation and the absence of damp, a few unable to judge either way. The neutral remarks are open verdicts, not soft complaints.`, AC: `This score sits lower than comfort or temperature for an unusual reason: several residents live in places too quiet to judge. Homes on rural sites reported no outside noise to test the walls against, and said so honestly. Those answers count as neutral, and they pull the number down without a complaint behind them. Where the walls did face a real test, they passed emphatically. Two homes host public music venues, and both reported loud music inside, near silence outside, and rooms with no resonance, which musicians notice. Everyday accounts matched, from parties that never woke a sleeping child to closed windows that shut out the world. Read this as a ceiling on what could be assessed, not dissatisfaction.`, DM: `A middling score could easily be misread as the material wearing poorly. The data says nearly the opposite. Residents reported the hempcrete wall aging without trouble; one venue owner found no sign of aging after a decade of public events. The only reservations were mild, a note that the outer face can take a knock. On upkeep, every remark was positive, and most households have had nothing to do. What pulls the score down is the finish applied over the wall, a separate decision from the material itself. One self-built home used an inexperienced plasterer and paid for it in cracks, by the owner's own admission. Where finishes were chosen and applied well, residents reported no trouble.`, SP: `The lowest score, and it measures something worth being clear about: not the homes, but how the outside world receives them. Friends, family, and neighbors mostly react with warmth or curiosity, often surprised at how pleasant the houses feel, and skeptical questions about fire, pests, and damp tend to dissolve on a visit. Public attention has been entirely positive, though only a few homes drew any. The real weight sits with professionals. Of the handful of remarks about builders, trades, and institutions, most were negative: one builder insisted a breathable wall would leak; owners described a trade locked into old habits. One enthusiastic building official was the exception. The friction is with the industry, not the living.`, RC: `Asked to sum it up, residents were unanimous. Every household that gave a verdict said they were satisfied and would make the same choice again, several in exactly those words. What lowers the category is a smaller, harder question about hindsight, which only three households addressed, and their regrets are about process, not the material. One owner wishes he had waited for an experienced plasterer; his partner wishes they had kept their consultant throughout; one resident would pick a different floor finish. Notably, nobody would pick a different wall. Because those hindsight remarks come from so few homes, hold them lightly, but their pattern matches the rest of the data: the lessons are about execution, not the choice itself.`, VM: `Residents chose this material on conviction, and years of living with it have not shaken those convictions. Every home spoke to its values, and nearly every remark was positive. Ecology led: storing carbon, avoiding petroleum-based products, building in a way that sits lighter on the planet. Several chose it out of a health philosophy, wanting a home free of synthetic chemicals before they ever moved in. Others spoke of heritage, of building to stand for two hundred years. Many arrived through people: a trusted craftsman, a mentor, a neighbor's example. The single negative note came from a resident observing that health arguments alone rarely convince others, a frustration with persuasion, not a doubt about the choice.`, FF: `Money talk splits cleanly in two, and the split explains the score. Looking back at the point of purchase, residents were matter-of-fact. Some paid a modest premium, one found staged financing a strain, and one named cost as a real barrier to wider adoption. Most remarks are neutral, people stating facts rather than nursing regrets. Looking at what the money bought, every remark was positive. Households described heating bills that barely register, easy indifference to the recent fuel crisis, and in one case a strong energy rating that raised resale value. Everyone who weighed cost against health, ecology, or the chance to build it themselves concluded it was worth it. Only five homes discussed money, so read this one gently.` })2e:T1753,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.` }, { 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. The care the substrate asks for, not its condition.` }, { 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. 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.` }, { 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.` }, { 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.` } ]} ]2f: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} })30:T2738,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); --exp:580px; /* ← 展开面板高度:想更高就调大这一个数 */ 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} /* 卡片默认高 = (展开高 - 16 gap) / 2 → 展开前后总高一致 */ .card{position:relative;height:calc((var(--exp) - 16px)/2);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:var(--exp);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} /* ===== 卡面:icon / title / score 竖排 ===== */ .card-inner{position:absolute;inset:0;display:flex;flex-direction:column; align-items:center;justify-content:center;gap:12px;padding:20px 14px;box-sizing:border-box; will-change:transform;transition:opacity .25s var(--ease)} .card-icon{flex:none;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} .card-name{flex:none;text-align:center;font-size:15px;font-weight:700;line-height:1.25; letter-spacing:-.005em;color:var(--ink)} .card-score{flex:none;display:flex;align-items:baseline;gap:6px; font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:700; line-height:1;color:var(--ink);font-variant-numeric:tabular-nums} .card-score .sl{font-size:26px;font-weight:400;color:var(--wash)} .card-score .mx{font-size:22px;font-weight:700;color:var(--wash)} .ha-grid.is-open .card.is-compressed .card-inner{gap:0;padding:0} .ha-grid.is-open .card.is-compressed .card-icon{width:40px;height:40px} .ha-grid.is-open .card.is-compressed .card-name, .ha-grid.is-open .card.is-compressed .card-score{display:none} .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} .panel{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:var(--r); overflow:hidden;background:#fff;max-height:100%;min-height:0; 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:24px 32px 12px;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)} .panel-narrative{margin:2px 0 18px;font-family:var(--ui); font-size:12.5px;line-height:1.6;color:rgba(31,26,23,.7)} .panel-narrative strong{font-weight:600;color:var(--ink)} .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)} .card{height:190px} .ha-grid.is-open{flex-wrap:wrap} .ha-grid.is-open .card.is-expanded{flex:0 0 100%;height:auto;min-height:var(--exp)} .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:6px 32px 18px;flex:none;display:flex;flex-direction:column; align-items:center;gap:12px} .ps-hero{display:flex;flex-direction:column;align-items:center;gap:6px} .ps-num{display:flex;align-items:baseline;gap:8px; font-family:Georgia,"Times New Roman",serif;font-weight:700;line-height:1; font-size:32px;color:var(--ink);font-variant-numeric:tabular-nums} .ps-num .sl{font-size:32px;font-weight:400;color:var(--wash)} .ps-num .mx{font-size:30px;font-weight:700;color:var(--wash)} .ps-cap{font-size:12px;font-weight:700;letter-spacing:.01em;color:var(--ink)} .ps-track{position:relative;width:100%;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%)} .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} .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-wrap{display:inline-flex;align-items:center;gap:9px;flex:none} .hh{font-family:var(--ui);font-size:16px;font-weight:700;color:var(--accent); letter-spacing:.01em;font-variant-numeric:tabular-nums} .info{position:relative;width:18px;height:18px;border-radius:50%;box-sizing:border-box; border:1px solid var(--muted);color:var(--muted); display:inline-grid;place-items:center;cursor:help; font-family:var(--ui);font-style:italic;font-size:11px;font-weight:700;line-height:1; transition:border-color .2s,color .2s} .info:hover,.info:focus{border-color:var(--accent);color:var(--accent);outline:none} .info-tip{position:absolute;left:calc(100% + 9px);top:50%; transform:translateY(-50%) translateX(-4px); background:var(--ink);color:#fff;font-family:var(--ui);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 var(--ease),transform .18s var(--ease); z-index:999;box-shadow:0 6px 16px -6px rgba(31,26,23,.45)} .info-tip::after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%); border:5px solid transparent;border-right-color:var(--ink)} .info:hover .info-tip,.info:focus .info-tip{opacity:1;transform:translateY(-50%) translateX(0)} .score-bar{flex:none;width:300px;max-width:100%;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)} `31:T2495,viewof dashboard = { const root = html`

`; root.innerHTML = `

Hover for description · Click to expand

${indicators.map((d,idx)=>`

${icons(d.code)}

${d.title}

${scores[d.code] ? `

${scores[d.code].score}/100

` : ""}

${descriptions[d.code] || ""}

`).join("")}

`; const grid = root.querySelector(".ha-grid"); const cards = [...grid.querySelectorAll(".card")]; let openIndex = null, animating = false; root.value = null; function buildPanel(d){ const cat = scores[d.code]; const hh = n => ` n=${n} iHousehold participation `; const bar = 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)}

`; }; const el = document.createElement("div"); el.className = "panel"; el.innerHTML = `

${icons(d.code)}

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

${cat ? `

${cat.score}/100

Category Score

Positive Neutral Negative

` : ""}

${categoryNarratives[d.code] ? `

${categoryNarratives[d.code]}

` : ""}${d.subs.map((s,i)=>{ const ss = scores[s.code]; return `

${s.code} ${s.name} ${ss ? `${ss.score}` : ""} ${icons("chev")}

${ss ? `

${hh(ss.part||0)}${bar(ss)}

` : ""}

${s.def}

`;}).join("")}

`; el.querySelectorAll(".sub").forEach(sub => { sub.querySelector(".sub-head").addEventListener("click", e => { e.stopPropagation(); const wasOpen = sub.classList.contains("open"); el.querySelectorAll(".sub.open").forEach(x => x.classList.remove("open")); if (!wasOpen) sub.classList.add("open"); }); }); el.querySelector(".panel-close").addEventListener("click", e => { e.stopPropagation(); select(openIndex); }); return el; } async function select(i){ if (animating) return; const first = cards.map(c => c.getBoundingClientRect()); const closing = (i === openIndex); grid.querySelector(".card.is-expanded .panel")?.classList.remove("show"); openIndex = closing ? null : i; grid.classList.toggle("is-open", openIndex !== null); cards.forEach((c, idx) => { c.classList.toggle("is-expanded", idx === openIndex); c.classList.toggle("is-compressed", openIndex !== null && idx !== openIndex); c.setAttribute("aria-expanded", String(idx === openIndex)); if (idx !== openIndex){ c.querySelector(".panel")?.remove(); c.querySelector(".card-inner").style.opacity = ""; } }); animating = true; grid.classList.add("animating"); const anims = flipPlay(cards, first); await Promise.all(anims.map(a => a.finished)).catch(()=>{}); animating = false; grid.classList.remove("animating"); if (openIndex !== null){ const card = cards[openIndex]; let panel = card.querySelector(".panel"); if (!panel){ panel = buildPanel(indicators[openIndex]); card.appendChild(panel); } card.querySelector(".card-inner").style.opacity = "0"; requestAnimationFrame(() => panel.classList.add("show")); } root.value = openIndex === null ? null : indicators[openIndex].code; root.dispatchEvent(new Event("input", {bubbles:true})); // ===== 广播给父页(Webflow):用 window.top 穿透 Observable 的嵌套 iframe ===== const outCode = root.value || "ALL"; console.log("[HA send] →", outCode); try { window.top.postMessage({ type: "ha:category", code: outCode }, "*"); } catch (e) {} try { window.parent.postMessage({ type: "ha:category", code: outCode }, "*"); } catch (e) {} } cards.forEach(c => { const idx = +c.dataset.i; c.addEventListener("click", () => { if (idx !== openIndex) select(idx); }); c.addEventListener("keydown", e => { if (e.key === "Enter" || e.key === " "){ e.preventDefault(); if (idx !== openIndex) select(idx); } }); }); const onDocClick = e => { if (openIndex === null) return; if (e.target.closest(".ha-dash .card")) return; select(openIndex); }; const onKey = e => { if (e.key === "Escape" && openIndex !== null) select(openIndex); }; document.addEventListener("click", onDocClick); document.addEventListener("keydown", onKey); invalidation.then(() => { document.removeEventListener("click", onDocClick); document.removeEventListener("keydown", onKey); }); // ===== URL 深链:?category=... ===== const catMap = { comfort:"CW", temperature:"TH", acoustic:"AC", durability:"DM", social:"SP", reflection:"RC", values:"VM", financial:"FF" }; const readCategoryParam = () => new URLSearchParams(location.search).get("category"); const raw = readCategoryParam(); const code = raw ? catMap[raw.trim().toLowerCase()] : null; const deepIdx = code ? indicators.findIndex(d => d.code === code) : -1; console.log("[HA deep-link] raw =", raw, "| code =", code, "| deepIdx =", deepIdx); if (deepIdx >= 0) { let done = false, tries = 0; const MAX = 200; let mo = null; const ready = () => grid.isConnected && grid.offsetParent !== null && cards[deepIdx] && cards[deepIdx].getBoundingClientRect().width > 0; const finish = (label) => { if (done) return true; if (openIndex !== null) { done = true; if (mo) mo.disconnect(); console.log("[HA deep-link] aborted — user already interacted"); return true; } if (ready() && !animating) { done = true; if (mo) mo.disconnect(); console.log("[HA deep-link] select(" + deepIdx + ") INVOKED via " + label + " after " + tries + " polls"); select(deepIdx); return true; } return false; }; const poll = () => { if (done) return; if (!finish("raf") && tries++ < MAX) requestAnimationFrame(poll); else if (!done) console.warn("[HA deep-link] gave up after " + tries + " polls — never became ready"); }; requestAnimationFrame(poll); mo = new MutationObserver(() => finish("observer")); mo.observe(document.documentElement, { childList: true, subtree: true }); (window.requestIdleCallback || (cb => setTimeout(cb, 200)))(() => finish("idle")); setTimeout(() => finish("timeout-600"), 600); setTimeout(() => finish("timeout-1500"), 1500); invalidation.then(() => { if (mo) mo.disconnect(); }); } // ===== 新增:监听父页 postMessage 深链(穿透嵌套 iframe) ===== const onMsg = (e) => { const d = e.data || {}; if (d.type !== "ha:setCategory") return; const mapMsg = { comfort:"CW", temperature:"TH", acoustic:"AC", durability:"DM", social:"SP", reflection:"RC", values:"VM", financial:"FF" }; const c = mapMsg[(d.category || "").trim().toLowerCase()]; const idx = c ? indicators.findIndex(x => x.code === c) : -1; console.log("[HA recv] setCategory =", d.category, "→ idx =", idx); if (idx >= 0 && idx !== openIndex && !animating) select(idx); }; window.addEventListener("message", onMsg); invalidation.then(() => window.removeEventListener("message", onMsg)); // 挂载后主动向父页要一次 category(冗余保险) try { window.top.postMessage({ type: "ha:getCategory" }, "*"); } catch (e) {} try { window.parent.postMessage({ type: "ha:getCategory" }, "*"); } catch (e) {} return root; }32:[{"id":"525233d41d5301ea036b69c28b956054aaec1515459bed43a55c3c563c37389d2bfd6c6f1c7a5f17c4e6ed9e5a4050859549b50cc3fe7e33026563606e82bcdd","href":"https://static.observableusercontent.com/files/525233d41d5301ea036b69c28b956054aaec1515459bed43a55c3c563c37389d2bfd6c6f1c7a5f17c4e6ed9e5a4050859549b50cc3fe7e33026563606e82bcdd","name":"Icon_CW.png","type":"image/png","lastModified":1781298129028.447,"size":249109},{"id":"01799a266a0c0308d86743555b1e1b0988d412cb4a0178c312bdac56a6378a3f84dd5524f0e6c78efec473303a2503d64ff0ac368196f81b9da8a5651a742b03","href":"https://static.observableusercontent.com/files/01799a266a0c0308d86743555b1e1b0988d412cb4a0178c312bdac56a6378a3f84dd5524f0e6c78efec473303a2503d64ff0ac368196f81b9da8a5651a742b03","name":"Icon_FF.png","type":"image/png","lastModified":1781298129057.082,"size":265317},{"id":"d9e882df557645f24ee3e43fad441132e92c98adedeb25041a01fcadb3ae83c0215f60bf932b135f5475d27955a34b82bbbd405340e8d7dcb605f22790af8755","href":"https://static.observableusercontent.com/files/d9e882df557645f24ee3e43fad441132e92c98adedeb25041a01fcadb3ae83c0215f60bf932b135f5475d27955a34b82bbbd405340e8d7dcb605f22790af8755","name":"Icon_DM.png","type":"image/png","lastModified":1781298128775.556,"size":201126},{"id":"8ddcbd5470ad6d2cdfd9318260f202e6c85cd4dcbc87b75eaaa44252a3f87a6d90be9e2cc1045f70992c42499b431495c196809d470df18d441f0deb31805b3d","href":"https://static.observableusercontent.com/files/8ddcbd5470ad6d2cdfd9318260f202e6c85cd4dcbc87b75eaaa44252a3f87a6d90be9e2cc1045f70992c42499b431495c196809d470df18d441f0deb31805b3d","name":"Icon_AC.png","type":"image/png","lastModified":1781298128891.957,"size":197439},{"id":"a281fa95722c8a50833f6ec129dd72e193e3f3021c70e4c04895a3885f62f5f0a7db21a01b65e1505615b452a2d3a5c2478c34063041d42a51160c619df58bfa","href":"https://static.observableusercontent.com/files/a281fa95722c8a50833f6ec129dd72e193e3f3021c70e4c04895a3885f62f5f0a7db21a01b65e1505615b452a2d3a5c2478c34063041d42a51160c619df58bfa","name":"Icon_SP.png","type":"image/png","lastModified":1781298129069.486,"size":229771},{"id":"26f44c8deece4f4bfdcad3cbfa3483210718ccf288642eb3085d8fc8d199b8ab327e5366b47034a49205f1b9dab3c3faab94c91c446f3884f6968ed8040cafd6","href":"https://static.observableusercontent.com/files/26f44c8deece4f4bfdcad3cbfa3483210718ccf288642eb3085d8fc8d199b8ab327e5366b47034a49205f1b9dab3c3faab94c91c446f3884f6968ed8040cafd6","name":"Icon_TH.png","type":"image/png","lastModified":1781298128917.743,"size":237670},{"id":"00fb9f9daa0a94f65ebcf83ba425d696e65863c73a73b0a51ed41d9691f88e3a0bd6db38317ab4d69357da7c9963fa398294b6c5a36f8fd963e3a65a43909f0b","href":"https://static.observableusercontent.com/files/00fb9f9daa0a94f65ebcf83ba425d696e65863c73a73b0a51ed41d9691f88e3a0bd6db38317ab4d69357da7c9963fa398294b6c5a36f8fd963e3a65a43909f0b","name":"Icon_VM.png","type":"image/png","lastModified":1781298129134.187,"size":340713},{"id":"385f4a7b84764828fdea1530ff76a2ef83b0ae0ad4f021fa1839abf89f8c22e5b0f507e83ab93417899e899589f8745f8c0543456d6b450bacd9c941d13aa715","href":"https://static.observableusercontent.com/files/385f4a7b84764828fdea1530ff76a2ef83b0ae0ad4f021fa1839abf89f8c22e5b0f507e83ab93417899e899589f8745f8c0543456d6b450bacd9c941d13aa715","name":"Icon_RC.png","type":"image/png","lastModified":1781298129081.418,"size":259467},{"id":"41daf2df140704dec34a889f3da95059ef4fcbb98a7263e5029cda76050a0c1ec824524afaf9367e6b8b3e047e98d5e517c21c5a0471c06d85c4c4d7252e40b1","href":"https://static.observableusercontent.com/files/41daf2df140704dec34a889f3da95059ef4fcbb98a7263e5029cda76050a0c1ec824524afaf9367e6b8b3e047e98d5e517c21c5a0471c06d85c4c4d7252e40b1","name":"0CW.png","type":"image/png","lastModified":1782444644529.109,"size":251780},{"id":"38248f2b29a18a358ad6f7812df6adb1eea41949f0940ca02c1cfd2cc2b50c58c575378c6b80e0924bdb5534cba9da21afde1d350716387c60a2422e5413056f","href":"https://static.observableusercontent.com/files/38248f2b29a18a358ad6f7812df6adb1eea41949f0940ca02c1cfd2cc2b50c58c575378c6b80e0924bdb5534cba9da21afde1d350716387c60a2422e5413056f","name":"0TH.png","type":"image/png","lastModified":1782444742583.729,"size":240010},{"id":"7bc1e57f1bae5c289c0af52da64375cfddcf9dce3a826f59459c4842409a5dfb8b15056d0f6e72dbe91db2c9d506efdeaa6e2d010c2606dde530f96ae9ea9e49","href":"https://static.observableusercontent.com/files/7bc1e57f1bae5c289c0af52da64375cfddcf9dce3a826f59459c4842409a5dfb8b15056d0f6e72dbe91db2c9d506efdeaa6e2d010c2606dde530f96ae9ea9e49","name":"0SP.png","type":"image/png","lastModified":1782444735392.188,"size":232208},{"id":"d146d04a546a4ac8933104440320749870c9558c222b9ebc57a57aa5c21162d3cdea7b20078505ca1b709e777c6f771346173cb419db28b683e6269de611482d","href":"https://static.observableusercontent.com/files/d146d04a546a4ac8933104440320749870c9558c222b9ebc57a57aa5c21162d3cdea7b20078505ca1b709e777c6f771346173cb419db28b683e6269de611482d","name":"0AC.png","type":"image/png","lastModified":1782444637824.68,"size":198271},{"id":"41e05c8a4b51c27106461f7eb57797b29a2e72b21e9eb2a9922c843eb976dd03d5a082fb5e9be7e265f729fe9229630ee66e2e9efffee33314a4fb4c6d554055","href":"https://static.observableusercontent.com/files/41e05c8a4b51c27106461f7eb57797b29a2e72b21e9eb2a9922c843eb976dd03d5a082fb5e9be7e265f729fe9229630ee66e2e9efffee33314a4fb4c6d554055","name":"0DM.png","type":"image/png","lastModified":1782444709890.947,"size":201757},{"id":"593c341a1d7e2caa07d92f9f1cd5daebf40b433d57d1afafc1767cb2c45d65b689ad47ff3e8ce6dac375f916d34f8919b0ef04c268334d8c538627bb692654a7","href":"https://static.observableusercontent.com/files/593c341a1d7e2caa07d92f9f1cd5daebf40b433d57d1afafc1767cb2c45d65b689ad47ff3e8ce6dac375f916d34f8919b0ef04c268334d8c538627bb692654a7","name":"0FF.png","type":"image/png","lastModified":1782444716989.966,"size":267699},{"id":"306880382393a8ff20b45e10d1342e96a6bfe19e0430627dc76c533cf94b76d0b5367527e3e8741d4e4bd895b8a27a61aa179c71da467ea0df1f5316aad730c0","href":"https://static.observableusercontent.com/files/306880382393a8ff20b45e10d1342e96a6bfe19e0430627dc76c533cf94b76d0b5367527e3e8741d4e4bd895b8a27a61aa179c71da467ea0df1f5316aad730c0","name":"0RC.png","type":"image/png","lastModified":1782444724159.395,"size":262684},{"id":"0705aca7be923073fc2450b741ce37e894fc045f05c83bedd1b43d04d00d16c5ec1c7cd5b25f4889c9691920f08ea6b98a9f91c71285a5cc0124ca3f433492c1","href":"https://static.observableusercontent.com/files/0705aca7be923073fc2450b741ce37e894fc045f05c83bedd1b43d04d00d16c5ec1c7cd5b25f4889c9691920f08ea6b98a9f91c71285a5cc0124ca3f433492c1","name":"0VM.png","type":"image/png","lastModified":1782444750576.257,"size":346757}] 2b:{"id":"e5a82dbc34113fa7","slug":null,"title":"Category Diagram_Category Page","thumbnail":"f9fc08f0f33c329bd6a1c02cdb48ba73790850f5273d14684e7cd9fc3e1d4419","access_level":"public","create_time":"$D2026-06-12T19:59:07.964Z","update_time":"$D2026-08-25T00:57:42.597Z","view_time":null,"first_public_time":"$D2026-06-12T21:11:19.066Z","has_unpublished_edits":null,"fork":false,"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":119,"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":3,"collection":null,"type":"notebook","body":{"title":"Category Diagram_Category Page","cells":[{"id":0,"value":"# Category Diagram_Category 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":87,"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":106,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"$2f","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":"$30","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":39,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2c:"$2b:body"