34:["$","title",null,{"children":"Letterboxd Lists: User ames ranks the Alien movies | Hena | Observable"}] 3c:T4cd,// ames's Alien ranking on Letterboxd, in her order (rank 1 = her favorite). // y, mins, dir and lb (Letterboxd average out of 5) come from each film's Letterboxd page, Nov 2026. const LISTS = [ {id: "alien", name: "Alien", url: "https://letterboxd.com/synthscore/list/alien-ranked/"} ]; const films = [ {list: "alien", rank: 1, t: "Alien", y: 1979, mins: 117, dir: "Ridley Scott", lb: 4.24}, {list: "alien", rank: 2, t: "Aliens", y: 1986, mins: 137, dir: "James Cameron", lb: 4.11}, {list: "alien", rank: 3, t: "Prometheus", y: 2012, mins: 124, dir: "Ridley Scott", lb: 3.32}, {list: "alien", rank: 4, t: "Alien: Romulus", y: 2024, mins: 119, dir: "Fede Álvarez", lb: 3.59}, {list: "alien", rank: 5, t: "Alien: Covenant", y: 2017, mins: 122, dir: "Ridley Scott", lb: 3.1}, {list: "alien", rank: 6, t: "Alien Resurrection", y: 1997, mins: 109, dir: "Jean-Pierre Jeunet", lb: 2.64}, {list: "alien", rank: 7, t: "AVP: Alien vs. Predator", y: 2004, mins: 101, dir: "Paul W. S. Anderson", lb: 2.66}, {list: "alien", rank: 8, t: "Alien³", y: 1992, mins: 114, dir: "David Fincher", lb: 2.84}, {list: "alien", rank: 9, t: "Aliens vs Predator: Requiem", y: 2007, mins: 94, dir: "Colin & Greg Strause", lb: 1.63} ];3d:T1b41,// The Alien motion tracker: closer to the center = higher in ames's ranking. const FR_CSS = `@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Work+Sans:wght@400;500;600;700&display=swap"); .fr{font-family:"Work Sans","Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.45;border-radius:16px;padding:18px;max-width:780px;box-sizing:border-box;position:relative;overflow:hidden} .fr *{box-sizing:border-box} .fr svg{display:block;width:100%;height:auto;max-width:none;overflow:visible} .fr-scroll{overflow-x:auto} .fr-scroll svg{min-width:560px} .fr-alien{background:#06110a;color:#8dffa8;font-family:"Share Tech Mono",ui-monospace,monospace;border:1px solid #1d3b25} .fr-alien svg text{fill:#8dffa8} .fr-note{margin:10px 0 0;font-size:13px;opacity:.8} .fr-sweep{transform-origin:360px 280px;animation:fr-spin 5s linear infinite} @keyframes fr-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.fr-sweep{animation:none}} .fr-tip{position:fixed;z-index:1000;pointer-events:none;max-width:260px;background:#fffaf2;color:#231a1c;border:1px solid rgba(35,26,28,.14);border-radius:8px;padding:7px 10px;font:13px/1.4 "Work Sans",Arial,sans-serif;box-shadow:0 8px 22px rgba(0,0,0,.2)} .fr-tip span{color:#7d7068}`; const frEsc = (s) => String(s).replace(/[&<>"]/g, (c) => ({"&": "&", "<": "<", ">": ">", '"': """})[c]); function frCard(cls) { const el = document.createElement("div"); el.className = "fr " + cls; el.innerHTML = ``; return el; } function frTip() { let t = document.querySelector(".fr-tip"); if (!t) { t = document.createElement("div"); t.className = "fr-tip"; t.hidden = true; document.body.append(t); } return t; } function frShowTip(e, html) { const t = frTip(); t.innerHTML = html; t.hidden = false; const r = t.getBoundingClientRect(); t.style.left = Math.min(innerWidth - r.width - 8, e.clientX + 14) + "px"; t.style.top = Math.min(innerHeight - r.height - 8, e.clientY + 14) + "px"; } const frHideTip = () => { frTip().hidden = true; }; const frTipHtml = (f) => `${frEsc(f.t)} (${f.y})
ames: #${f.rank} · crowd: #${f.crowd} of ${f.n} · ★ ${f.lb.toFixed(2)} on Letterboxd
${frEsc(f.dir)} · ${f.mins} min`; const frTipOn = (sel) => sel.on("pointerenter pointermove", (e, f) => frShowTip(e, frTipHtml(f))).on("pointerleave", frHideTip); // Adds the crowd's rank (by Letterboxd average), release order and the gap between ames and the crowd function frEnrich(films) { const out = films.map((f) => ({...f})); for (const l of LISTS) { const g = out.filter((f) => f.list === l.id); g.slice().sort((a, b) => b.lb - a.lb).forEach((f, i) => (f.crowd = i + 1)); g.slice().sort((a, b) => a.y - b.y || a.rank - b.rank).forEach((f, i) => (f.order = i + 1)); g.forEach((f) => { f.n = g.length; f.hot = f.crowd - f.rank; }); } return out; } // ALIEN: a motion tracker. Closer to the center = higher in her ranking. Blips go around the dial in release order. function frAlien(F) { const el = frCard("fr-alien"); const g0 = F.filter((f) => f.list === "alien"); const W = 720, H = 560, cx = 360, cy = 280, R = 240; const r = (f) => 34 + (f.rank - 1) * ((R - 44) / (g0.length - 1)); const a = (f) => (-90 + (f.order - 1) * (360 / g0.length)) * Math.PI / 180; const svg = d3.select(el).append("div").attr("class", "fr-scroll").append("svg").attr("viewBox", `0 0 ${W} ${H}`).attr("role", "img") .attr("aria-label", "Motion tracker: the closer a film is to the center, the higher ames ranks it."); const defs = svg.append("defs"); const grad = defs.append("radialGradient").attr("id", "fr-crt"); grad.append("stop").attr("offset", "0%").attr("stop-color", "#0f2a17"); grad.append("stop").attr("offset", "100%").attr("stop-color", "#06110a"); const sw = defs.append("linearGradient").attr("id", "fr-sw").attr("x1", 0).attr("y1", 0).attr("x2", 1).attr("y2", 0); sw.append("stop").attr("offset", "0%").attr("stop-color", "#8dffa8").attr("stop-opacity", 0); sw.append("stop").attr("offset", "100%").attr("stop-color", "#8dffa8").attr("stop-opacity", 0.28); svg.append("circle").attr("cx", cx).attr("cy", cy).attr("r", R).attr("fill", "url(#fr-crt)").attr("stroke", "#2f6b3e"); for (let k = 1; k <= g0.length; k++) { const rr = 34 + (k - 1) * ((R - 44) / (g0.length - 1)); svg.append("circle").attr("cx", cx).attr("cy", cy).attr("r", rr).attr("fill", "none").attr("stroke", "#1f4a2a").attr("stroke-dasharray", k % 2 ? "2 4" : null); } svg.append("line").attr("x1", cx - R).attr("x2", cx + R).attr("y1", cy).attr("y2", cy).attr("stroke", "#1f4a2a"); svg.append("line").attr("y1", cy - R).attr("y2", cy + R).attr("x1", cx).attr("x2", cx).attr("stroke", "#1f4a2a"); svg.append("g").attr("class", "fr-sweep").append("path") .attr("d", d3.arc()({innerRadius: 0, outerRadius: R, startAngle: Math.PI / 2 - 0.9, endAngle: Math.PI / 2})) .attr("transform", `translate(${cx},${cy})`).attr("fill", "url(#fr-sw)"); svg.append("text").attr("x", cx).attr("y", cy + 4).attr("text-anchor", "middle").attr("font-size", 11).text("AMES"); // Alien and Aliens: tied in her heart const A = g0.find((f) => f.rank === 1), B = g0.find((f) => f.rank === 2); svg.append("path").attr("d", `M${cx + r(A) * Math.cos(a(A))},${cy + r(A) * Math.sin(a(A))} Q${cx + 70},${cy - 70} ${cx + r(B) * Math.cos(a(B))},${cy + r(B) * Math.sin(a(B))}`) .attr("fill", "none").attr("stroke", "#8dffa8").attr("stroke-dasharray", "3 4").attr("opacity", 0.7); const blips = svg.append("g").selectAll("g").data(g0).join("g").attr("transform", (f) => `translate(${cx + r(f) * Math.cos(a(f))},${cy + r(f) * Math.sin(a(f))})`).style("cursor", "default"); blips.append("circle").attr("r", 13).attr("fill", "#8dffa8").attr("opacity", 0.18); blips.append("circle").attr("r", 6).attr("fill", "#b9ffc9"); const short = {"Aliens vs Predator: Requiem": "AVP: Requiem", "AVP: Alien vs. Predator": "AVP"}; const right = (f) => f.rank !== 1 && Math.cos(a(f)) >= -0.05; blips.append("text").attr("x", (f) => (right(f) ? 14 : -14)).attr("y", 4).attr("text-anchor", (f) => (right(f) ? "start" : "end")).attr("font-size", 13) .text((f) => `${f.rank} · ${(short[f.t] || f.t).toUpperCase()} ’${String(f.y).slice(2)}`); frTipOn(blips); svg.append("text").attr("x", 8).attr("y", 18).attr("font-size", 12).text(`CONTACTS: ${g0.length}`); svg.append("text").attr("x", 8).attr("y", 36).attr("font-size", 12).text("RANGE = HER RANK"); svg.append("text").attr("x", W - 8).attr("y", 18).attr("text-anchor", "end").attr("font-size", 12).text("CLOSER = BETTER"); svg.append("text").attr("x", W - 8).attr("y", 36).attr("text-anchor", "end").attr("font-size", 12).text("AROUND THE DIAL = RELEASE ORDER"); svg.append("text").attr("x", W - 8).attr("y", H - 8).attr("text-anchor", "end").attr("font-size", 12).text("DOTTED LINE: SHE CAN’T PICK BETWEEN THESE TWO"); return el; } 3e:[] 38:{"id":"b4cc8002ec3790c8","slug":"letterboxd-lists-user-ames-ranks-the-alien-movies","title":"Letterboxd Lists: User ames ranks the Alien movies","thumbnail":"9e549bab8732b73b8bd5b67b72d071affb933888227ded64b3ae360e50784981","access_level":"public","create_time":"$D2026-11-05T01:30:30.826Z","update_time":"$D2026-11-05T01:55:27.874Z","view_time":null,"first_public_time":"$D2026-11-05T14:44:15.113Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"3c1ce35daad2d901","login":"hena","name":"Hena","avatar_url":"https://avatars-next.observableusercontent.com/e79c4b80cdf9287d5f1cdd292ff6192fcb5459f03e1f87b086a39604e28769fb","tier":"starter_2024","bio":"Ex-Observable social now I watch Gotham’s data from the shadows.","followed_by_you":false,"follows_you":false},"version":74,"publish_version":74,"role":null,"authored":false,"authors":[{"type":"individual","id":"c9bd477cbad59564","login":"hena","name":"Hena","avatar_url":"https://avatars-next.observableusercontent.com/e79c4b80cdf9287d5f1cdd292ff6192fcb5459f03e1f87b086a39604e28769fb","tier":null,"bio":"Ex-Observable social now I watch Gotham’s data from the shadows.","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"3c1ce35daad2d901","login":"hena","name":"Hena","avatar_url":"https://avatars-next.observableusercontent.com/e79c4b80cdf9287d5f1cdd292ff6192fcb5459f03e1f87b086a39604e28769fb","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Letterboxd Lists: User ames ranks the Alien movies","cells":[{"id":1,"value":"# Letterboxd Lists: User ames ranks the Alien movies\n\nLetterboxd user (and one of my oldest interweb friends): [ames](https://letterboxd.com/synthscore/) ranked the [Alien movies](https://letterboxd.com/synthscore/list/alien-ranked/).\n\nHover any film to see their rank, where the crowd would put it based on its Letterboxd average and some other details.\n\n huge thank you to a very special discord group that has been enjoying my blunders and goofs working these but their skills are what made this 10x better! I still have so much to learn! ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"## Alien: The Motion Tracker\n\nTheir favorites are the blips closest to the center and the dial goes around in release order.\n\nThey say they're constantly switching *Alien* and *Aliens* around: those two share a dotted line.\n\nAnd yes, *Prometheus* is number three. 👽\n Haider made this joke...I LOVE Prometheus. 😅","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"display(frAlien(F));","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"## The data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$3c","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"const F = frEnrich(films);","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"## Chart code","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$3d","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3e","stdlib":"2"}} 33:null