https://www.visualizing.org/assets/SolarCorrelationMap-CNi3uEup.js

1import{j as e,L as o}from"./vendor-react-CVijXI0n.js";import{S as s,b as n,h as l,a as c}from"./index-D0o2Sutv.js";import{C as d}from"./ChartBreadcrumb-BOBTh6lg.js";import{C as x,b as m}from"./ChartFAQ-DwXxlpIj.js";const r="https://www.visualizing.org",i=[{q:"What is a solar correlation map?",a:'A solar correlation map is a radial visualization that positions a focal variable (the "sun") at the center and arranges all other variables around it like orbiting planets. The distance from the center encodes correlation strength: strongly correlated variables sit close to the center, while weakly correlated ones orbit far away.'},{q:"When should you use a solar correlation map?",a:"Use a solar correlation map when you have one specific target variable and want to rank all others by relationship strength. It also works well when presenting to non-technical stakeholders who find matrices intimidating, and when you want an intuitive, visually engaging overview of variable importance."},{q:"When should you avoid a solar correlation map?",a:"Avoid a solar correlation map when you need to see correlations between all variables — use a correlogram instead. It is also a poor fit when you have only 2–3 variables — a scatter plot is more informative, or when you need precise numeric comparisons — radial distance is harder to read than aligned axes."},{q:"What data do you need to make a solar correlation map?",a:"// Correlation to target"},{q:"How is a solar correlation map different from a correlogram?",a:"Both a solar correlation map and a correlogram can look similar at first glance, but they answer different questions. Reach for a solar correlation map when the comparisons and patterns it was designed to reveal match what you need to communicate, and choose a correlogram when its particular strengths better fit your data and audience."},{q:"What is another name for a solar correlation map?",a:"Solar Correlation Map is also known as Radial correlation chart, ego network. The name varies between fields, but the visualisation technique is the same."},{q:"What size of dataset works best for a solar correlation map?",a:"Solar Correlation Map works best for Ranking variable associations to a target. Outside that range the chart either looks empty or becomes too cluttered to read clearly."},{q:"Are solar correlation maps accessible to screen readers?",a:"Yes — a solar correlation map can be made accessible to screen readers by pairing it with a clear text summary of the key insight, ensuring color choices meet WCAG contrast guidelines, adding descriptive alt text or aria-label to the SVG, and offering the underlying data as an HTML table fallback for assistive technologies."}],h=m("/solar-correlation-map",i),p={"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":`${r}/solar-correlation-map/#webpage`,url:`${r}/solar-correlation-map`,name:"Solar Correlation Map — The Definitive Guide",description:"Learn what a solar correlation map is, how to read radial correlation layouts, when to use them, and common mistakes to avoid.",isPartOf:{"@id":`${r}/#website`},breadcrumb:{"@id":`${r}/solar-correlation-map/#breadcrumb`},mainEntity:{"@id":`${r}/solar-correlation-map/#article`},inLanguage:"en"},n({slug:"/solar-correlation-map",caption:"Example solar correlation map",width:620,height:280}),{"@type":["Article","LearningResource"],"@id":`${r}/solar-correlation-map/#article`,mainEntityOfPage:{"@id":`${r}/solar-correlation-map/#webpage`},headline:"Solar Correlation Map: Definition, How to Read, and When to Use",description:"A complete reference guide to solar correlation maps — what they are, how to interpret radial correlation layouts, when to use them, and common mistakes to avoid.",image:{"@id":l("/solar-correlation-map")},datePublished:"2025-03-15",dateModified:"2026-04-08",publisher:{"@id":`${r}/#organization`},inLanguage:"en",educationalLevel:"advanced",learningResourceType:"reference",teaches:["How to read solar correlation maps","When to use solar correlation maps","Common mistakes with radial correlation layouts"],competencyRequired:"Understanding of correlation and network visualization",timeRequired:"PT10M",isAccessibleForFree:!0,audience:{"@type":"EducationalAudience",educationalRole:"student"},about:{"@id":`${r}/solar-correlation-map/#term`},keywords:["solar correlation map","radial correlation","data visualization","network correlation","circular layout"]},{"@type":"DefinedTerm","@id":`${r}/solar-correlation-map/#term`,name:"Solar Correlation Map",description:"A radial visualization that places a target variable at the center and arranges other variables around it like planets, with distance from the center encoding correlation strength.",inDefinedTermSet:{"@id":`${r}/chart-types/#termset`},termCode:"solar-correlation-map",url:`${r}/solar-correlation-map`},{"@type":"DefinedTermSet","@id":`${r}/chart-types/#termset`,name:"Data Visualization Chart Types",url:`${r}/chart-types`},c("/solar-correlation-map"),h]},b=[{id:"the-chart",label:"The chart"},{id:"what-is-it",label:"What is it?"},{id:"anatomy",label:"Anatomy"},{id:"when-to-use",label:"When to use it"},{id:"how-to-read",label:"How to read it"},{id:"data-format",label:"Data format"},{id:"construction",label:"Construction"},{id:"common-mistakes",label:"Common mistakes"},{id:"real-world-examples",label:"Real-world examples"},{id:"key-facts",label:"Quick reference"},{id:"accessibility",label:"Accessibility"},{id:"variations",label:"Variations"},{id:"faqs",label:"FAQs"},{id:"related-charts",label:"Related charts"}];function y(){return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Solar Correlation Map: Definition, Examples & How To Make One",description:"What is a solar correlation map? Learn when to use it, how to read one, common pitfalls, real examples, and tools to build it (Excel, P

1ython, D3).",path:"/solar-correlation-map",ogType:"article",jsonLd:[p]}),e.jsx(d,{slug:"/solar-correlation-map"}),e.jsxs("div",{className:"max-w-[1100px] mx-auto px-6 md:px-12",children:[e.jsxs("div",{className:"py-[56px] pb-[48px] border-b border-[var(--border-color)]",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-5",children:[e.jsx("span",{className:"font-mono text-[10px] tracking-[0.12em] uppercase bg-[var(--accent-light)] text-[var(--accent-color)] px-[10px] py-[4px] rounded-[3px] font-medium",children:"Correlation"}),e.jsx("span",{className:"font-mono text-[10px] tracking-[0.10em] uppercase bg-[var(--bg-alt)] text-[var(--ink-muted)] px-[10px] py-[4px] rounded-[3px]",children:"Advanced"})]}),e.jsx("h1",{className:"font-serif text-[42px] md:text-[52px] font-normal tracking-[-0.025em] leading-[1.1] text-[var(--ink)] mb-4",children:"Solar Correlation Map"}),e.jsx("p",{className:"text-[17px] md:text-[19px] font-light text-[var(--ink-muted)] leading-[1.6] max-w-[640px]",children:"A radial layout that places a target variable at the center, with all other variables orbiting at distances proportional to their correlation strength."})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-[1fr_280px] gap-16 pt-12 items-start",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"the-chart",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 01 — The chart"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"What it looks like"}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[12px] p-6 md:p-10 mt-8 mb-2",children:[e.jsxs("div",{className:"font-mono text-[10px] tracking-[0.10em] uppercase text-[var(--ink-faint)] mb-6 flex justify-between items-center",children:[e.jsxs("span",{children:["Example — ",e.jsx("em",{className:"not-italic text-[var(--accent-color)] font-medium",children:"Factors correlated with revenue"})]}),e.jsx("span",{children:"8 predictors"})]}),e.jsxs("svg",{viewBox:"0 0 400 400",xmlns:"http://www.w3.org/2000/svg",className:"w-full block max-w-[400px] mx-auto",children:[e.jsx("circle",{cx:"200",cy:"200",r:"160",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.06",strokeDasharray:"4,3"}),e.jsx("circle",{cx:"200",cy:"200",r:"110",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.08",strokeDasharray:"4,3"}),e.jsx("circle",{cx:"200",cy:"200",r:"60",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.10",strokeDasharray:"4,3"}),e.jsx("circle",{cx:"200",cy:"200",r:"18",fill:"#c94a2e"}),e.jsx("text",{x:"200",y:"204",textAnchor:"middle",fill:"#fff",fontSize:"9",fontFamily:"DM Mono, monospace",fontWeight:"500",children:"Revenue"}),e.jsx("line",{x1:"218",y1:"200",x2:"265",y2:"200",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.4"}),e.jsx("circle",{cx:"270",cy:"200",r:"14",fill:"#c94a2e",opacity:"0.8"}),e.jsx("text",{x:"270",y:"204",textAnchor:"middle",fill:"#fff",fontSize:"7",fontFamily:"DM Mono, monospace",children:"Ad spend"}),e.jsx("line",{x1:"200",y1:"182",x2:"200",y2:"145",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.3"}),e.jsx("circle",{cx:"200",cy:"140",r:"14",fill:"#c94a2e",opacity:"0.7"}),e.jsx("text",{x:"200",y:"144",textAnchor:"middle",fill:"#fff",fontSize:"7",fontFamily:"DM Mono, monospace",children:"Traffic"}),e.jsx("line",{x1:"212",y1:"188",x2:"248",y2:"150",stroke:"#c94a2e",strokeWidth:"1.2",strokeOpacity:"0.25"}),e.jsx("circle",{cx:"252",cy:"146",r:"14",fill:"#c94a2e",opacity:"0.55"}),e.jsx("text",{x:"252",y:"150",textAnchor:"middle",fill:"#fff",fontSize:"7",fontFamily:"DM Mono, monospace",children:"Email"}),e.jsx("line",{x1:"188",y1:"188",x2:"148",y2:"148",stroke:"#c94a2e",strokeWidth:"1.2",strokeOpacity:"0.25"}),e.jsx("circle",{cx:"142",cy:"142",r:"14",fill:"#e8c4b8"}),e.jsx("text",{x:"142",y:"146",textAnchor:"middle",fill:"#6b6b67",fontSize:"7",fontFamily:"DM Mono, monospace",children:"Social"}),e.jsx("line",{x1:"182",y1:"200",x2:"100",y2:"200",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"92",cy:"200",r:"14",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("text",{x:"92",y:"204",textAnchor:"middle",fill:"#6b6b67",fontSize:"7",fontFamily:"DM Mono, monospace",children:"Weather"}),e.jsx("line",{x1:"200",y1:"218",x2:"200",y2:"290",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"200",cy:"296",r:"14",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("text",{x:"200",y:"300",textAnchor:"middle",fill:"#6b6b67",fontSize:"7",fontFamily:"DM Mono, monospace",children:"Season"}),e.jsx("line",{x1:"188",y1:"212",x2:"140",y2:"260",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"134",cy:"266",r:"14",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("text",{x:"134",y:"270",textAnchor:"middle",fill:"#6b6b67",fontSize:"7",fontFamily:"DM Mono, monospace",children:"Inventory"}),e.jsx("line",{x1:"212",y1:"212",x2:"270",y2:"270",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.12"}),e.jsx("circle",{cx:"276",cy:"276",r:"14",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("text",{x:"276",y:"280",textAnchor:"middle",fill:"#6b6b67",fontSize:"7",fontFamily:"DM Mono, monospace",children:"Holidays"}),e.jsx("text",{x:"370",y:"200",textAnchor:"start",fill:"#b0b0aa",fontSize:"8",fontFamily:"DM Mono, monospace",children:"r = 0.9"}),e.jsx("text",{x:"370",y:"270",textAnchor:"start",fill:"#b0b0aa",fontSize:"8",fontFamily:"DM Mono, monospace",children:"r = 0.2"})]}),e.jsx("p",{className:"text-[13px] text-[var(--ink-muted)] text-center italic mt-4",children:"A solar correlation map with revenue at the center. Closer, darker nodes (like Ad spend) have stronger correlations; distant, lighter nodes (like Holidays) have weaker ones."})]})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"what-is-it",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 02 — Definition"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"What is a solar correlation map?"}),e.jsxs("div",{className:"text-[16px] font-light text-[var(--ink)] leading-[1.75]",children:[e.jsx("p",{children:"A solar correlation map is a radial visualization that positions a focal variable (the “sun”) at the center and arranges all other variables around it like orbiting planets. The distance from the center encodes correlation strength: strongly correlated variables sit close to the center, while weakly correlated ones orbit far away."}),e.jsxs("p",{className:"mt-[18px]",children:["This layout is particularly effective for answering the question: ",e.jsx("strong",{className:"font-medium",children:"“Which variables are most (and least) related to my target?”"})," It provides an intuitive, ego-centric view of correlations that is easier for non-technical audiences to grasp than a full correlation matrix."]}),e.jsx("p",{className:"mt-[18px]",children:"Additional visual channels — node size, color intensity, and connecting line thickness — can encode the sign of the correlation (positive vs. negative) and additional metadata."})]}),e.jsx("div",{className:"bg-[var(--accent-light)] border-l-[3px] border-l-[var(--accent-color)] rounded-r-[8px] px-5 py-4 mt-6",children:e.jsxs("p",{className:"text-[14px] text-[var(--ink)] leading-[1.65] font-light",children:[e.jsx("strong",{className:"font-medium text-[var(--accent-color)]",children:"Mental model:"})," Think of a solar system — the sun (your target variable) is at the center, and planets (other variables) orbit at distances proportional to how “attracted” they are to the sun. Mercury (high r) is close; Neptune (low r) is far."]})})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"anatomy",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 03 — Anatomy"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"Parts of a solar correlation map"}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[12px] p-6 md:p-10 mt-8",children:[e.jsxs("svg",{viewBox:"0 0 400 300",xmlns:"http://www.w3.org/2000/svg",className:"w-full block max-w-[400px] mx-auto",children:[e.jsx("circle",{cx:"200",cy:"150",r:"120",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.06",strokeDasharray:"4,3"}),e.jsx("circle",{cx:"200",cy:"150",r:"70",fill:"none",stroke:"#1a1a18",strokeWidth:"0.5",strokeOpacity:"0.08",strokeDasharray:"4,3"}),e.jsx("circle",{cx:"200",cy:"150",r:"16",fill:"#c94a2e"}),e.jsx("text",{x:"200",y:"154",textAnchor:"middle",fill:"#fff",fontSize:"8",fontFamily:"DM Mono, monospace",children:"Target"}),e.jsx("line",{x1:"216",y1:"150",x2:"260",y2:"150",stroke:"#c94a2e",strokeWidth:"1.5",strokeOpacity:"0.3"}),e.jsx("circle",{cx:"268",cy:"150",r:"12",fill:"#c94a2e",opacity:"0.7"}),e.jsx("line",{x1:"200",y1:"134",x2:"200",y2:"60",stroke:"#c94a2e",strokeWidth:"1",strokeOpacity:"0.15"}),e.jsx("circle",{cx:"200",cy:"52",r:"12",fill:"#f5ede9",stroke:"#e8c4b8",strokeWidth:"0.5"}),e.jsx("line",{x1:"10",y1:"150",x2:"178",y2:"150",stroke:"#2e7d52",strokeWidth:"1.2",strokeDasharray:"3,2"}),e.jsx("circle",{cx:"8",cy:"150",r:"4",fill:"#2e7d52"}),e.jsx("text",{x:"4",y:"140",textAnchor:"end",fill:"#2e7d52",fontSize:"9",fontFamily:"DM Mono, monospace",children:"A"}),e.jsx("line",{x1:"200",y1:"154",x2:"200",y2:"168",stroke:"#c94a2e",strokeWidth:"1.2"}),e.jsx("circle",{cx:"200",cy:"172",r:"4",fill:"#c94a2e"}),e.jsx("text",{x:"210",y:"178",fill:"#c94a2e",fontSize:"9",fontFamily:"DM Mono, monospace",children:"B"}),e.jsx("line",{x1:"280",y1:"150",x2:"300",y2:"130",stroke:"#6b6b67",strokeWidth:"1.2"}),e.jsx("circle",{cx:"302",cy:"128",r:"4",fill:"#6b6b67"}),e.jsx("text",{x:"315",y:"126",fill:"#6b6b67",fontSize:"9",fontFamily:"DM Mono, monospace",children:"C"}),e.jsx("line",{x1:"200",y1:"60",x2:"220",y2:"40",stroke:"#6b6b67",strokeWidth:"1.2"}),e.jsx("circle",{cx:"222",cy:"38",r:"4",fill:"#6b6b67"}),e.jsx("text",{x:"235",y:"36",fill:"#6b6b67",fontSize:"9",fontFamily:"DM Mono, monospace",children:"D"}),e.jsx("line",{x1:"200",y1:"220",x2:"200",y2:"260",stroke:"#6b6b67",strokeWidth:"1.2"}),e.jsx("circle",{cx:"200",cy:"264",r:"4",fill:"#6b6b67"}),e.jsx("text",{x:"200",y:"280",textAnchor:"middle",fill:"#6b6b67",fontSize:"9",fontFamily:"DM Mono, monospace",children:"E"})]}),e.jsx("div",{className:"flex flex-wrap gap-3 mt-7",children:[{color:"#2e7d52",label:"A — Orbit rings:",desc:"Concentric circles marking correlation thresholds (e.g., r=0.8, 0.5, 0.2)"},{color:"#c94a2e",label:"B — Central node (sun):",desc:"The target variable — all correlations are measured relative to this"},{color:"#6b6b67",label:"C — Close satellite:",desc:"A strongly correlated variable — short distance from center, darker color"},{color:"#6b6b67",label:"D — Distant satellite:",desc:"A weakly correlated variable — far from center, lighter color"},{color:"#6b6b67",label:"E — Connecting line:",desc:"Links each variable to the center; thickness or opacity can encode correlation strength"}].map((a,t)=>e.jsxs("div",{className:"flex items-center gap-2 bg-[var(--bg-alt)] rounded-[4px] px-[14px] py-2 text-[13px]",children:[e.jsx("span",{className:"w-[10px] h-[10px] rounded-full shrink-0",style:{background:a.color}}),e.jsxs("span",{className:"text-[var(--ink-muted)]",children:[e.jsx("strong",{className:"text-[var(--ink)] font-medium",children:a.label})," ",a.desc]})]},t))})]})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"when-to-use",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 04 — Usage"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"When to use it — and when not to"}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-5 mt-7",children:[e.jsxs("div",{className:"bg-[var(--green-light)] border border-[var(--green-border)] rounded-[10px] p-6",children:[e.jsxs("div",{className:"flex items-center gap-2 font-medium text-[14px] text-[var(--green)] mb-4",children:[e.jsx("span",{className:"w-[22px] h-[22px] rounded-full bg-[var(--green)] text-white flex items-center justify-center text-[12px] shrink-0",children:"✓"}),"Use a solar correlation map when…"]}),e.jsx("ul",{className:"flex flex-col gap-[10px] list-none",children:["You have one specific target variable and want to rank all others by relationship strength","Presenting to non-technical stakeholders who find matrices intimidating","You want an intuitive, visually engaging overview of variable importance","Comparing which predictors are most relevant to a business KPI","The ego-centric view (one focal variable) is more useful than all pairwise views","You have 5–20 variables to position around the center"].map((a,t)=>e.jsx("li",{className:"text-[14px] text-[var(--ink)] leading-[1.5] pl-4 relative font-light before:content-['—'] before:absolute before:left-0 before:text-[var(--ink-faint)]",children:a},t))})]}),e.jsxs("div",{className:"bg-[var(--red-light)] border border-[var(--red-border)] rounded-[10px] p-6",children:[e.jsxs("div",{className:"flex items-center gap-2 font-medium text-[14px] text-[var(--red)] mb-4",children:[e.jsx("span",{className:"w-[22px] h-[22px] rounded-full bg-[var(--red)] text-white flex items-center justify-center text-[12px] shrink-0",children:"×"}),"Avoid a solar correlation map when…"]}),e.jsx("ul",{className:"flex flex-col gap-[10px] list-none",children:["You need to see correlations between all variables — use a correlogram instead","You have only 2–3 variables — a scatter plot is more informative","You need precise numeric comparisons — radial distance is harder to read than aligned axes","Variables have important inter-relationships that should be shown (not just relationships to the center)","Too many variables (40+) cause overlap and clutter in the radial layout","You need to show non-linear or conditional relationships"].map((a,t)=>e.jsx("li",{className:"text-[14px] text-[var(--ink)] leading-[1.5] pl-4 relative font-light before:content-['—'] before:absolute before:left-0 before:text-[var(--ink-faint)]",children:a},t))})]})]})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"how-to-read",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 05 — Reading guide"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"How to read a solar correlation map"}),e.jsx("div",{className:"flex flex-col gap-5 mt-7",children:[{num:"1",title:"Identify the central variable",desc:"The node at the center is the target variable — every other variable is measured in relation to it."},{num:"2",title:"Check closest satellites",desc:"Variables nearest to the center have the strongest correlations with the target. These are your strongest predictors or associated factors."},{num:"3",title:"Note the outermost nodes",desc:"Variables on the periphery have little or no linear relationship with the target. They can likely be deprioritized 

