2c:null 2d:["$","title",null,{"children":"Citation Timeline for Overall Top 25 Cited Scholars: 2012-2019 | Chris Lindgren | Observable"}] 32:T827,{ const svg = d3.select(DOM.svg( innerWidth + margin.left + margin.right, (numTypes * (rowHeight + rowPadding)) + margin.top + margin.bottom )); let chart = svg.append("g").attr("transform", `translate(${margin.left}, ${margin.top})`) // Top bars for each year let yearBars = chart.append("g") .selectAll("rect") .data(years) .enter().append("rect") .attr("x", d => { console.log(x(d.key)) return x(d.key)-20 }) .attr("y", d => { return -y2(d.value) }) .attr("height", d => y2(d.value)) .attr("width", d => x(d3.timeMonth.offset(d.key, 1)) - x(d.key) + 35) .attr("fill", "firebrick") .attr("opacity", 0.25) chart.append("g") .call(xAxis); let typeRows = chart.append("g") .selectAll("g") .data(d3.entries(types)) .enter().append("g"); // Row labels, lines, rightside bar typeRows.append("text") .text(d => `${d.key} (${d.value.count})`) .attr("class", "label") .attr("x", -margin.left + textOffsetX) .attr("y", d => y(d.key) + textOffset); typeRows.append("line") .attr("x1", x.range()[0]) .attr("x2", x.range()[1]) .attr("stroke", "rgba(0,0,0,0.05)") .attr("y1", d => y(d.key)) .attr("y2", d => y(d.key)) typeRows.append("rect") .attr("x", x2.range()[0]) .attr("y", d => y(d.key) - rowHeight / 2) .attr("height", rowHeight) .attr("width", function(d){ return x2(d.value.total) - x2.range()[0] }) .attr("fill", "firebrick") .attr("opacity", 0.25) typeRows.append("text") .text(d => d.value.total) .attr("class", "label") .attr("text-anchor", "end") .attr("x", x2.range()[1] - 5) .attr("y", d => y(d.key)+4); // Chart circles per year chart.append("g") .selectAll("circle") .data(data) .enter().append("circle") .attr("cx", function(d){ return x(d.citing_year) }) .attr("cy", d => y(d.cited_name)) .attr("r", function(d) { return types[d.cited_name].scale(d.cited_total) }) .attr("fill", "firebrick") .attr("opacity", 0.25); return svg.node(); }33:[] 30:{"id":"1f373bb98d1a91ff","slug":"citation-timeline-for-overall-top-25-cited-scholars-2012-20","title":"Citation Timeline for Overall Top 25 Cited Scholars: 2012-2019","thumbnail":"25df25f738912ae6ef178d466e9417eb3f0f693bb3277143a7d5b3e017ffd16d","access_level":"public","create_time":"$D2021-04-21T17:14:53.227Z","update_time":"$D2023-03-08T14:15:45.080Z","view_time":null,"first_public_time":"$D2021-05-28T17:30:48.144Z","fork":{"id":"7280f5f2b0858b48","slug":"patient-timeline","title":"Patient Timeline","owner":{"id":"7fc5af99e75aea87","login":"aias","name":"Nick Trombley"}},"stars":0,"starred":false,"owner":{"type":"team","id":"65672682fc6420ec","login":"lingeringcode","name":"Chris Lindgren","avatar_url":"https://avatars-next.observableusercontent.com/483a12ccaf8f88b785a04ba865ef4c1f31a0356256cb470cb116e7e9b24c2aba","tier":"starter_2024"},"version":1032,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5dd9c3e09645ea29","login":"lingeringcode","name":"Chris Lindgren","avatar_url":"https://avatars-next.observableusercontent.com/483a12ccaf8f88b785a04ba865ef4c1f31a0356256cb470cb116e7e9b24c2aba","tier":null}],"members":[{"type":"individual","id":"5dd9c3e09645ea29","login":"lingeringcode","name":"Chris Lindgren","avatar_url":"https://avatars-next.observableusercontent.com/483a12ccaf8f88b785a04ba865ef4c1f31a0356256cb470cb116e7e9b24c2aba","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Citation Timeline for Overall Top 25 Cited Scholars: 2012-2019","cells":[{"id":0,"value":"md`\n# Citation Timeline for Overall Top 25 Cited Scholars: 2012-2019\n\nTop 25 computed from original *n*=65640 sample.\n\nEach cited scholar corresponds to a row on the timeline. The rows are ordered by total citation amount received for that scholar between 2012 - 2019. The citation total for each author is shown on the right-hand side of the chart.\n\nYearly citation counts for each scholar are shown as bubbles on their corresponding row. The bubbles are sized proportionally to their value, relative to the maximimum amount *for that scholar*. That is, all of ${typeEntries[0].key}'s citations are sized relative to their largest ${typeEntries[0].key} amount of citations received, and all of ${typeEntries[4].key}'s citations are sized relative to their largest ${typeEntries[4].key} amount of citations received. This helps with intra-type citation comparisons\n\nAnnual citation totals are also summarized at the top of the chart, giving a quick overview of the most citations received across the yearly corpus.\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":76,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":73,"value":"margin = ({top: 100, right: 10, bottom: 75, left: 150})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":362,"value":"innerWidth = width - margin.left - margin.right","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":30,"value":"viewof rowHeight = html`\n\t\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":161,"value":"rowPadding = 5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":344,"value":"textOffset = -10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":985,"value":"textOffsetX = 5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":55,"value":"style = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":509,"value":"data = d3.csv(\"https://gist.githubusercontent.com/lingeringcode/a96102f749ac252b45318148cdc1925f/raw/f63522a6cc4c1fcb75c672dbbb2457ee7afe23f6/swr-timeline-top25-overall-per-year.csv\", cited => ({\n cited_name: cited.cited_name,\n citing_year: dateParse(cited.citing_year),\n cited_total: +cited.cited_total\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":824,"value":"## Reduce data based on slider","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":130,"value":"years = d3.nest()\n\t.key(d => {\n return d3.timeMonth.floor(d.citing_year)\n })\n .sortKeys((a, b) => (new Date(a) - new Date(b)))\n\t.rollup(scholars => d3.sum(scholars, s => s.cited_total))\n\t.entries(data).map(m => ({\n \tvalue: m.value,\n \tkey: new Date(m.key)\n }))\n\n// years = d3.nest()\n// \t// .key(function(d){\n// \t// return Number(d.citing_year)\n// \t// })\n// \t// .sortKeys((a, b) => (new Number(a) - new Number(b)))\n// .key(d => d3.timeMonth.floor(d.citing_year)).sortKeys((a, b) => (new Date(a) - new Date(b)))\n// \t.rollup(leaves => d3.sum(leaves, l => l.cited_total))\n// \t.entries(data).map(function(m) {\n// return {\n// \tvalue: m.value,\n// key: new Number(m.key)\n// }\n// })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":138,"value":"types = d3.nest()\n\t.key(d => d.cited_name )\n\t.rollup(scholars => ({\n // total: cited_total_range(scholars),\n total: d3.sum(scholars, s => s.cited_total),\n scale: d3.scaleSqrt()\n \t.domain([0, d3.max(scholars, s => s.cited_total)])\n \t.range([0, rowHeight / 2]),\n count: scholars.length\n }))\n\t.object(data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":296,"value":"typeEntries = d3.entries(types)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":883,"value":"// types = {\n// const typee = [];\n// fullTypeEntries.forEach(function (t){\n// if (t.value.total >= totalCitations) {\n// const keyT = t.key;\n// typee.push({\n// [keyT]: {\n// total: t.value.total,\n// scale: t.value.scale,\n// count: t.value.count\n// }\n// })\n// }\n// })\n// console.log(typee)\n// return Object.assign({}, ...typee);\n// // return typee;\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":918,"value":"// typeEntries = d3.entries(types)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":140,"value":"x = d3.scaleTime()\n\t.domain([\n d3.timeYear.floor(d3.min(data, d => d.citing_year)), \n d3.timeYear.ceil(d3.max(data, d => d.citing_year))\n ])\n\t.range([50, innerWidth - 200])\n\n// x = d3.scaleTime()\n// // .domain([(d3.min(data, d => d.citing_year)), (d3.max(data, d => d.citing_year))])\n// .domain([d3.timeYear.floor(d3.min(data, d => d.citing_year)), d3.timeYear.ceil(d3.max(data, d => d.citing_year))])\n// \t.range([50, innerWidth - 200])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":295,"value":"x2 = d3.scaleLinear()\n\t.domain([0, d3.max(typeEntries, d => d.value.total)])\n\t.range([x.range()[1] + 16, innerWidth])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":163,"value":"y = d3.scaleOrdinal()\n\t.domain(d3.entries(types).sort((a,b) => {\n console.log(a,b)\n\t return b.value.total - a.value.total\n}).map(t => t.key))\n\t.range(d3.range(numTypes).map(d => (d * (rowHeight + rowPadding)) + rowHeight))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":393,"value":"y2 = d3.scaleLinear()\n\t.domain([0, d3.max(years, d => d.value)])\n\t.range([0, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":481,"value":"exp = d3.scaleSqrt()\n\t.domain([0, 1])\n\t.range([0, rowHeight / 2])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":483,"value":"pow = d3.scalePow()\n\t.exponent(10)\n\t.domain([0, d3.max(data, d => d.cited_total)])\n\t// .domain([0, totalCitations)\n\t.range([0, 1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":464,"value":"r = function(d) {\n return exp(pow(d)); \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":191,"value":"xAxis = g => g.attr(\"transform\", `translate(0, ${numTypes * (rowHeight + rowPadding) + rowHeight})`)\n .call(d3.axisBottom(x).ticks(innerWidth / 100).tickFormat(multiFormat))\n .call(g => g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":234,"value":"numTypes = d3.keys(types).length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":114,"value":"dateParse = d3.timeParse(\"%m/%d/%Y\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":458,"value":"multiFormat = {\n var formatMillisecond = d3.timeFormat(\".%L\"),\n formatSecond = d3.timeFormat(\":%S\"),\n formatMinute = d3.timeFormat(\"%I:%M\"),\n formatHour = d3.timeFormat(\"%I %p\"),\n formatDay = d3.timeFormat(\"%a %d\"),\n formatWeek = d3.timeFormat(\"%b %d\"),\n formatMonth = d3.timeFormat(\"%b\"),\n formatYear = d3.timeFormat(\"%Y\");\n\n function multiFormat(date) {\n console.log(date)\n return (d3.timeSecond(date) < date ? formatMillisecond\n : d3.timeMinute(date) < date ? formatSecond\n : d3.timeHour(date) < date ? formatMinute\n : d3.timeDay(date) < date ? formatHour\n : d3.timeMonth(date) < date ? (d3.timeWeek(date) < date ? formatDay : formatWeek)\n : d3.timeYear(date) < date ? formatMonth : formatYear)(date);\n}\n return multiFormat;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 31:"$30:body"