31:T440,# John Ford (1894 - 1973) Short Bio from [Wikipedia](https://en.wikipedia.org/wiki/John_Ford): John Martin Feeney (February 1, 1894 – August 31, 1973), known professionally as John Ford, was an American film director and naval officer. He is renowned both for Westerns such as Stagecoach (1939), The Searchers (1956), and The Man Who Shot Liberty Valance (1962), as well as adaptations of classic 20th century American novels such as The Grapes of Wrath (1940). He was the recipient of six Academy Awards including a record four wins for Best Director. In a career of more than 50 years, Ford directed more than 140 films (although most of his silent films are now lost) and he is widely regarded as one of the most important and influential filmmakers of his generation.[2] Ford's work was held in high regard by his colleagues, with Orson Welles and Ingmar Bergman among those who named him one of the greatest directors of all time. Ford made frequent use of location shooting and wide shots, in which his characters were framed against a vast, harsh, and rugged natural terrain.32:T42a,{ // declare the margins and size etc. const width = 700; const height = 400; const radius = Math.min(width, height) / 2; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const g = svg .append("g") .attr("transform", `translate(${width / 2},${height / 2})`); const data = fordRoles.map((d) => d.Count); const color = d3 .scaleOrdinal() .domain(fordRoles.map((d) => d.profession)) .range([ "#ff9da7", "#b3e2cd", "#d62728", "#f28e2c", "#e377c2", "#f1e2cc", "#af7aa1", "#8c564b", "#cbd5e8", "#156FA2", "#000000" ]); const arc = d3 .arc() .outerRadius(radius - 10) .innerRadius(0) .cornerRadius(10); const pie = d3.pie(); const pied_data = pie(data); const arcs = g .selectAll(".arc") .data(pied_data) .join((enter) => enter .append("path") .attr("class", "arc") .style("stroke", "white") .style("fill", color) ); arcs.attr("d", arc); return svg.node(); }33:[{"id":"15b9f7b72d8c2f35bad01b2a41c678b870fcaead7512f106df8088753202d9d2a0096cf0b902b633e142bbe69c8f5ed2fbea9d1d77629e03fc2780125312408c","href":"https://static.observableusercontent.com/files/15b9f7b72d8c2f35bad01b2a41c678b870fcaead7512f106df8088753202d9d2a0096cf0b902b633e142bbe69c8f5ed2fbea9d1d77629e03fc2780125312408c","name":"FordActors.csv","type":"text/csv","lastModified":1633305199211.617,"size":338538},{"id":"0a7f0f145ac98c57e95574699434c4e5bd7b74fe02b3b32dd4e291259fd12e6a91466f04111db6a2a03154cfbe6cba6565994d7f1c4af1c46509d87e227333a8","href":"https://static.observableusercontent.com/files/0a7f0f145ac98c57e95574699434c4e5bd7b74fe02b3b32dd4e291259fd12e6a91466f04111db6a2a03154cfbe6cba6565994d7f1c4af1c46509d87e227333a8","name":"John Ford_filmography_revised.csv","type":"text/csv","lastModified":1633285740600.194,"size":17206}] 2f:{"title":"John Ford (1894 - 1973)","cells":[{"id":0,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":40,"value":"
\n
","pinned":false,"hidden":false,"mode":"html"},{"id":35,"value":"html`\n\n

The many hats John Ford wore

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"John Ford wore many hats during the five decades of his career. Besides directing films, he produced, worked as an assistant director, did stunts, and wrote screenplays.... Hover over the different colors in the chart below to see the roles he played.","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"Plot.plot({\n height: 600,\n width: 1000,\n marginBottom: 50,\n marginTop: 50,\n marginRight: 50,\n marginLeft: 50,\n font: 14,\n color: {\n domain: fordRoles.map((d) => d.profession),\n range: [\n \"#ff9da7\",\n \"#b3e2cd\",\n \"#d62728\",\n \"#f28e2c\",\n \"#e377c2\",\n \"#f1e2cc\",\n \"#af7aa1\",\n \"#8c564b\",\n \"#cbd5e8\",\n \"#156FA2\",\n \"#000000\"\n ]\n },\n x: {\n tickRotate: 45,\n\n tickFormat: (d) => `${d}`\n },\n y: {\n grid: true,\n label: \"JOHN FORD'S MANY HATS\",\n labelAnchor: \"center\"\n },\n marks: [\n Plot.rectY(FordFilmography, {\n ...Plot.binX(\n {\n y: \"Count\",\n title: (v) =>\n `John Ford appeared as ${v[0].profession}: in ${v.length} films.`\n },\n {\n rx: 15,\n x: \"year\",\n fill: \"profession\"\n }\n ),\n order: \"value\",\n reverse: true\n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"Here is the same chart, with individual movies. Hover over each block to see the names of each movie and the number of jobs Ford had in it.","pinned":false,"hidden":false,"mode":"md"},{"id":45,"value":"Plot.plot({\n height: 600,\n width: 1000,\n marginBottom: 50,\n marginTop: 50,\n marginRight: 50,\n marginLeft: 50,\n font: 14,\n color: { range: d3.schemePastel1.concat(d3.schemePastel2) },\n x: {\n tickRotate: 45,\n\n tickFormat: (d) => `${d}`\n },\n y: {\n grid: true,\n label: \"JOHN FORD'S MANY HATS\",\n labelAnchor: \"center\"\n },\n marks: [\n Plot.rectY(FordFilmography, {\n ...Plot.binX(\n {\n y: \"Count\",\n title: (v) =>\n `John Ford had ${v.length} job(s) in ${v[0].movie} (${v[0].year}).`\n },\n {\n rx: 15,\n x: \"year\",\n fill: \"movie\"\n }\n ),\n order: \"value\",\n reverse: true\n }),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":355,"value":"Use the dropdown menu below to see how many films had John Ford in a particular role.","pinned":false,"hidden":false,"mode":"html"},{"id":367,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":54,"value":"viewof profession = Inputs.select(\n FordFilmography.map((d) => d.profession),\n {\n sort: true,\n unique: true,\n value: \"actor\",\n label: \"John Ford as:\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"Inputs.table(\n FordFilmography.filter((d) => d.profession === profession),\n {\n columns: [\"movie\", \"movieID\", \"year\", \"profession\"],\n format: { year: (d) => `${d}` }\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":363,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":358,"value":"Use the next dropdown menu to see Ford's roles in a particular movie:","pinned":false,"hidden":false,"mode":"md"},{"id":77,"value":"viewof movie = Inputs.select(\n FordFilmography.map((d) => d.movie),\n {\n sort: true,\n unique: true,\n label: \"John Ford in:\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"Inputs.table(\n FordFilmography.filter((d) => d.movie === movie),\n {\n columns: [\"movie\", \"movieID\", \"year\", \"profession\"],\n format: { year: (d) => `${d}` }\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":371,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":93,"value":"Here is a picture of the total output of John Ford, ordered according to his jobs in each film. The color code is given below. ","pinned":false,"hidden":false,"mode":"md"},{"id":384,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"Swatches(\n d3.scaleOrdinal(\n fordRoles.map((d) => d.profession),\n [\n \"#ff9da7\",\n \"#b3e2cd\",\n \"#d62728\",\n \"#f28e2c\",\n \"#e377c2\",\n \"#f1e2cc\",\n \"#af7aa1\",\n \"#8c564b\",\n \"#cbd5e8\",\n \"#156FA2\",\n \"#000000\"\n ]\n ),\n {\n columns: 2\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":395,"value":"
","pinned":true,"hidden":false,"mode":"html"},{"id":398,"value":"Here is yet another graph of the same data, shown by year.","pinned":false,"hidden":false,"mode":"md"},{"id":390,"value":"Plot.plot({\n width: 1200,\n marginBottom: 50,\n x: {\n // tickFormat: d => d.toLocaleString(\"en\", {month: \"narrow\"}),\n tickRotate: 45,\n label: null,\n tickFormat: (d) => `${d}`\n },\n color: {\n domain: fordRoles.map((d) => d.profession),\n range: [\n \"#ff9da7\",\n \"#b3e2cd\",\n \"#d62728\",\n \"#f28e2c\",\n \"#e377c2\",\n \"#f1e2cc\",\n \"#af7aa1\",\n \"#8c564b\",\n \"#cbd5e8\",\n \"#156FA2\",\n \"#000000\"\n ]\n },\n marks: [\n Plot.barY(\n fordfilmog.map(([year, profession, Count]) => ({\n year,\n profession,\n Count\n })),\n { x: \"year\", y: \"Count\", fill: \"profession\", title: \"profession\" }\n ),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":215,"value":"

\n
\n\n \n ","pinned":false,"hidden":false,"mode":"html"},{"id":231,"value":"\n

John Ford's stars

\n \n","pinned":false,"hidden":false,"mode":"md"},{"id":241,"value":"Notwithstanding the numerous roles Ford played in the film industry, he is mostly remembered for the films he directed. The charts below are based on the **143** feature films that he directed between 1917 and 1976, featuring **2,706 unique actors** in **3,065 roles**. The difference between the number of actors and roles is of course due to the recurrence of actors in his films. ","pinned":false,"hidden":false,"mode":"md"},{"id":254,"value":"viewof fAct = Inputs.select(\n fordA.map((d) => d.actor),\n {\n sort: true,\n unique: true,\n label: \"Actor/Actress\",\n // value: \"Jack Pennick\",\n placeholder: \"Select an Actor/Actress\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":274,"value":"Inputs.table(selectedforActC, {\n format: {\n year: (d) => `${d}`\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":261,"value":"Inputs.table(selectedfordA, {\n format: {\n year: (d) => `${d}`\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":301,"value":"
\n","pinned":false,"hidden":false,"mode":"html"},{"id":297,"value":"### Look up by number:\nThe query below makes it easy to look for actors/actresses on the basis of their appearances in Ford's films. Jack Pennick appeared in 42 films! ","pinned":false,"hidden":false,"mode":"md"},{"id":289,"value":"viewof recurrence = Inputs.select(\n fordActorCounts.map((d) => d.Count),\n {\n sort: true,\n unique: true,\n label: \"Actor/Actress's recurrence in Ford's films:\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"Inputs.table(fordActorCounts.filter((d) => d.Count === recurrence))","pinned":false,"hidden":false,"mode":"ojs"},{"id":340,"value":"
","pinned":true,"hidden":false,"mode":"html"},{"id":346,"value":"\n

Finally, just for fun....

\n ","pinned":false,"hidden":false,"mode":"md"},{"id":350,"value":"Here is a word cloud that shows the stars' names in the order of magnitude. ","pinned":false,"hidden":false,"mode":"md"},{"id":314,"value":"chart = {\n const d3 = Object.assign(await require(\"d3@6\"), {\n cloud: await require(\"d3-cloud@1\")\n });\n const fontFamily = \"sans-serif\";\n const fontScale = 5;\n const rotate = () => 0; // () => (~~(Math.random() * 6) - 3) * 30\n const padding = 0;\n const height = 500;\n\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .attr(\"font-family\", fontFamily)\n .attr(\"text-anchor\", \"middle\");\n\n const cloud = d3\n .cloud()\n .size([width, height])\n .words(data.map((d) => Object.create(d)))\n .padding(padding)\n .rotate(rotate)\n .font(fontFamily)\n .fontSize((d) => Math.sqrt(d.value) * fontScale)\n .on(\"word\", ({ size, x, y, rotate, text }) => {\n svg\n .append(\"text\")\n .attr(\"font-size\", size)\n .attr(\"transform\", `translate(${x},${y}) rotate(${rotate})`)\n .text(text);\n });\n\n cloud.start();\n invalidation.then(() => cloud.stop());\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"

\n
\n
\n
\n
\n
\n
\n
\n
\n
\n","pinned":false,"hidden":false,"mode":"html"},{"id":89,"value":"

\n
\n
\n
\n
\n
\n
\n
\n
\n","pinned":false,"hidden":false,"mode":"html"},{"id":85,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"FordFilmography = FileAttachment(\"John Ford_filmography_revised.csv\").csv({\n typed: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":388,"value":"fordfilmog = d3.flatRollup(\n FordFilmography,\n (v) => v.length,\n (d) => d.year,\n (d) => d.profession\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":246,"value":"fordA = FileAttachment(\"FordActors.csv\").csv({ typed: true })","pinned":true,"hidden":false,"mode":"ojs"},{"id":249,"value":"fordActors = d3\n .rollups(\n fordA,\n (v) => v.length,\n (d) => d.actor\n )\n .sort((a, b) => b[1] - a[1])","pinned":false,"hidden":false,"mode":"ojs"},{"id":266,"value":"selectedfordA = fordA.filter((d) => d.actor === fAct)","pinned":true,"hidden":false,"mode":"ojs"},{"id":251,"value":"fordActorCounts = fordActors.map(([actor, Count]) => ({ actor, Count }))","pinned":false,"hidden":false,"mode":"ojs"},{"id":275,"value":"selectedforActC = fordActorCounts.filter((d) => d.actor === fAct)","pinned":true,"hidden":false,"mode":"ojs"},{"id":286,"value":"selectedrecurrence = fordActorCounts.filter(d=> d.Count === recurrence)","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"FordRoleCounts = d3\n .rollups(\n FordFilmography,\n (v) => v.length,\n (d) => d.profession\n )\n .sort((a, b) => b[1] - a[1])","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"fordRoles = FordRoleCounts.map(([profession, Count]) => ({\n profession,\n Count\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":161,"value":"import { Legend, Swatches } from \"@d3/color-legend\"\n//import { swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":319,"value":"words = fordA.map((d) => d.actor)","pinned":true,"hidden":false,"mode":"ojs"},{"id":315,"value":"words.filter(w => /\\W/.test(w))","pinned":true,"hidden":false,"mode":"ojs"},{"id":317,"value":"data = d3.rollups(words, group => group.length, w => w)\n .sort(([, a], [, b]) => d3.descending(a, b))\n .slice(0, 250)\n .map(([text, value]) => ({text, value}))","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}