1in analysis."},{num:"4",title:"Check color or sign indicators",desc:"If the chart uses different colors for positive vs. negative correlations, note which variables move in the same direction as the target and which move opposite."},{num:"5",title:"Read the orbit labels",desc:"Reference rings typically label correlation thresholds (e.g., r=0.8, 0.5). Use these for approximate quantification."}].map(a=>e.jsxs("div",{className:"flex gap-5",children:[e.jsx("div",{className:"w-[40px] h-[40px] rounded-full bg-[var(--accent-light)] text-[var(--accent-color)] flex items-center justify-center font-mono text-[14px] font-medium shrink-0",children:a.num}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[15px] font-medium text-[var(--ink)] mb-1",children:a.title}),e.jsx("p",{className:"text-[14px] font-light text-[var(--ink-muted)] leading-[1.6]",children:a.desc})]})]},a.num))})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"data-format",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 06 — Data format"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"What your data should look like"}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-5 mt-6 font-mono text-[13px] text-[var(--ink-muted)] leading-[1.8] overflow-x-auto",children:[e.jsx("p",{className:"text-[var(--accent-color)]",children:"// Correlation to target"}),e.jsx("p",{children:"| variable   | correlation_to_revenue |"}),e.jsx("p",{children:"|-----------|------------------------|"}),e.jsx("p",{children:"| ad_spend  | 0.92                  |"}),e.jsx("p",{children:"| traffic   | 0.85                  |"}),e.jsx("p",{children:"| weather   | 0.15                  |"})]})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"construction",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 07 — Construction"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"How to build one"}),e.jsx("div",{className:"flex flex-col gap-5 mt-4",children:[{step:"1",text:"Choose the target variable and compute its correlation with all other variables."},{step:"2",text:"Map correlation strength to radial distance — r=1.0 is at the center, r=0.0 is at the outermost ring."},{step:"3",text:"Distribute variables evenly around the circle at their computed distances to minimize label overlap."},{step:"4",text:"Draw connecting lines from each satellite to the center node, with opacity or thickness proportional to r."},{step:"5",text:"Add orbit reference rings with labeled r-values (e.g., 0.8, 0.5, 0.2) for quantitative anchoring."}].map(a=>e.jsxs("div",{className:"flex gap-4 items-start",children:[e.jsxs("span",{className:"font-mono text-[13px] text-[var(--accent-color)] font-medium shrink-0 mt-[2px]",children:[a.step,"."]}),e.jsx("p",{className:"text-[15px] font-light text-[var(--ink)] leading-[1.7]",children:a.text})]},a.step))})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"common-mistakes",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 08 — Pitfalls"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"Common mistakes"}),e.jsx("div",{className:"flex flex-col gap-5 mt-4",children:[{title:"Overloading with too many nodes",desc:"With 30+ variables, labels overlap and the radial layout becomes a tangled mess. Filter to the top 15–20 most relevant variables."},{title:"No orbit reference rings",desc:"Without labeled concentric circles, readers can’t judge distances accurately. Always include them."},{title:"Ignoring inter-variable correlations",desc:"The solar map only shows relationships to the center variable. Two close satellites might be highly correlated with each other, which this layout doesn’t reveal."},{title:"Misleading distance mapping",desc:"Using an inverted scale (strong = far) or non-linear mapping confuses interpretation. Keep the convention: closer = stronger."},{title:"Treating it as causal",desc:"Correlation distance does not imply causation. A close satellite is not necessarily a driver — it c

1ould be a consequence or share a common cause."}].map((a,t)=>e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-5",children:[e.jsx("p",{className:"text-[15px] font-medium text-[var(--ink)] mb-1",children:a.title}),e.jsx("p",{className:"text-[14px] font-light text-[var(--ink-muted)] leading-[1.6]",children:a.desc})]},t))})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"real-world-examples",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 09 — In the wild"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"Real-world examples"}),e.jsx("div",{className:"flex flex-col gap-5 mt-4",children:[{context:"Business intelligence",example:"Marketing teams use solar maps to show executives which campaign metrics (email opens, social clicks, paid impressions) are most strongly tied to revenue."},{context:"Healthcare",example:"Researchers visualize which lifestyle factors (exercise, diet, sleep, stress) are most closely associated with a specific health outcome like blood pressure."},{context:"Feature selection",example:"Data scientists use solar maps to quickly identify which features have the strongest linear relationships with the prediction target before model building."}].map((a,t)=>e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-5",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.10em] uppercase text-[var(--accent-color)] mb-2",children:a.context}),e.jsx("p",{className:"text-[14px] font-light text-[var(--ink)] leading-[1.65]",children:a.example})]},t))})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"key-facts",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 10 — At a glance"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"Quick reference"}),e.jsx("div",{className:"grid grid-cols-2 gap-[1px] bg-[var(--border-color)] rounded-[10px] overflow-hidden mt-6",children:[{label:"Also known as",value:"Radial correlation chart, ego network"},{label:"Category",value:"Correlation"},{label:"Typical data",value:"1 target + multiple numeric variables"},{label:"Best for",value:"Ranking variable associations to a target"},{label:"Difficulty",value:"Advanced"},{label:"Key encoding",value:"Distance from center = correlation strength"}].map((a,t)=>e.jsxs("div",{className:"bg-[var(--bg-card)] p-4",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.10em] uppercase text-[var(--ink-faint)] mb-1",children:a.label}),e.jsx("p",{className:"text-[14px] text-[var(--ink)] font-light",children:a.value})]},t))})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"accessibility",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 11 — Acce

1ssibility"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"Making it accessible"}),e.jsx("div",{className:"flex flex-col gap-4 mt-4",children:["Label each node clearly with the variable name and r-value","Use shape or pattern differences for positive vs negative correlation nodes","Provide a sorted table alternative for screen readers","Ensure sufficient contrast between orbit rings and the background","Use tooltips on interactive versions for precise correlation values"].map((a,t)=>e.jsxs("div",{className:"flex gap-3 items-start",children:[e.jsx("span",{className:"w-[6px] h-[6px] rounded-full bg-[var(--accent-color)] mt-[8px] shrink-0"}),e.jsx("p",{className:"text-[14px] font-light text-[var(--ink)] leading-[1.6]",children:a})]},t))})]}),e.jsxs("section",{className:"py-14 border-b border-[var(--border-color)]",id:"variations",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 12 — Variations"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"Common variations"}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-5 mt-6",children:[{name:"Grouped solar map",desc:"Groups satellite variables by category (e.g., marketing, operations) using color-coded segments."},{name:"Multi-sun layout",desc:"Multiple target variables each get their own solar map, arranged side by side for comparison."},{name:"Interactive solar map",desc:"Clicking a satellite brings it to the center, rebuilding the map around the new target."},{name:"Partial correlation solar",desc:"Uses partial correlations (controlling for other variables) instead of raw Pearson r for more accurate relationships."}].map((a,t)=>e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-5",children:[e.jsx("p",{className:"text-[15px] font-medium text-[var(--ink)] mb-1",children:a.name}),e.jsx("p",{className:"text-[13px] font-light text-[var(--ink-muted)] leading-[1.5]",children:a.desc})]},t))})]}),e.jsx(x,{faqs:i,sectionNumber:13}),e.jsxs("section",{className:"py-14",id:"related-charts",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--accent-color)] mb-3",children:"// 14 — Related"}),e.jsx("h2",{className:"font-serif text-[28px] md:text-[30px] font-normal tracking-[-0.02em] text-[var(--ink)] mb-6 leading-[1.2]",children:"Related charts"}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 mt-6",children:[e.jsxs(o,{href:"/correlogram",className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-6 px-5 cursor-pointer hover:border-[var(--accent-border-hover)] hover:-translate-y-[2px] hover:shadow-[var(--shadow-card)] transition-all duration-150 no-underline text-[var(--ink)]",children:[e.jsx("p",{className:"text-[15px] font-medium text-[var(--ink)] mb-1",children:"Correlogram"}),e.jsx("p",{className:"text-[13px] font-light text-[var(--ink-muted)] leading-[1.5]",children:"Shows all pairwise correlations in a matrix — comprehensive but less focused on one target."})]}),e.jsxs(o,{href:"/radar-chart",className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-6 px-5 cursor-pointer hover:border-[var(--accent-border-hover)] hover:-translate-y-[2px] hover:shadow-[var(--shadow-card)] transition-all duration-150 no-underline text-[var(--ink)]",children:[e.jsx("p",{className:"text-[15px] font-medium text-[var(--ink)] mb-1",children:"Radar Chart"}),e.jsx("p",{className:"text-[13px] font-light text-[var(--ink-muted)] leading-[1.5]",children:"Another radial layout — but uses fixed axes for variable comparison rather than correlation-based positioning."})]}),e.jsxs(o,{href:"/pair-plot",className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-6 px-5 cursor-pointer hover:border-[var(--accent-border-hover)] hover:-translate-y-[2px] hover:shadow-[var(--shadow-card)] transition-all duration-150 no-underline text-[var(--ink)]",children:[e.jsx("p",{className:"text-[15px] font-medium text-[var(--ink)] mb-1",children:"Pair Plot"}),e.jsx("p",{className:"text-[13px] font-light text-[var(--ink-muted)] leading-[1.5]",children:"Shows the actual data in scatter plot form for all pairs — more detailed but much larger."})]}),e.jsxs(o,{href:"/scatter-plot",className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] p-6 px-5 cursor-pointer hover:border-[var(--accent-border-hover)] hover:-translate-y-[2px] hover:shadow-[var(--shadow-card)] transition-all duration-150 no-underline text-[var(--ink)]",children:[e.jsx("p",{className:"text-[15px] font-medium text-[var(--ink)] mb-1",children:"Scatter Plot"}),e.jsx("p",{className:"text-[13px] font-light text-[var(--ink-muted)] leading-[1.5]",children:"Use to drill into a specific target-variable pair identified by the solar map."})]})]})]})]}),e.jsxs("aside",{className:"hidden md:block self-start sticky top-[80px]",children:[e.jsx("p",{className:"font-mono text-[10px] tracking-[0.14em] uppercase text-[var(--ink-faint)] mb-4",children:"On this page"}),e.jsx("nav",{className:"flex flex-col gap-[6px]",children:b.map(a=>e.jsx("a",{href:`#${a.id}`,className:"text-[13px] text-[var(--ink-muted)] no-underline hover:text-[var(--accent-color)] transition-colors duration-150",children:a.label},a.id))}),e.jsxs("div",{className:"mt-8 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[10px] overflow-hidden mb-5",children:[e.jsx("div",{className:"bg-[var(--ink)] px-[18px] py-[14px] font-mono text-[10px] tracking-[0.12em] uppercase text-[var(--white-muted)]",children:"// Tags"}),e.jsx("div",{className:"px-[18px] py-4",children:e.jsx("div",{className:"flex flex-wrap gap-[6px]",children:["Correlation","Radial","Target-centric","Advanced","Network","Feature selection"].map(a=>e.jsx("span",{className:"font-mono text-[10px] tracking-[0.06em] uppercase bg-[var(--bg-alt)] text-[var(--ink-muted)] px-[10px] py-1 rounded-[3px]",children:a},a))})})]})]})]})]}),e.jsxs("div",{className:"border-t border-[var(--border-color)] bg-[var(--bg-card)] px-6 md:px-12 py-5 flex items-center justify-between",children:[e.jsx("div",{className:"flex gap-8",children:e.jsxs(o,{href:"/pair-plot",className:"text-[13px] text-[var(--ink-muted)] no-underline flex items-center gap-[6px] hover:text-[var(--ink)] transition-colors duration-150",children:[e.jsx("span",{className:"text-[var(--accent-color)]",children:"←"})," Previous: Pair plot"]})}),e.jsx("span",{className:"font-mono text-[11px] text-[var(--ink-faint)] hidden md:block",children:"Correlation charts"}),e.jsx("div",{className:"flex gap-8",children:e.jsxs(o,{href:"/one-dimensional-heatmap",className:"text-[13px] text-[var(--ink-muted)] no-underline flex items-center gap-[6px] hover:text-[var(--ink)] transition-colors duration-150",children:["Next: One-dimensional heatmap ",e.jsx("span",{className:"text-[var(--accent-color)]",children:"→"})]})})]})]})}export{y as default};