2c:null 2d:["$","title",null,{"children":"Library Usage Visualizations Workbook | Erik Loyer | Observable"}] 32:[] 30:{"id":"9ad8c051b9b73646","slug":"library-usage-visualizations-workbook","title":"Library Usage Visualizations Workbook","thumbnail":"d6dce7622c66d306070bf0f102086e60d34064149a37bebb2b642b842bf81499","access_level":"public","create_time":"$D2018-04-18T22:25:47.435Z","update_time":"$D2018-04-19T18:54:08.521Z","view_time":null,"first_public_time":"$D2018-04-27T19:55:07.624Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"59ba702b322f22b3","login":"eloyer","name":"Erik Loyer","avatar_url":"https://avatars-next.observableusercontent.com/7004b2c7e7db847b1b0f9337df52eb42b76d022be00450c37e88d11bb432dc37","tier":"starter_2024"},"version":255,"publish_version":255,"role":null,"authored":false,"authors":[{"type":"individual","id":"3d47403553555108","login":"eloyer","name":"Erik Loyer","avatar_url":"https://avatars-next.observableusercontent.com/7004b2c7e7db847b1b0f9337df52eb42b76d022be00450c37e88d11bb432dc37","tier":null}],"members":[{"type":"individual","id":"3d47403553555108","login":"eloyer","name":"Erik Loyer","avatar_url":"https://avatars-next.observableusercontent.com/7004b2c7e7db847b1b0f9337df52eb42b76d022be00450c37e88d11bb432dc37","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Library Usage Visualizations Workbook","cells":[{"id":0,"value":"md`# Library Usage Visualizations Workbook`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"md`Select the book you want to visualize:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"viewof documentId = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"md`## Page Read Counts\n\nVisualization of page read counts for the selected book. Taller spikes = higher read counts (normalized per book). Pages are distributed clockwise at equal angles around the center, starting with page 1 at the top, and ending with the highest known page number (also at the top).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"{\n const svg = DOM.svg(300,300);\n let generator = d3.radialArea()\n .innerRadius(innerRadius)\n .outerRadius(function(d) { return (innerRadius - 1) + ((d[1] / parseFloat(maxPagesRead)) * (outerRadius - innerRadius)); });\n let radialLine = generator(radialData);\n d3.select(\"svg\").selectAll(\"*\").remove();\n let g = svg.appendChild(DOM.element(\"svg:g\", {transform: \"translate(150,150)\"}));\n d3.select(g)\n .append('path')\n .attr('d', radialLine);\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"md`You can play with the inner and outer radii of the visualization below:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"viewof innerRadius = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"viewof outerRadius = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"md`# Appendices`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"usageData = d3.csv(\"https://gist.githubusercontent.com/eloyer/2767b8b8a3d47ca4f354924483cc71fd/raw/96a7eb4af2f0932a7fc83874f15ca226a5a83157/02-UsageReport424962(1)_redacted.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"books = {\n let books = [];\n let bookData = {};\n let n = usageData.length;\n for (let i=0; i textB) ? 1 : 0;\n });\n return books;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"pagesRead = {\n let pagesRead = [];\n let n = usageData.length;\n for (let i=0; i 2) {\n whichPagesRead = whichPagesRead.substr(1, whichPagesRead.length - 2);\n let whichPagesArr = whichPagesRead.split(\",\");\n let o = whichPagesArr.length;\n for (let j=0; j