2e:null 2f:["$","title",null,{"children":"Open Alex Data Evolution | Prototyperspective | Observable"}] 34:T78e,// Observable cell: fetch counts_by_year for all fields (concepts) // Assumptions: you have an array `fields` like [{id: "C121332964", display_name: "Field A"}, ...] // If the notebook had a different fields list variable name, replace 'fields' accordingly. // Helper: fetch grouped counts for one concept id (conceptId should be numeric or "Cxxxxx") async function fetchCountsForConcept(conceptId) { // ensure concept id is in OpenAlex URL form const PER_PAGE = 200; // max 200 for OpenAlex const YEAR_START = 2015; const YEAR_END = 2025; const conceptUrl = conceptId.toString().startsWith("http") ? conceptId : `https://openalex.org/${conceptId.toString().toUpperCase()}`; const yearFilter = `publication_year:${YEAR_START}-${YEAR_END}`; const rawFilterValue = `${yearFilter},concepts.id:${conceptUrl}`; // encode but keep slashes so OpenAlex receives the URL form const encodedFilter = encodeURIComponent(rawFilterValue).replace(/%2F/g, '/'); const params = new URLSearchParams({ filter: `${yearFilter},concepts.id:${conceptUrl}`, group_by: 'publication_year', per_page: String(PER_PAGE) }); const url = `https://api.openalex.org/works?${params.toString()}`; console.log('OpenAlex URL', url); const resp = await fetch(url); const json = await resp.json(); console.log('OpenAlex response group_by', json.group_by, 'full', json); // robust extract of count value const rows = (json.group_by || []).map(d => ({ year: +d.key, works_count: +(d.value ?? d.count ?? d.results ?? 0), cited_by_count: 0 // OpenAlex group_by on works doesn't return cited_by_count; keep 0 or compute separately if needed })); const mapByYear = new Map(rows.map(r => [r.year, r])); const filled = []; for (let y = YEAR_START; y <= YEAR_END; y++) { const rec = mapByYear.get(y) || { year: y, works_count: 0, cited_by_count: 0 }; filled.push(rec); } return filled; }35:T610,viewof change_line = (() => { // convert counts_by_year_all (id -> [{year, works_count, ...}, ...]) // into an array: [{year, category, works_count, cited_by_count}, ...] const rows = []; const idToName = (typeof fields !== "undefined" && Array.isArray(fields)) ? Object.fromEntries(fields.map(f => [f.id ?? f, f.display_name ?? f.id ?? f])) : {}; for (const [id, arr] of Object.entries(counts_by_year_all || {})) { const category = idToName[id] || id; for (const r of (arr || [])) { rows.push({ year: r.year, category, works_count: r.works_count ?? 0, cited_by_count: r.cited_by_count ?? 0 }); } } return Plot.plot({ style: "overflow: visible;", color: { type: "ordinal", scheme: "set3", legend: false, columns: "155px" }, x: { tickFormat: (d) => String(d) }, // no thousands separator => "2012" y: { type: "log", grid: true, label: "↑ Change in value (%)", tickFormat: formatChange }, marks: [ Plot.ruleY([1]), Plot.line( rows, Plot.normalizeY({ x: "year", y: y_var, stroke: "category" }) ), Plot.text( rows.slice().sort((x, y) => x.year - y.year), Plot.selectLast( Plot.normalizeY({ x: "year", y: y_var, z: "category", text: "category", textAnchor: "start", dx: 3 }) ) ) ] }); })(); 36:T5bc,viewof stacked_plot = (() => { // convert counts_by_year_all (id -> [{year, works_count, ...}, ...]) // into an array: [{year, category, works_count, cited_by_count}, ...] const rows = []; // If you have a fields array like [{id, display_name}], use it to map ids to names const idToName = (typeof fields !== "undefined" && Array.isArray(fields)) ? Object.fromEntries(fields.map(f => [f.id ?? f, f.display_name ?? f.id ?? f])) : {}; for (const [id, arr] of Object.entries(counts_by_year_all || {})) { const category = idToName[id] || id; for (const r of (arr || [])) { rows.push({ year: r.year, category, works_count: r.works_count ?? 0, cited_by_count: r.cited_by_count ?? 0 }); } } // Ensure numeric year sort if needed rows.sort((a, b) => a.year - b.year); return Plot.plot({ color: { type: "ordinal", scheme: "set3", legend: false, columns: "155px" }, x: { tickFormat: (d) => String(d), },// no thousands separator => "2012" y: { nice: true, ticks: 5, tickFormat: (d) => d3.format("~s")(d), label: "↑ Works" }, marks: [ Plot.areaY( rows, Plot.stackY({ x: "year", y: y_var, // uses selected y variable ("works_count" or "cited_by_count") fill: "category", title: "category" }) ), Plot.ruleY([0]) ] }); })(); 37:T156e,viewof stacked_plot_labeled = (async () => { // build rows array const rows = []; const idToName = typeof fields !== 'undefined' && Array.isArray(fields) ? Object.fromEntries( fields.map((f) => [f.id ?? f, f.display_name ?? f.id ?? f]), ) : {}; for (const [id, arr] of Object.entries(counts_by_year_all || {})) { const category = idToName[id] || id; for (const r of arr || []) { rows.push({ year: r.year, category, works_count: r.works_count ?? 0, cited_by_count: r.cited_by_count ?? 0, }); } } rows.sort((a, b) => a.year - b.year); // years and categories (initial) const years = Array.from(new Set(rows.map((d) => d.year))).sort( (a, b) => a - b, ); const lastYear = years[years.length - 1]; // derive unique categories const categories = Array.from(new Set(rows.map((d) => d.category))); // Create an explicit, deterministic color map to avoid collisions (biology vs medicine). // Use a categorical palette and assign by category name (stable across runs). const palette = [ '#4E79A7', '#F28E2B', '#E15759', '#76B7B2', '#59A14F', 'grey', '#B07AA1', '#FF9DA7', '#9C755F', '#BAB0AC', '#8DD3C7', '#7e7e25', '#BEBADA', '#FB8072', '#80B1D3', ]; // stable hash function to pick color index by category name const hash = (s) => { let h = 2166136261 >>> 0; for (let i = 0; i < s.length; i++) { h ^= s.charCodeAt(i); h += (h << 1) + (h << 4) + (h << 7) + (h << 8) + (h << 24); } return (h >>> 0) % palette.length; }; const colorMap = Object.fromEntries( categories.map((c) => [c, palette[hash(c)]]), ); // If you want to force specific colors for known fields: if (colorMap['biology']) colorMap['biology'] = '#4E79A7'; // blue if (colorMap['medicine']) colorMap['medicine'] = '#E15759'; // red // pivot values by year/category (numeric) const pivot = new Map(); for (const y of years) pivot.set(y, Object.fromEntries(categories.map((c) => [c, 0]))); for (const r of rows) pivot.get(r.year)[r.category] = Number(r[y_var] ?? 0); // Use d3 stack to compute stacking order and y0/y1 for lastYear, to get visual order const valuesMatrix = years.map((y) => categories.map((c) => pivot.get(y)[c])); // Compute stack with d3.stack to mirror Plot.stackY stacking const stack = d3 .stack() .keys(d3.range(categories.length)) .order(d3.stackOrderNone) .offset(d3.stackOffsetNone); const stacked = stack(valuesMatrix); // stacked is array per category index with [ [y0,y1] ... over years ] // Find stacking at lastYear index (last index of years) const lastIndex = years.length - 1; const labelData = []; for (let i = 0; i < categories.length; i++) { const seg = stacked[i][lastIndex]; const y0 = seg[0]; const y1 = seg[1]; const yMid = (y0 + y1) / 2; labelData.push({ category: categories[i], y0, y1, yMid, value: pivot.get(lastYear)[categories[i]] || 0, stackIndex: i, }); } // Order labelData in the same visual order from top to bottom as the stacked areas at lastYear const visualOrder = labelData.slice().sort((a, b) => b.yMid - a.yMid); // measure label widths to set marginRight; larger font for labels //const labelFontSize = 14; const svgNS = 'http://www.w3.org/2000/svg'; const meas = document.createElementNS(svgNS, 'svg'); const textEl = document.createElementNS(svgNS, 'text'); textEl.setAttribute('font-size', '18px'); textEl.setAttribute('font-family', 'sans-serif'); meas.appendChild(textEl); document.body.appendChild(meas); let maxLabelWidth = 0; for (const d of labelData) { textEl.textContent = d.category; const bbox = textEl.getBBox(); if (bbox.width > maxLabelWidth) maxLabelWidth = bbox.width; } document.body.removeChild(meas); const labelPadding = 8; const marginRight = Math.max( 20, Math.ceil(maxLabelWidth + labelPadding + 18), ); // Build the plot. Keep left margin small to align chart to left. const width = 1400; const height = 700; const marginLeft = 60; // compute screen y positions for each category at lastYear (use the stacked yMid values) const yScale = d3.scaleLinear() .domain([0, d3.max(stacked[stacked.length-1].map((d,i)=>d[1]))]) // overall max .range([height - 40, 20]); // match Plot.plot inner vertical range (adjust if needed) // build simple labels array positioned at the right year coordinate const labelRows = visualOrder.map(d => ({ category: d.category, y: d.yMid, x: lastYear // place at last year so Plot places it at right edge })); const plot = Plot.plot({ width, height, style: "font-size: 20px;", marginLeft, marginRight, color: { domain: Object.keys(colorMap), range: Object.values(colorMap), legend: false, }, x: { label: 'year', tickFormat: (d) => String(d), ticks: years }, y: { label: '↑ Works', nice: true, ticks: 5, tickFormat: d3.format('~s'), labelFontSize: 22 }, marks: [ Plot.areaY(rows, Plot.stackY({ x: 'year', y: y_var, fill: 'category' })), Plot.ruleY([0]), // simple text labels placed at the last year x and stacked yMid Plot.text(labelRows, { x: 'x', y: (d) => d.y, text: 'category', fill: (d) => colorMap[d.category], dy: '0.35em', textAnchor: 'start', fontSize: 14 }) ], }); return plot; })(); 38:T42b,viewof category_plot = (async () => { const idToName = (typeof fields !== "undefined" && Array.isArray(fields)) ? Object.fromEntries(fields.map(f => [f.id ?? f, f.display_name ?? f.id ?? f])) : {}; // build rows (was missing) const rows = []; for (const [id, arr] of Object.entries(counts_by_year_all || {})) { const categoryName = idToName[id] || id; for (const r of (arr || [])) { rows.push({ year: r.year, category: categoryName, works_count: r.works_count ?? 0, cited_by_count: r.cited_by_count ?? 0 }); } } // Ensure `category` (selected category string) and `y_var` exist in scope. const rowsForCategory = rows.filter(d => d.category === category); const plot = Plot.plot({ y: { grid: true, nice: true, tickFormat: d => d3.format("~s")(d) }, x: { tickFormat: (d) => String(d), },// no thousands separator => "2012" marks: [ Plot.line(rowsForCategory, { x: "year", y: y_var }), Plot.ruleY([0]) ] }); return plot; })(); 39:Tf36,viewof change_between_first_last = (() => { // Input assumptions: // - counts_by_year_all: { id: [{year, works_count, cited_by_count}, ...], ... } // - fields (optional): [{id, display_name}, ...] // - y_var: string, either "works_count" or "cited_by_count" const idToName = (typeof fields !== "undefined" && Array.isArray(fields)) ? Object.fromEntries(fields.map(f => [f.id ?? f, f.display_name ?? f.id ?? f])) : {}; const rows = []; for (const [id, arr] of Object.entries(counts_by_year_all || {})) { const category = idToName[id] || id; for (const r of (arr || [])) { rows.push({ year: +r.year, category, works_count: Number(r.works_count ?? 0), cited_by_count: Number(r.cited_by_count ?? 0) }); } } const byCategory = new Map(); for (const r of rows) { if (!byCategory.has(r.category)) byCategory.set(r.category, []); byCategory.get(r.category).push(r); } const changes = []; for (const [category, list] of byCategory.entries()) { const sorted = list.slice().sort((a, b) => a.year - b.year); const first = sorted[0]; const last = sorted[sorted.length - 1]; const firstValue = Number(first[y_var] ?? 0); const lastValue = Number(last[y_var] ?? 0); let ratio; if (firstValue === 0 && lastValue === 0) { ratio = 1; } else if (firstValue === 0 && lastValue !== 0) { ratio = Infinity; } else { ratio = lastValue / firstValue; } const pctChange = (ratio === Infinity) ? Infinity : (ratio - 1) * 100; changes.push({ category, firstYear: first.year, lastYear: last.year, firstValue, lastValue, ratio, pctChange }); } const plotData = changes.map(d => ({ category: d.category, ratio: d.ratio === 0 ? 1e-9 : (d.ratio === Infinity ? Number.MAX_VALUE : d.ratio), label: d.ratio === Infinity ? "∞" : (d.pctChange >= 0 ? `+${d.pctChange.toFixed(1)}%` : `${d.pctChange.toFixed(1)}%`), firstYear: d.firstYear, lastYear: d.lastYear, firstValue: d.firstValue, lastValue: d.lastValue })); const formatYAxis = v => { if (!isFinite(v)) return ""; // show ratio as percent change for ticks where meaningful const pct = (v - 1) * 100; return (pct >= 0 ? `+${pct.toFixed(0)}%` : `${pct.toFixed(0)}%`); }; const tooltip = d => { const pct = d.ratio === Infinity ? "∞" : ((d.ratio - 1) * 100).toFixed(1) + "%"; return `${d.category}\n${d.firstYear}: ${d.firstValue}\n${d.lastYear}: ${d.lastValue}\nChange: ${pct}`; }; return Plot.plot({ style: "overflow: visible; width: 100%; height: 420px;", color: { type: "ordinal", scheme: "set3", legend: false }, x: { tickRotate: -30, label: null }, y: { // Linear scale now (not logarithmic) type: "linear", grid: true, label: "↑ Change (ratio)", tickFormat: formatYAxis }, marks: [ // baseline at ratio = 1 (no change) Plot.ruleY([1], { stroke: "#ccc", strokeWidth: 1 }), // points for each category (linear y) Plot.dot(plotData, { x: "category", y: "ratio", fill: "category", r: 5, title: tooltip }), // vertical lines from ratio=1 to the point (on linear scale) Plot.ruleX(plotData, { x: "category", y1: 1, y2: d => d.ratio === Infinity ? Number.MAX_VALUE / 1e6 : d.ratio, stroke: d => (d.ratio === Infinity ? "#000" : (d.ratio > 1 ? "#2c7bb6" : "#d7191c")), strokeWidth: 1, opacity: 0.6 }), // label the percent change above each point Plot.text(plotData, { x: "category", y: d => d.ratio === Infinity ? Number.MAX_VALUE / 1e6 : d.ratio, text: "label", dy: -8, fontSize: 11, textAnchor: "middle" }) ] }); })(); 3a:T1592,viewof change_between_first_last_lines = (() => { // Same assumptions as before: // - counts_by_year_all: { id: [{year, works_count, cited_by_count}, ...], ... } // - fields (optional): [{id, display_name}, ...] // - y_var: string, e.g. "works_count" or "cited_by_count" // // X axis: two years (first, last). Y axis: percent change. // Each category is drawn as a straight line from (firstYear, 0) to (lastYear, pct). // Labels are placed to the right with extra right margin so they don't get clipped. const idToName = (typeof fields !== "undefined" && Array.isArray(fields)) ? Object.fromEntries(fields.map(f => [f.id ?? f, f.display_name ?? f.id ?? f])) : {}; // Flatten rows const rows = []; for (const [id, arr] of Object.entries(counts_by_year_all || {})) { const category = idToName[id] || id; for (const r of (arr || [])) { rows.push({ year: +r.year, category, value: Number(r[y_var] ?? 0) }); } } // Group by category const byCategory = new Map(); for (const r of rows) { if (!byCategory.has(r.category)) byCategory.set(r.category, []); byCategory.get(r.category).push(r); } // Determine global first/last years (x positions) let globalFirst = Infinity, globalLast = -Infinity; for (const list of byCategory.values()) { for (const r of list) { if (r.year < globalFirst) globalFirst = r.year; if (r.year > globalLast) globalLast = r.year; } } if (!isFinite(globalFirst)) return Plot.plot({}); // no data // Build segments: each segment is two explicit points so Plot.line draws a straight segment. const segments = []; const endLabels = []; const highlights = []; for (const [category, list] of byCategory.entries()) { const sorted = list.slice().sort((a, b) => a.year - b.year); const firstRow = sorted.find(r => r.year === globalFirst) ?? sorted[0]; const lastRow = sorted.find(r => r.year === globalLast) ?? sorted[sorted.length - 1]; const firstValue = Number(firstRow?.value ?? 0); const lastValue = Number(lastRow?.value ?? 0); const pct = (firstValue === 0 && lastValue !== 0) ? Infinity : (firstValue === 0 && lastValue === 0) ? 0 : (lastValue / firstValue - 1) * 100; // Two explicit points for each category: left (globalFirst, 0) and right (globalLast, pct) segments.push( { category, x: globalFirst, y: 0, firstValue, lastValue, pct, firstYear: firstRow.year, lastYear: lastRow.year }, { category, x: globalLast, y: pct, firstValue, lastValue, pct, firstYear: firstRow.year, lastYear: lastRow.year } ); endLabels.push({ category, x: globalLast, y: pct, label: pct === Infinity ? "∞" : (pct >= 0 ? `+${pct.toFixed(1)}%` : `${pct.toFixed(1)}%`) }); if (pct === Infinity || Math.abs(pct) > 50) { highlights.push( { category, x: globalFirst, y: 0, x2: globalLast, y2: pct }, { category, x: globalLast, y: pct, x2: globalFirst, y2: 0 } ); } } const tooltip = d => { const pct = d.pct === Infinity ? "∞" : (d.pct || 0).toFixed(1) + "%"; return `${d.category}\nFirst (${d.firstYear}): ${d.firstValue}\nLast (${d.lastYear}): ${d.lastValue}\nChange: ${pct}`; }; // Increase right margin so labels on the right are not clipped const rightMargin = 200; return Plot.plot({ style: "overflow: visible; width: 100%; height: Math.max(260, endLabels.length * 14) + 'px';", marginRight: rightMargin, marginLeft: 80, x: { domain: [globalFirst, globalLast], ticks: [globalFirst, globalLast], tickFormat: d => String(d), label: null }, y: { label: "↑ Percent change", grid: true, tickFormat: v => (v === Infinity ? "∞" : (v >= 0 ? `+${v.toFixed(0)}%` : `${v.toFixed(0)}%`)) }, color: { type: "ordinal", scheme: "set3", legend: false }, marks: [ // Draw lines: group points by category into connected segments. // Plot.line with z="category" will connect the two points per category. Plot.line(segments, { x: "x", y: "y", stroke: "category", z: "category", strokeWidth: 1.25, opacity: 0.5, curve: "linear", defined: d => isFinite(d.y) }), // Thicker highlighted lines for >50% change Plot.line(highlights, { x: d => [d.x, d.x2], y: d => [d.y, d.y2], stroke: "category", strokeWidth: 3, opacity: 1, curve: "linear" }), // endpoint dots on the right (last year) Plot.dot(endLabels, { x: "x", y: "y", fill: "category", r: 4, title: d => `${d.category}\nChange: ${d.label}\nΔ = ${d.y.toFixed ? d.y.toFixed(1) : d.y}` }), // category labels and percent labels to the right, shifted so they sit outside plot area Plot.text(endLabels, { x: d => d.x + (globalLast - globalFirst) * 0.02, // slight offset to the right of last tick y: "y", text: "category", dx: 6, dy: 6, fontSize: 11, textAnchor: "start" }), Plot.text(endLabels, { x: d => d.x + (globalLast - globalFirst) * 0.02, y: "y", text: "label", dx: 6, dy: -8, fontSize: 11, textAnchor: "start" }), // baseline at left year: 0% Plot.ruleY([0], { stroke: "#eee", strokeWidth: 1 }) ] }); })(); 3b:[] 32:{"id":"0c3849c6a3278e4e","slug":"open-alex-studies","title":"Open Alex Data Evolution","thumbnail":"47780e48ae9c6784543a10b1a802c50478bb672cdc84914cc33668b376e88791","access_level":"public","create_time":"$D2026-04-06T15:33:36.853Z","update_time":"$D2026-04-07T13:11:08.415Z","view_time":null,"first_public_time":"$D2026-04-06T15:33:36.853Z","has_unpublished_edits":null,"fork":{"id":"d57b9c60a2a65c01","slug":"open-alex-data-evolution-2","title":"Open Alex Data Evolution – working plots at https://observablehq.com/d/0c3849c6a3278e4e","owner":{"id":"cf7aee6c529d7d8f","login":"prototyperspective","name":"Prototyperspective"}},"stars":1,"starred":false,"owner":{"type":"team","id":"cf7aee6c529d7d8f","login":"prototyperspective","name":"Prototyperspective","avatar_url":"https://avatars-next.observableusercontent.com/32ea0a5c6d1c9715bc78902f8502fb99cb8e0bb62be9283f005eb173a4a66ef2","tier":"starter_2024"},"version":484,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"428811d800d9d16a","login":"prototype-rspective","name":"Prototype-rspective","avatar_url":"https://avatars-next.observableusercontent.com/60d6d453084e7529607decb8aba1d0593734d0c4b7404d44deeb2993a09be33e","tier":null}],"members":[{"type":"team","id":"cf7aee6c529d7d8f","login":"prototyperspective","name":"Prototyperspective","avatar_url":"https://avatars-next.observableusercontent.com/32ea0a5c6d1c9715bc78902f8502fb99cb8e0bb62be9283f005eb173a4a66ef2","tier":"starter_2024","role":"editor"},{"type":"individual","id":"428811d800d9d16a","login":"prototype-rspective","name":"Prototype-rspective","avatar_url":"https://avatars-next.observableusercontent.com/60d6d453084e7529607decb8aba1d0593734d0c4b7404d44deeb2993a09be33e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Open Alex Data Evolution","cells":[{"id":4,"value":"# Open Alex Data Evolution\n\nEvolution of data in Open Alex / metascience on growth of scientific output\n\nDetails: https://twitter.com/OpenAlex_org/status/1489644301042683908\nhttps://commons.wikimedia.org/wiki/File:Academic_papers_by_discipline_(visualization_of_2012%E2%80%932021_OpenAlex_data;_v2).png\n\nPlease be aware that number of published papers is NOT a good measure of achievement or progress. It could even indicate a problem because people can only read, overpublishing, etc.\n\n $\"Creative$
These charts and code is licensed under a Creative Commons Attribution 4.0 International License.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":202,"value":"viewof y_var = Inputs.radio([\"works_count\", \"cited_by_count\"], {\n value: \"works_count\",\n label: \"y variable\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"html`\n\n${viewof stacked_plot_labeled}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":343,"value":"\n

\n${viewof stacked_plot.legend(\"color\", { columns: \"155px\" })}\n${viewof stacked_plot}","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":419,"value":"$${viewof change_line}\nIf you can fix the vertical overlap, please let me know (eg Commons User Prototyperspective) – workaround is editing the SVG export in inkscape","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":170,"value":"html`${viewof data_table}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"html`\n${viewof category}\n${viewof category_plot}\n${viewof category_table}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"Plot.plot({\n x: { nice: true, ticks: 20, tickFormat: (d) => d === Math.floor(d) ? d3.format(\"~s\")(Math.pow(10, d)) : \"•\", label: \"Works Count\" },\n y: { nice: true, ticks: 20, tickFormat: (d) => d === Math.floor(d) ? d3.format(\"~s\")(Math.pow(10, d)) : \"•\", label: \"Cited By Count\" },\n marks: [\n Plot.dot(fields, {\n y: d => Math.log10(d.cited_by_count || NaN),\n x: d => Math.log10(d.works_count || NaN),\n fill: \"black\",\n title: d => d.display_name\n }),\n Plot.text(fields, {\n y: d => Math.log10(d.cited_by_count || NaN),\n x: d => Math.log10(d.works_count || NaN),\n text: d => d.display_name,\n dy: 8, // move label below the dot (adjust px)\n fontSize: 7, // adjust size as needed\n textAnchor: \"middle\", // center under the dot\n fill: \"black\",\n pointerEvents: \"none\" // let mouse events reach the dot\n })\n ]\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":473,"value":"$${viewof change_between_first_last_lines}","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":476,"value":"$${viewof change_between_first_last}","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":225,"value":"OPEN_ALEX_URL = \"https://api.openalex.org/concepts?filter=level:0&sort=works_count:desc\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"response = d3.json(OPEN_ALEX_URL)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"fields = response.results","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"viewof data_table = Inputs.table(fields)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"// a brave function that takes a sample value and returns the interval that contains it\ntitle = ([d]) => {\n const lo = Math.pow(10, Math.floor(Math.log10(d) * 5) / 5);\n const hi = Math.pow(10, (1 + Math.floor(Math.log10(d) * 5)) / 5);\n return `[${Math.floor(lo)}-${Math.floor(hi - 1)}]`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"viewof category = Inputs.select(fields.map((d) => d.display_name))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"formatChange = {\n const format = d3.format(\"+d\");\n return (x) => format((x - 1) * 100);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"// Main: fetch for all fields in parallel (throttle if too many)\nasync function fetchAllFieldsCounts(fields) {\n // fields: array of objects {id: \"Cxxxxx\", display_name: \"...\"} or strings of ids\n const ids = fields.map(f => typeof f === \"string\" ? f : f.id);\n // Run in parallel but you can throttle if API limits hit; here parallel for speed.\n const promises = ids.map(id => fetchCountsForConcept(id).then(data => ({ id, data })));\n const results = await Promise.all(promises);\n // Return mapping id -> array of {year, works_count}\n const out = Object.fromEntries(results.map(r => [r.id, r.data]));\n return out;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":262,"value":"// Example usage: replace 'fields' with the notebook's fields list variable\n// const counts_by_year_all = await fetchAllFieldsCounts(fields);\ncounts_by_year_all = await fetchAllFieldsCounts(fields);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"$37","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"$38","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":400,"value":"viewof category_table = Inputs.table(\n fields\n .filter((d) => d.category == category)\n .sort((x, y) => x.year - y.year)\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":438,"value":"$39","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"$3a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3b","stdlib":"1","titling":"auto"}} 33:"$32:body"