2b:null 2c:["$","title",null,{"children":"25 Heroes of Hindi Cinema, 1931-2020 | Rini B. Mehta | Observable"}] 31:T6e3,Plot.plot({ height: heroesR.length * 25, marginLeft: 150, width: 800, color: { domain: [ "Saigal", "Prithviraj Kapoor", "Ashok Kumar", "Raj Kapoor", "Dilip Kumar", "Rajendra Kumar", "Raaj Kumar", "Shashi Kapoor", "Shammi Kapoor", "Dev Anand", "Guru Dutt", "Jeetendra", "Dharmendra", "Rajesh Khanna", "Amitabh Bachchan", "Mithun Chakraborty", "Sanjay Dutt", "Anil Kapoor", "Shah Rukh Khan", "Salman Khan", "Aamir Khan", "Akshay Kumar", "Shahid Kapoor", "Ranbir Kapoor", "Ranveer Singh" ], range: [ "#8dd3c7", "#ffffb3", "#bebada", "#fb8072", "#80b1d3", "#fdb462", "#7F7F7F", "#b3de69", "#fccde5", "#d9d9d9", "#bc80bd", "#ccebc5", "#ffed6f", "#4e79a7", "#d62728", "#e78ac3", "#76b7b2", "#f6e2a1", "#59a14f", "#edc949", "#af7aa1", "#ff9da7", "#9c755f", "#bab0ab", "#f28e2c" ] }, x: { axis: "top", grid: true, tickFormat: formatYear }, y: { axis: null, domain: heroesR .sort((a, b) => d3.ascending(a.Year_x, b.Year_x)) .map((d) => d.Actor) }, marks: [ Plot.barX(heroesR, { x1: "Year_x", rx: 10, x2: "Year_y", y: "Actor", order: (a, b) => d3.ascending(a.Start, b.Start), fill: (d) => d.Actor, title: (d) => `${d.Actor} : ${d.count} films between ${d.Year_x} and ${d.Year_y} in the current dataset.` }), Plot.text(heroesR, { x: "Year_x", y: "Actor", text: "Actor", textAnchor: "Year_y", dx: -70 }) ] })32:[{"id":"e04935a99334ba0d3315aedbf0f3a7dd765710848493f1d8199df17d4002f487dd8c35045e2190bb53c2409827f75ab4cbee3959f780aea1dc5d8cdbecbace61","href":"https://static.observableusercontent.com/files/e04935a99334ba0d3315aedbf0f3a7dd765710848493f1d8199df17d4002f487dd8c35045e2190bb53c2409827f75ab4cbee3959f780aea1dc5d8cdbecbace61","name":"actors_cleaned.csv","type":"text/csv","lastModified":1626121223476.875,"size":243126},{"id":"358f6675a87d37fe7619cbf006294ec652ba9a489dd9ae6a38d3e72008a58076afa4042796608adc45226b07f1dad185edc6cdd525477f699db47e11db87adab","href":"https://static.observableusercontent.com/files/358f6675a87d37fe7619cbf006294ec652ba9a489dd9ae6a38d3e72008a58076afa4042796608adc45226b07f1dad185edc6cdd525477f699db47e11db87adab","name":"heroes-1.csv","type":"text/csv","lastModified":1626027950252.257,"size":46527},{"id":"b870e57a0ad9af04955cfb3b8bdfddd380d0923a0815b57b090557a7c413bce9fbdf97db305bf6d30b7988f9684a3e97e9b9a41bf77629c3c324f7f21543bc4e","href":"https://static.observableusercontent.com/files/b870e57a0ad9af04955cfb3b8bdfddd380d0923a0815b57b090557a7c413bce9fbdf97db305bf6d30b7988f9684a3e97e9b9a41bf77629c3c324f7f21543bc4e","name":"HeroesRangeCount.csv","type":"text/csv","lastModified":1626106263890.78,"size":862},{"id":"358f6675a87d37fe7619cbf006294ec652ba9a489dd9ae6a38d3e72008a58076afa4042796608adc45226b07f1dad185edc6cdd525477f699db47e11db87adab","href":"https://static.observableusercontent.com/files/358f6675a87d37fe7619cbf006294ec652ba9a489dd9ae6a38d3e72008a58076afa4042796608adc45226b07f1dad185edc6cdd525477f699db47e11db87adab","name":"heroes-1@1.csv","type":"text/csv","lastModified":1626041926715.606,"size":46527}] 2f:{"id":"a0911475e9374fda","slug":"25-heroes-of-hindi-cinema-1931-2020","title":"25 Heroes of Hindi Cinema, 1931-2020","thumbnail":"c70a5c564c650be1b8bf101b8dfcb25b8a1b9ad562f0b49f0521c672e7e4c019","access_level":"public","create_time":"$D2021-07-11T18:24:55.710Z","update_time":"$D2024-04-02T21:34:13.942Z","view_time":null,"first_public_time":"$D2021-07-12T20:36:08.847Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"9e093f781fb276b6","login":"rbhttchr","name":"Rini B. Mehta","avatar_url":"https://avatars-next.observableusercontent.com/f01f45f328c8f9ea2aea4750f27c601cbe23773858fae2a02593e05c4f1796ee","tier":"starter_2024"},"version":289,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2acec808e73ff66d","login":"rbhttchr","name":"Rini B. Mehta","avatar_url":"https://avatars-next.observableusercontent.com/f01f45f328c8f9ea2aea4750f27c601cbe23773858fae2a02593e05c4f1796ee","tier":null}],"members":[{"type":"individual","id":"2acec808e73ff66d","login":"rbhttchr","name":"Rini B. Mehta","avatar_url":"https://avatars-next.observableusercontent.com/f01f45f328c8f9ea2aea4750f27c601cbe23773858fae2a02593e05c4f1796ee","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"25 Heroes of Hindi Cinema, 1931-2020","cells":[{"id":0,"value":"# 25 Heroes of Hindi Cinema, 1931-2020","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"This project is more playful than a comprehensive study: a visualization of the number of films featuring 25 top male stars of the Hindi film industry based in Bombay/Mumbai, known as Bollywood in the 21st century. The number 25 is chosen to keep the chart manageable, and stars are chosen to represent a reasonably even spread over the decades. The dataset is created using imdbpy, a python library, then cleaned and organized into simpler sets. A more detailed dataset, with titles and IMDbID of films, is available for viewing as a table below. \n Data: [IMDb](https:https://www.imdb.com/)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"swatches({ color, columns: \"160px 4\", marginLeft: margin.left })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"# \n \nThe actors are color-coded: see the awatches above to identify the actors. \nHover over each bar-segment to see the number of films with that actor, by year. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"chart = {\n const svg = d3.create(\"svg\").attr(\"viewBox\", [0, 0, width, height]);\n\n svg\n .append(\"g\")\n .selectAll(\"g\")\n .data(series)\n .join(\"g\")\n .attr(\"fill\", ({ key }) => color(key))\n .call((g) =>\n g\n .selectAll(\"rect\")\n .data((d) => d)\n .join(\"rect\")\n .attr(\"x\", (d) => x(d.data.year))\n .attr(\"y\", (d) => y(d[1]))\n .attr(\"width\", x.bandwidth() - 1)\n .attr(\"height\", (d) => y(d[0]) - y(d[1]))\n .append(\"title\")\n .text((d) => `${d.data.name}, ${d.data.year}, ${d.data.value}`)\n );\n\n //${formatUnits(d.data.Units)}`));\n\n svg.append(\"g\").call(xAxis);\n\n svg.append(\"g\").call(yAxis);\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":" \n---------------------\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":" \n\nMale actors in Bollywood and pre-Bollywood Hindi cinema have remarkable shelf-lives: they keep on acting as the lead or the second lead in films while the female leads playing with them get replaced by younger actresses. The graph below represents the range of years that these stars had in the Bombay film industry.\n\nThe color codes have been shared among charts to maintain continuity. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":" \n--------------------- \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":" \n\nUse the dropdown menu below to see the films that are included in our dataset.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"viewof actorsdata = Inputs.select(\n actors.map((d) => d.Actor),\n { label: \"Select Actor\", sort: true, unique: true }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"Inputs.table(selectedactor, {\n columns: [\"Actor\", \"movie/non-movie\", \"movieID\", \"Year\"],\n format: {\n Year: (d) => `${d}`\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":" \n--------------------------\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":280,"value":" ","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"selectedactor = actors.filter((d) => d.Actor === actorsdata)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"heroes = FileAttachment(\"heroes-1@1.csv\").csv({ typed: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"heroesR = FileAttachment(\"HeroesRangeCount.csv\").csv({ typed: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"data = Object.assign(\n d3.csvParse(\n await FileAttachment(\"heroes-1.csv\").text(),\n ({ Actor, Year, [\"Films\"]: Films }) => ({\n name: Actor,\n year: +Year,\n value: +Films\n })\n ),\n { y: \"No. of Films\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"actors = FileAttachment(\"actors_cleaned.csv\").csv({ typed: true })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"colors2 = new Map([\n [\"Saigal\", \"#8dd3c7\"],\n [\"Prithviraj Kapoor\", \"#ffffb3\"],\n [\"Ashok Kumar\", \"#bebada\"],\n [\"Raj Kapoor\", \"#fb8072\"],\n [\"Dilip Kumar\", \"#80b1d3\"],\n [\"Rajendra Kumar\", \"#fdb462\"],\n [\"Raaj Kumar\", \"#7F7F7F\"],\n [\"Shashi Kapoor\", \"#b3de69\"],\n [\"Shammi Kapoor\", \"#fccde5\"],\n [\"Dev Anand\", \"#d9d9d9\"],\n [\"Guru Dutt\", \"#bc80bd\"],\n [\"Jeetendra\", \"#ccebc5\"],\n [\"Dharmendra\", \"#ffed6f\"],\n [\"Rajesh Khanna\", \"#4e79a7\"],\n [\"Amitabh Bachchan\", \"#d62728\"],\n [\"Mithun Chakraborty\", \"#e78ac3\"],\n [\"Sanjay Dutt\", \"#76b7b2\"],\n [\"Anil Kapoor\", \"#f6e2a1\"],\n [\"Shah Rukh Khan\", \"#59a14f\"],\n [\"Salman Khan\", \"#edc949\"],\n [\"Aamir Khan\", \"#af7aa1\"],\n [\"Akshay Kumar\", \"#ff9da7\"],\n [\"Shahid Kapoor\", \"#9c755f\"],\n [\"Ranbir Kapoor\", \"#bab0ab\"],\n [\"Ranveer Singh\", \"#f28e2c\"]\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"color = d3\n .scaleOrdinal()\n .domain(Array.from(colors2.keys()))\n .range(Array.from(colors2.values()))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"formatYear = (year) => `${year}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"fmt = (n) => d3.format(\",d\")(n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"height = 700","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"margin = ({ top: 20, right: 30, bottom: 30, left: 30 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"xAxis = (g) =>\n g.attr(\"transform\", `translate(0,${height - margin.bottom})`).call(\n d3\n .axisBottom(x)\n .tickValues(d3.ticks(...d3.extent(x.domain()), width / 80))\n .tickSizeOuter(0)\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"yAxis = (g) =>\n g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y))\n .call((g) => g.select(\".domain\").remove())\n .call((g) =>\n g\n .select(\".tick:last-of-type text\")\n .clone()\n .attr(\"x\", 3)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(data.y)\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"x = d3\n .scaleBand()\n .domain(data.map((d) => d.year))\n .rangeRound([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"y = d3\n .scaleLinear()\n .domain([0, 100])\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"series = d3\n .stack()\n .keys(Array.from(colors2.keys()))\n .value((group, key) => group.get(key).value)\n .order(d3.stackOrderReverse)(\n Array.from(\n d3\n .rollup(\n data,\n ([d]) => d,\n (d) => d.year,\n (d) => d.name\n )\n .values()\n )\n )\n .map((s) => (s.forEach((d) => (d.data = d.data.get(s.key))), s))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"import { Search, Table } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"function previews(notebooks, options) {\n return htl.html`

${notebooks.map(\n (notebook) => preview(notebook, options)\n )}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"function preview(\n { path, title, author, thumbnail },\n { target = \"_blank\" } = {}\n) {\n return htl.html`\n (event.currentTarget.firstElementChild.style.borderColor =\n \"#1b1e23\")} onmouseout=${(event) =>\n (event.currentTarget.firstElementChild.style.borderColor = \"#e8e8e8\")}>\n

\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"import { swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"html`