2e:null 2f:["$","title",null,{"children":"NYPL Top Books 2019 | Alec Barrett | Observable"}] 34:Taa2,map = { //// https://observablehq.com/@tmcw/leaflet // You'll often see Leaflet examples initializing a map like L.map('map'), // which tells the library to look for a div with the id 'map' on the page. // In Observable, we instead create a div from scratch in this cell, so it's // completely self-contained. let container = DOM.element('div', { style: `width:${width}px;height:${width*1.25}px` }); // Note that I'm yielding the container pretty early here: this allows the // div to be placed on the page. This is important, because Leaflet uses // the div's .offsetWidth and .offsetHeight to size the map. If I were // to only return the container at the end of this method, Leaflet might // get the wrong idea about the map's size. yield container; const o = 0.0038 const u = 0.003 // Now we create a map object and add a layer to it. let map = L.map(container).setView([40.75, -73.97], 11); let osmLayer = L.tileLayer('https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}@2x.png', { attribution: 'Wikimedia maps beta | © OpenStreetMap contributors' }).addTo(map); branches.forEach(b => { const [Lon, Lat] = b.the_geom.coordinates; let top = topByBranch[b.name]; let topTitle = top[0][0] let topCount = countByBranch.get(topTitle) let color = topCount > 2 ? colors[topTitle] : topCount === 2 ? d3.schemeCategory10[3] : d3.schemeCategory10[7] let sameAsBoro = topTitle === top10s[b.borocode][0][0]; if (sameAsBoro) { L.circle([Lat, Lon], { color, radius: 400, opacity: 0.8 }).addTo(map) .bindPopup(`${b.name}
${top.map(e => `

${e[0]} (${e[1]})

`).join('')} `) } else { let coords = [[Lat - u, Lon + o], [Lat + u, Lon - o]] L.rectangle(coords, { color, opacity: 0.8 }).addTo(map) .bindPopup(`${b.name}
${top.map(e => `

${e[0]} (${e[1]})

`).join('')} `) } }) //// https://leafletjs.com/examples/choropleth/ var legend = L.control({position: 'bottomright'}) legend.onAdd = function(map){ var div = L.DomUtil.create('div', 'info legend') const legendRows = [ ...Object.entries(colors), ['Other (2)', d3.schemeCategory10[3]], ['Other (1)', d3.schemeCategory10[7]] ] legendRows .forEach(([k,v]) => { div.innerHTML += `${k}
` }) div.innerHTML += `

Same as boro #1

` div.innerHTML += `

Different from boro #1

` return div; } legend.addTo(map); }35:T77b,table = { const w = 500; const h = 400; const m = 20; const dim = 12; const svg = d3.select(DOM.svg(w, h)) const ranker = e => { let res = e.find(d => d[3] === 'system') return res ? 10 - res[0] : -1 } const rows = Array.from(tableData.keys()).sort((a,b) => ranker(tableData.get(b)) - ranker(tableData.get(a))) const cols = Object.keys(top10s) const x = d3.scaleBand().domain(cols).range([w/2, w - 2*m]) const y = d3.scaleBand().domain(rows).range([2*m, h]) const colorScale = d3.scaleSequential(d3.interpolateGreys).domain([10, 0]) const headerLabels = { '1': 'MN', '2': 'BX', '5': 'SI', 'system': 'NYPL' } svg.selectAll('.header') .data(cols) .join('text') .attr('class', 'header') .attr('x', d => 3*dim + x(d)) .attr('y', m) .text(d => headerLabels[d]) .style('font-size', '10px') .attr('text-anchor', 'middle') const row = svg.selectAll('.row') .data(rows) .join(enter => { enter = enter.append('g').attr('class', 'row') enter.append('text') .attr('class', 'title') .text(d => d.length > 27 ? d.slice(0,27)+'...' : d) .style('font-size', '10px') enter.append('text') .attr('x', w/4 + 10) .attr('class', 'author') .text(d => { const a = tableData.get(d)[0][2]; if (a.split(' ').length > 3) { return a.split(' ').slice(0, 2).join(' ')+'...' } return a; }) .style('font-size', '10px') return enter; }) .attr('class', 'row') .attr('transform', d => `translate(${m}, ${y(d)})`) row .selectAll('.cell') .data(d => tableData.get(d)) .join('rect') .attr('class','cell') .attr('x', d => x(d[3])) .attr('y', -dim + 2) .attr('height', dim) .attr('width', 3*dim) .attr('fill', d => colorScale(d[0])) return svg.node() }36:T70a,top10s = { let data = { system: `Becoming by Michelle Obama Educated: A Memoir by Tara Westover Little Fires Everywhere by Celeste Ng A Spark of Light by Jodi Picoult Where the Crawdads Sing by Delia Owens Pachinko by Min Jin Lee Circe by Madeline Miller Nine Perfect Strangers by Liane Moriarty Bad Blood: Secrets and Lies in a Silicon Valley Startup by John Carreyrou Milkman by Anna Burns`, "2": `Becoming by Michelle Obama Educated: A Memoir by Tara Westover Ambush by James Patterson and James O. Born The Chef by James Patterson A Spark of Light by Jodi Picoult Liar Liar by James Patterson and Candice Fox The 18th Abduction by James Patterson and Maxine Paetro Long Road to Mercy by David Baldacci Target: Alex Cross by James Patterson The House Next Door by James Patterson, Tim Arnold, Max DiLallo, and Susan DiLallo`, "1": `Becoming by Michelle Obama Educated: A Memoir by Tara Westover Little Fires Everywhere by Celeste Ng Circe by Madeline Miller Pachinko by Min Jin Lee Bad Blood: Secrets and Lies in a Silicon Valley Startup by John Carreyrou Milkman by Anna Burns Where the Crawdads Sing by Delia Owens Nine Perfect Strangers by Liane Moriarty An American Marriage by Tayari Jones`, "5": `A Spark of Light by Jodi Picoult Ambush by James Patterson and James O. Born The Reckoning by John Grisham Target: Alex Cross by James Patterson Liar Liar by James Patterson and Candice Fox The Chef by James Patterson Turning Point by Danielle Steel The House Next Door by James Patterson, Tim Arnold, Max DiLallo, and Susan DiLallo Unsolved, Book 2 by James Patterson and David Ellis Juror No. 3 by James Patterson and Nancy Allen` } for (let k in data) { data[k] = parse(data[k]) } return data; } 37:T163d,topByBranch = `Allerton – Becoming by Michelle Obama Baychester – Becoming by Michelle Obama Belmont Library and Enrico Fermi Cultural Center – The Caregiver by Samuel Park Bronx Library Center – Becoming by Michelle Obama Castle Hill – Becoming by Michelle Obama City Island – Redemption (Book 5) by David Baldacci Clason's Point – The Bronx by Marcus Weber Eastchester – The Vitamin Cure: Clinically Proven Remedies to Prevent and Treat 75 Chronic Diseases and Conditions by Monte Lai, Ph.D Edenwald – Influence by Carl Weber Francis Martin – A Game of Thrones Book 1 by George R.R. Martin Grand Concourse – The Handmaid’s Tale by Margaret Atwood High Bridge – The Bronx by Marcus Weber Hunts Point – When I Was Puerto Rican by Esmeralda Santiago Jerome Park – Betty Crocker learn with Betty: Essential Recipes and the Techniques to Become a Confident Cook by Betty Crocker Kingsbridge – Becoming by Michelle Obama Melrose – Becoming by Michelle Obama Morris Park – Becoming by Michelle Obama Morrisania – Murder in Paradise by James Patterson Mosholu – Murder in Paradise by James Patterson Mott Haven – The Black Market by Kiki Swinson Parkchester – Traffic Enforcement Agent by Jack Rudman Pelham Bay – Under Current by Nora Roberts Pelham Parkway-Van Nest – Crazy Rich Asians by Kevin Kwan; Fahrenheit 451 by Ray Bradbury Riverdale – Educated: A Memoir by Tara Westover Sedgwick – Jane Austen’s Women: An Introduction by Kathleen Anderson Soundview – Where the Crawdads Sing by Delia Owens Spuyten Duyvil – Educated: A Memoir by Tara Westover Throg's Neck – Liar Liar by James Patterson and Candice Fox Tremont – Ambush by James Patterson Van Cortlandt – I Know Why the Caged Bird Sings by Maya Angelou Wakefield – Provisions: The Roots of Caribbean Cooking--150 Vegetarian Recipes by Michelle and Suzanne Rousseau West Farms – The Black Market by Kiki Swinson Westchester Square – New York City SHSAT Specialized High Schools Admissions Test by Gilbert Kessler, Anne Villeponteaux and Lawrence Zimmerman Woodlawn Heights – We Are Not Ourselves by Matthew Thomas Woodstock – The Meaning of Happiness: The Quest for Freedom of the Spirit in Modern Psychology and the Wisdom of the East by Alan Watts; Networking All-In-One for Dummies by Doug Lowe; Scrappy Little Nobody by Anna Kendrick 125th Street – Torn bythe Code by Eureka 53rd Street – Becoming by Michelle Obama 58th Street – Educated: A Memoir by Tara Westover 67th Street – A Spark of Light by Jodi Picoult 96th Street – Educated: A Memoir by Tara Westover Aguilar – Becoming by Michelle Obama Andrew Heiskell Braille and Talking Book – Becoming by Michelle Obama Battery Park City Library – Manhattan Beach by Jennifer Egan Bloomingdale – A Spark of Light by Jodi Picoult Chatham Square – Crazy Rich Asians by Kevin Kwan Columbus – Educated: A Memoir by Tara Westover Countee Cullen – We Were Eight Years in Power: An American Tragedy by Ta–Nahesi Coates Epiphany – Educated: A Memoir by Tara Westover Fort Washington – Becoming by Michelle Obama George Bruce – Becoming by Michelle Obama Grand Central – Educated: A Memoir by Tara Westover Hamilton Fish Park – Becoming by Michelle Obama Hamilton Grange – Becoming by Michelle Obama Harlem – Becoming by Michelle Obama 115th Street – Becoming by Michelle Obama Hudson Park – Educated: A Memoir by Tara Westover Inwood – Becoming by Michelle Obama Jefferson Market – Manhattan Beach by Jennifer Egan Kips Bay – Educated: A Memoir by Tara Westover Library for the Performing Arts, Dorothy and Lewis B. Cullman Center – Circle Mirror Transformation by Annie Baker Macomb's Bridge – John Woman by Walter Moseley Mid-Manhattan – The Reckoning by John Grisham Morningside Heights – Educated: A Memoir by Tara Westover Muhlenberg – Becoming by Michelle Obama Mulberry Street – Educated: A Memoir by Tara Westover New Amsterdam – Dollars and Sense: How We Misthink Money and How to Spend Smarter by Dan Ariely and Jeff Kreisler Ottendorfer – Educated: A Memoir by Tara Westover Riverside – Educated: A Memoir by Tara Westover Roosevelt Island – Becoming by Michelle Obama Science, Industry and Business Library (SIBL) – Mindset: The New Psychology of Success by Carol S. Dweck Seward Park – Pachinko by Min Jin Lee St. Agnes – Becoming by Michelle Obama Terence Cardinal Cooke-Cathedral – Clockmaker's Daughter by Kate Morton Tompkins Square – Circe by Madeline Miller Washington Heights – Circe by Madeline Miller Webster – Nine Perfect Strangers by Liane Moriarty Yorkville – Nine Perfect Strangers by Liane Moriarty Dongan Hills – Unsolved, Book 2 by James Patterson and David Ellis Great Kills – Liar Liar by James Patterson and Candice Fox Huguenot Park – A Spark of Light by Jodi Picoult Mariners Harbor – Becoming by Michelle Obama New Dorp – Ambush by James Patterson and James O. Born Port Richmond – Fire & Blood: 300 Years Before a Game of Thrones by George R.R Martin Richmondtown – A Spark of Light by Jodi Picoult South Beach – Pachinko by Min Jin Lee St. George Library Center – Target: Alex Cross by James Patterson Stapleton – 1984 by George Orwell Todt Hill-Westerleigh – A Spark of Light by Jodi Picoult Tottenville – The Reckoning by John Grisham West New Brighton – Becoming by Michelle Obama`.split('\n\n').reduce((t,d)=> { let s = d.split(/\s–\s/gi) t[s[0].trim()] = s[1].split('; ').map(e => e.split(' by ').map(f => f.trim())) return t; }, {})38:[] 32:{"id":"5d5ddf99efd0c18f","slug":"nypl-top-books-2019","title":"NYPL Top Books 2019","thumbnail":"b818e4b11ba551453b4508558fd7ac11969959848a3e834ec1b66bbf891ec8bb","access_level":"public","create_time":"$D2019-12-19T16:47:40.082Z","update_time":"$D2019-12-19T20:19:48.839Z","view_time":null,"first_public_time":"$D2019-12-19T18:47:54.540Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"a22e826d0f3dc150","login":"anbnyc","name":"Alec Barrett","avatar_url":"https://avatars-next.observableusercontent.com/f36768e14bb49782102d13478101b1a5552af4ab66dea95cad1b7e8157bafdff","tier":"starter_2024"},"version":465,"publish_version":465,"role":null,"authored":false,"authors":[{"type":"individual","id":"3efd68de913f5c25","login":"anbnyc","name":"Alec Barrett","avatar_url":"https://avatars-next.observableusercontent.com/f36768e14bb49782102d13478101b1a5552af4ab66dea95cad1b7e8157bafdff","tier":null}],"members":[{"type":"individual","id":"3efd68de913f5c25","login":"anbnyc","name":"Alec Barrett","avatar_url":"https://avatars-next.observableusercontent.com/f36768e14bb49782102d13478101b1a5552af4ab66dea95cad1b7e8157bafdff","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"533c7feeda5998ae","slug":"visualizations","title":"Visualizations","owner":{"id":"a22e826d0f3dc150","login":"anbnyc","name":"Alec Barrett"}},"type":"notebook","body":{"title":"NYPL Top Books 2019","cells":[{"id":0,"value":"md`# NYPL Top Books 2019`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"md`The New York Public Library announced its [top checkouts of 2019](https://www.nypl.org/press/press-release/december-18-2019/new-york-public-library-shares-top-checkouts-2019-becoming).\n\nMichelle Obama's *Becoming* was the favorite across the system, in the Bronx, and in Manhattan. It was also the #1 checkout in a plurality of branches (22), followed by *Educated: A Memoir* (Tara Westover, 13 branches) and *A Spark of Light* (Jodi Picoult, 5 branches), which was also Staten Island's #1 checkout.` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"md`Not all books were equally popular across the boroughs. This chart shows the top 10 books in each borough and in the system as a whole. Twenty-two books appeared on these lists in different combinations.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":367,"value":"legend({\n color: d3.scaleSequential([1, 10], t => d3.interpolateGreys(1 - t)),\n title: \"Rank in Borough/System\",\n tickValues: [1, 10]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"width = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"colors = ({\n 'Becoming': d3.schemeCategory10[0],\n 'Educated: A Memoir': d3.schemeCategory10[1],\n 'A Spark of Light': d3.schemeCategory10[2]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"countByBranch = d3.rollup(\n [].concat(...Object.values(topByBranch)), \n values => values.length, \n d => d[0]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"tableData = d3.rollup(\n [].concat(...Object.entries(top10s).map(([k,v]) => v.map((d,i) => [i, ...d, k]) )),\n values => values,\n d => d[1]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"parse = d => d.split('\\n\\n').map(d => d.split(' by '))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"branches = (await d3.json('https://data.cityofnewyork.us/resource/feuq-due4.json?system=NYPL')).filter(b => ['1034194', '1058276'].indexOf(b.bin) === -1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require('d3', 'd3-array@2')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"L = require('leaflet@1.6.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 33:"$32:body"