31:T412,earnings_data_flat = data .filter((player) => Object.values(player.evolution_data).some( (x) => x.rank <= top_earners && x.rank > 0 ) ) .flatMap((player) => { const data = Object.values(player.evolution_data); const playerData = data.map((each_week) => { const DT = parseNumberMonth( each_week.year + " " + shortish_month_naming_map[each_week.month] ); return { name: player.player, DT, ...each_week }; }); return ( d3 .rollups( playerData, (v) => v[v.length - 1], (d) => d.year, (d) => d.month ) //OVERWRITE year by adding: ', year: i ' .flatMap((each, i) => each[1].map((child) => ({ ...child[1], ranked_years: i })) ) ); // d3.groups(v,d=>d.year,d=>d.month) // ); // delete player.evolution_data; // player.data = ret; // .map((ranking) => { // return { ...ranking, player }; // }); return playerData; }) .filter((x) => x.year <= YEAR)32:T4f8,Plot.plot({ marks: [ // Plot.ruleY([maxCells], { strokeDasharray: "2 2", stroke: "gray" }), Plot.line(earnings_data_flat, { x: "DT", y: "total_earn", stroke: "name", filter: dataFilter, color: "categorical", curve, title: (d) => d.name }), Plot.dot( earnings_data_flat, Plot.selectLast({ x: "DT", y: "total_earn", stroke: "name", fill: "white", filter: (d) => dataFilter(d) && d.name === "Tiger Woods" }) ), Plot.text( earnings_data_flat, Plot.selectLast({ x: "DT", y: "total_earn", fill: "name", text: "name", textAnchor: "start", rotate: -45, filter: (d) => dataFilter(d) && d.name === "Tiger Woods", dx: 6 }) ) ], x: { type: "time", // ticks: d3.range(0, maxTime, 15), // tickFormat, domain: d3.extent(earnings_data_flat.filter(dataFilter), (d) => d.DT), label: null }, y: { type: "linear", domain: d3.extent( earnings_data_flat.filter(dataFilter), (d) => d.total_earn ), grid: true }, marginLeft: 70, marginTop: 70, marginRight: 75, width: d3.max([width, 600]), height: 500 // color })33:T51a,Plot.plot({ marks: [ // Plot.ruleY([maxCells], { strokeDasharray: "2 2", stroke: "gray" }), Plot.line(earnings_data_flat, { x: "ranked_years", y: "total_earn", stroke: "name", opacity: 0.3, strokeWidth: 3, filter: dataFilter, curve: "bump-x", title: (d) => d.name }), Plot.dot( earnings_data_flat, Plot.selectLast({ x: "ranked_years", y: "total_earn", stroke: "name", fill: "white", filter: dataFilter }) ), Plot.text( earnings_data_flat, Plot.selectLast({ x: "ranked_years", y: "total_earn", fill: "name", text: "name", textAnchor: "start", rotate: 0, filter: dataFilter, // filter: (d) => d.year <= YEAR, dx: 6 }) ) ], x: { type: "linear", // ticks: d3.range(0, maxTime, 15), // tickFormat, domain: d3.extent( earnings_data_flat.filter(dataFilter), (d) => d.ranked_years ), label: null }, y: { type: "linear", domain: [ 0, d3.max(earnings_data_flat.filter(dataFilter), (d) => d.total_earn) ] }, marginLeft: 70, marginTop: 30, marginRight: 75, width: d3.max([600, width]), height: 500 // color })34:[{"id":"8b22e8ab48122270becf8ec914fff2c21c009f3e21e8ff95a161552412e06ae6def7721b1e4344d0f4095ee6382d10d17f29cf7b4642c99ddd498553bbe65c8a","href":"https://static.observableusercontent.com/files/8b22e8ab48122270becf8ec914fff2c21c009f3e21e8ff95a161552412e06ae6def7721b1e4344d0f4095ee6382d10d17f29cf7b4642c99ddd498553bbe65c8a","name":"Archistico Bold.ttf","type":"font/ttf","lastModified":1653708485263.234,"size":409892},{"id":"5f8a4a52a9952af2e59def5509fdc960d103194b011d64f1de6991743fd75f037e93115681f8f59f52f6faa7d2887cb8c93ce8104286ff05bfb117d84bedfe0e","href":"https://static.observableusercontent.com/files/5f8a4a52a9952af2e59def5509fdc960d103194b011d64f1de6991743fd75f037e93115681f8f59f52f6faa7d2887cb8c93ce8104286ff05bfb117d84bedfe0e","name":"golf_career_earnings_data.json","type":"application/json","lastModified":1652473947577.808,"size":11602036}] 2f:{"title":"Golf - Career Earnings (1983-2016)","cells":[{"id":0,"value":"# Golf - Career Earnings (1983-2016)","pinned":false,"hidden":false,"mode":"md"},{"id":897,"value":"earnings_data_flat","pinned":false,"hidden":false,"mode":"ojs"},{"id":352,"value":"Player_Year_Month_Index = d3.index(\n earnings_data_flat,\n (d) => d.name,\n (d) => d.year,\n (d) => d.month\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":358,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":616,"value":"viewof startHISTORY = Inputs.range([HISTORY + 4, months.length - 1], {\n label: \"looking back from week #\",\n step: 1,\n value: 300\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":685,"value":"viewof HISTORY = Inputs.range([0, months.length - 5], {\n label: \" history\",\n step: 1,\n value: 150\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":712,"value":"Looking back ${d3.timeYears(END_YEAR,YEAR).length} years \n\n ${d3.utcFormat(\"%Y %B\")(END_YEAR)} - ${d3.utcFormat(\"%Y %B\")(YEAR)} ","pinned":false,"hidden":false,"mode":"md"},{"id":783,"value":"html`\n\n

\n Career in Years\n

\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":653,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":414,"value":"viewof top_earners = Inputs.range([1, 25], {\n label: \"Appear in top:\",\n step: 1,\n value: 10\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":634,"value":"dataFilter = (d) => d.DT <= YEAR && d.DT > END_YEAR","pinned":false,"hidden":false,"mode":"ojs"},{"id":587,"value":"months = d3.utcMonths(utc(\"1983-01-01\"), utc(\"2017-01-01\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":589,"value":"utc = d3.utcParse(\"%Y-%m-%d\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":604,"value":"YEAR = months[startHISTORY]","pinned":true,"hidden":false,"mode":"ojs"},{"id":627,"value":"END_YEAR = months[HISTORY]","pinned":true,"hidden":false,"mode":"ojs"},{"id":487,"value":"md`## DATA`","pinned":false,"hidden":false,"mode":"ojs"},{"id":492,"value":"---\n### Object that is actually an array","pinned":false,"hidden":false,"mode":"md"},{"id":129,"value":"data.map((x) => Object.values(x.evolution_data))","pinned":true,"hidden":false,"mode":"ojs"},{"id":498,"value":"---\n### Parsing 'JAN' (%b) as well as 'APRIL' (%B) values\\\n\nThese are the actual values used in the data","pinned":false,"hidden":false,"mode":"md"},{"id":209,"value":"Months = [\n \"JAN\",\n \"FEB\",\n \"MAR\",\n \"APRIL\",\n \"MAY\",\n \"JUNE\",\n \"JULY\",\n \"AUG\",\n \"SEPT\",\n \"OCT\",\n \"NOV\",\n \"DEC\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"parseShortMonth = d3.utcParse(\"%Y %b\")(\"1989 JAN\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":199,"value":"parseLongMonth = d3.utcParse(\"%Y %B\")(\"1989 APRIL\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":528,"value":"What we really want is...","pinned":false,"hidden":false,"mode":"md"},{"id":290,"value":"parseNumberMonth = d3.utcParse(\"%Y %m\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":292,"value":"parseNumberMonth(\"1983 9\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":435,"value":"data.filter((each) => {\n const check = Object.values(each.evolution_data).find(\n (x) => x.rank <= top_earners\n );\n return check; //? true : false;\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":899,"value":"data","pinned":true,"hidden":false,"mode":"ojs"},{"id":267,"value":"shortish_month_naming_map = Object.fromEntries(\n d3.transpose(d3.transpose(d3.zip([Months, d3.range(1, 13)]))[0])\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":386,"value":"earnings_data_flat.filter((each) => each.year <= YEAR)","pinned":true,"hidden":false,"mode":"ojs"},{"id":3,"value":"data = FileAttachment(\"golf_career_earnings_data.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":903,"value":"- *data source:* [datagolf](https://datagolf.com/historic-event-data)","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"import { Scrubber } from \"@mbostock/scrubber\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":805,"value":"archisticoBold = FileAttachment(\"Archistico Bold.ttf\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":852,"value":"import { Plot } from \"@mkfreeman/plot-tooltip\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":708,"value":"viewof curve = Inputs.select(\n [\n \"linear\",\n \"step\",\n \"step-after\",\n \"step-before\",\n // \"linear-closed\",\n \"basis\",\n // \"basis-closed\",\n // \"basis-open\",\n // \"bundle\",\n \"cardinal\",\n // \"cardinal-closed\",\n // \"cardinal-open\",\n \"catmull-rom\",\n // \"catmull-rom-closed\",\n // \"catmull-rom-open\",\n \"monotone-x\",\n // \"monotone-y\",\n \"bump-x\",\n \"bump-y\",\n \"natural\"\n ],\n { label: \"Curve\", value: \"bump-y\" }\n)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}