29:null 2a:["$","title",null,{"children":"Salmon Species Richness and Hatcheries | Mathew Brown | Observable"}] 2f:T16b9,exampleMap = { const svg = d3 .create("svg") .attr("viewBox", [0, 0, widthFixed, maxHeight]) .style("background-color", "#28879B"); // svg // .append("g") // .attr("class", "legend") // .attr("transform", `translate(${20}, ${maxHeight * 0.8})`) // .append(() => // Legend( // d3.scaleThreshold( // [0, 1, 2, 3, 4, 5, 6], // [ // "#f3f3f3", // "#f1e3d7", // "#e6cdb7", // "#dcbb9d", // "#d5ac89", // "#cfa178", // "#c9986a" // ] // ), // { // title: "Number of species →", // width: 260, // tickSize: 0 // } // ) // ); let current_circle = undefined; // generate the shapes we want - this case bc const path = d3.geoPath().projection(projection); // const path1 = d3.geoPath().projection(projection); const path1 = d3.geoPath(); d3.selectAll(".tooltip").remove(); const tooltip = d3 .select("body") .append("div") .attr("class", "svg-tooltip") .style("position", "absolute") .style("visibility", "hidden"); // create the svg of our features // Add stations! // svg // .append("g") // .selectAll("path") // .data(daWorld) // .join("path") // .attr("d", path) // .attr("fill", "#f3f3f3"); svg .append("g") .selectAll("path") .data(states.features) .enter() .append("path") .attr("fill", "none") .attr("stroke", "#959591") .style("stroke-opacity", 0.5) .attr("d", path) .attr("fill", "#DFDDD8"); svg .append("g") .selectAll("path") .data(CAProvincesGeoJSON.features) .enter() .append("path") .attr("fill", "none") .attr("stroke", "#959591") .style("stroke-opacity", 0.5) .attr("d", path) .attr("fill", "#DFDDD8"); if (SpeciesShow != "All") { svg .append("g") .selectAll("path") .data(allFishGeo[SpeciesShow]) .join("path") .attr("d", path) // .attr("stroke", "#aaa") .attr("vector-effect", "non-scaling-stroke") .attr("fill", basinColor) .attr("opacity", basinOpacity); } if (SpeciesShow === "All") { svg .append("g") .selectAll("path") .data(allFishGeo["Chum"]) .join("path") .attr("d", path) // .attr("stroke", "#aaa") .attr("vector-effect", "non-scaling-stroke") .attr("fill", basinColor) .attr("opacity", basinOpacity); svg .append("g") .selectAll("path") .data(allFishGeo["Steelhead"]) .join("path") .attr("d", path) // .attr("stroke", "#aaa") .attr("vector-effect", "non-scaling-stroke") .attr("fill", basinColor) .attr("opacity", basinOpacity); svg .append("g") .selectAll("path") .data(allFishGeo["Pink"]) .join("path") .attr("d", path) // .attr("stroke", "#aaa") .attr("vector-effect", "non-scaling-stroke") .attr("fill", basinColor) .attr("opacity", basinOpacity); svg .append("g") .selectAll("path") .data(allFishGeo["Chinook"]) .join("path") .attr("d", path) // .attr("stroke", "#aaa") .attr("vector-effect", "non-scaling-stroke") .attr("fill", basinColor) .attr("opacity", basinOpacity); svg .append("g") .selectAll("path") .data(allFishGeo["Coho"]) .join("path") .attr("d", path) // .attr("stroke", "#aaa") .attr("vector-effect", "non-scaling-stroke") .attr("fill", basinColor) .attr("opacity", basinOpacity); svg .append("g") .selectAll("path") .data(allFishGeo["Sockeye"]) .join("path") .attr("d", path) // .attr("stroke", "#aaa") .attr("vector-effect", "non-scaling-stroke") .attr("fill", basinColor) .attr("opacity", basinOpacity); } // svg // .append("path") // .attr("pointer-events", "none") // .attr("fill", "none") // .attr("stroke", "white") // // .attr("stroke-linecap", strokeLinecap) // // .attr("stroke-linejoin", strokeLinejoin) // // .attr("stroke-width", strokeWidth) // .attr("stroke-opacity", 0.8) // .attr("d", path(borders)); // svg // .append("path") // .attr("pointer-events", "none") // .attr("fill", "none") // .attr("stroke", "white") // // .attr("stroke-linecap", strokeLinecap) // // .attr("stroke-linejoin", strokeLinejoin) // // .attr("stroke-width", strokeWidth) // .attr("stroke-opacity", 0.8) // .attr("d", path(us.features)); svg .selectAll("circle") .data(fishToPlot) .join("circle") .attr("r", 4) .attr("transform", function (d) { // Project our stations to the same projeciton as our map! return `translate(${projection([ d.geometry.coordinates[0], d.geometry.coordinates[1] ])})`; }) .attr("opacity", 0.9) .attr("fill", function (d) { return "#4B494A"; }) .attr("stroke", "#aaa") .attr("class", "bubbles") .on("mouseover", function (event, d) { // console.log("here", d.properties); d3.select(this).attr("stroke-opacity", 1).attr("r", 8); tooltip.html( htmltooltip({ name: d.properties.FacilityNa, var: d.properties.District }) ); return tooltip.style("visibility", "visible"); }) .on("mousemove", function (event) { return tooltip .style("top", event.pageY - 10 + "px") .style("left", event.pageX + 10 + "px"); }) .on("mouseout", function (event) { d3.select(this).attr("stroke-opacity", 0).attr("r", 4); return tooltip.style("visibility", "hidden"); }); return svg.node(); }30:T1337,// Copyright 2021, Observable Inc. // Released under the ISC license. // https://observablehq.com/@d3/color-legend function Legend( color, { title, tickSize = 6, width = 320, height = 44 + tickSize, marginTop = 18, marginRight = 0, marginBottom = 16 + tickSize, marginLeft = 0, ticks = widthFixed / 64, tickFormat, tickValues } = {} ) { function ramp(color, n = 256) { const canvas = document.createElement("canvas"); canvas.width = n; canvas.height = 1; const context = canvas.getContext("2d"); for (let i = 0; i < n; ++i) { context.fillStyle = color(i / (n - 1)); context.fillRect(i, 0, 1, 1); } return canvas; } const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .style("overflow", "visible") .style("display", "block"); let tickAdjust = (g) => g.selectAll(".tick line").attr("y1", marginTop + marginBottom - height); let x; // Continuous if (color.interpolate) { const n = Math.min(color.domain().length, color.range().length); x = color .copy() .rangeRound( d3.quantize(d3.interpolate(marginLeft, width - marginRight), n) ); svg .append("image") .attr("x", marginLeft) .attr("y", marginTop) .attr("width", width - marginLeft - marginRight) .attr("height", height - marginTop - marginBottom) .attr("preserveAspectRatio", "none") .attr( "xlink:href", ramp( color.copy().domain(d3.quantize(d3.interpolate(0, 1), n)) ).toDataURL() ); } // Sequential else if (color.interpolator) { x = Object.assign( color .copy() .interpolator(d3.interpolateRound(marginLeft, width - marginRight)), { range() { return [marginLeft, width - marginRight]; } } ); svg .append("image") .attr("x", marginLeft) .attr("y", marginTop) .attr("width", width - marginLeft - marginRight) .attr("height", height - marginTop - marginBottom) .attr("preserveAspectRatio", "none") .attr("xlink:href", ramp(color.interpolator()).toDataURL()); // scaleSequentialQuantile doesn’t implement ticks or tickFormat. if (!x.ticks) { if (tickValues === undefined) { const n = Math.round(ticks + 1); tickValues = d3 .range(n) .map((i) => d3.quantile(color.domain(), i / (n - 1))); } if (typeof tickFormat !== "function") { tickFormat = d3.format(tickFormat === undefined ? ",f" : tickFormat); } } } // Threshold else if (color.invertExtent) { const thresholds = color.thresholds ? color.thresholds() // scaleQuantize : color.quantiles ? color.quantiles() // scaleQuantile : color.domain(); // scaleThreshold const thresholdFormat = tickFormat === undefined ? (d) => d : typeof tickFormat === "string" ? d3.format(tickFormat) : tickFormat; x = d3 .scaleLinear() .domain([-1, color.range().length - 1]) .rangeRound([marginLeft, width - marginRight]); svg .append("g") .selectAll("rect") .data(color.range()) .join("rect") .attr("x", (d, i) => x(i - 1)) .attr("y", marginTop) .attr("width", (d, i) => x(i) - x(i - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", (d) => d); tickValues = d3.range(thresholds.length); tickFormat = (i) => thresholdFormat(thresholds[i], i); } // Ordinal else { x = d3 .scaleBand() .domain(color.domain()) .rangeRound([marginLeft, width - marginRight]); svg .append("g") .selectAll("rect") .data(color.domain()) .join("rect") .attr("x", x) .attr("y", marginTop) .attr("width", Math.max(0, x.bandwidth() - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", color); tickAdjust = () => {}; } svg .append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call( d3 .axisBottom(x) .ticks(ticks, typeof tickFormat === "string" ? tickFormat : undefined) .tickFormat(typeof tickFormat === "function" ? tickFormat : undefined) .tickSize(tickSize) .tickValues(tickValues) ) .call(tickAdjust) .call((g) => g.select(".domain").remove()) .call((g) => g .append("text") .attr("x", marginLeft) .attr("y", marginTop + marginBottom - height - 6) .attr("fill", "currentColor") .attr("text-anchor", "start") .attr("font-weight", "bold") // .style("font-size", "clamp(3.2rem, 2vw, 2.5rem)") .attr("class", "title") .text(title) ); return svg.node(); }31:[{"id":"44e4f12eaacb2ee17c843b092d5a69ba1fb866359e305bd6ff0180421b9ec2c8d43d9f53301757bb355c17c1bfb84d186a83a38b36947b7550212aec897a7232","href":"https://static.observableusercontent.com/files/44e4f12eaacb2ee17c843b092d5a69ba1fb866359e305bd6ff0180421b9ec2c8d43d9f53301757bb355c17c1bfb84d186a83a38b36947b7550212aec897a7232","name":"allBasins.json","type":"application/json","lastModified":1651610192257.727,"size":14730025},{"id":"b2dc5cd73a38ed98453d2d438d73a56c23f2ca80163acc1ac13c71b70d2eb2f82eb2e350e1d9715a5aa9f16b2d6fa8b53e6b32e756665bd1f081922722a53a43","href":"https://static.observableusercontent.com/files/b2dc5cd73a38ed98453d2d438d73a56c23f2ca80163acc1ac13c71b70d2eb2f82eb2e350e1d9715a5aa9f16b2d6fa8b53e6b32e756665bd1f081922722a53a43","name":"Steelhead_distribution_basins4326 (2)@1.json","type":"application/json","lastModified":1651609626594.683,"size":841298},{"id":"5d450c982cd3758db62f3b7c42e387dc596fe224d366193102eb437df1c2acce234da735e21493f503954ae7984fbc87c3aa41ba9c4813927c5e6fd1a1f53349","href":"https://static.observableusercontent.com/files/5d450c982cd3758db62f3b7c42e387dc596fe224d366193102eb437df1c2acce234da735e21493f503954ae7984fbc87c3aa41ba9c4813927c5e6fd1a1f53349","name":"Chinook_distribution_basins4326 (2).json","type":"application/json","lastModified":1651608994425.231,"size":1959975},{"id":"7f45e8969f0639d82c944c0f298be34b586abf751c1f8fc895cef4fc7444a3b2565f686db508797ca666609d7baf980ba4831dac2470c9a73659c83e65c64aa3","href":"https://static.observableusercontent.com/files/7f45e8969f0639d82c944c0f298be34b586abf751c1f8fc895cef4fc7444a3b2565f686db508797ca666609d7baf980ba4831dac2470c9a73659c83e65c64aa3","name":"pink_distribution_basins4326@1.json","type":"application/json","lastModified":1651269207649.876,"size":1760014},{"id":"7103c67482064083b9f68eb3a13cb0d80135aecfc88fdda88791b9141f5d1d13271b93e523be0319f9e379b95b68b983477767e9809b5de29f1d8b2756f644c1","href":"https://static.observableusercontent.com/files/7103c67482064083b9f68eb3a13cb0d80135aecfc88fdda88791b9141f5d1d13271b93e523be0319f9e379b95b68b983477767e9809b5de29f1d8b2756f644c1","name":"us-10m.v1.json","type":"application/json","lastModified":1651765048025.152,"size":689794},{"id":"51b2b905c38221bbec069e7e520aa2854902abb44a019040d7613efd03768f8bb7322d98c467fa88f56e5e164698daab1ff0442a02ce2a7be78007baa94dbdf1","href":"https://static.observableusercontent.com/files/51b2b905c38221bbec069e7e520aa2854902abb44a019040d7613efd03768f8bb7322d98c467fa88f56e5e164698daab1ff0442a02ce2a7be78007baa94dbdf1","name":"canada_provinces.geojson","type":"application/geo+json","lastModified":1651779892439.65,"size":5591316},{"id":"eac57ade65a2326d289df97bf70a755042ada00aafc2e9f4ede7b73f3e7a1ac10305dbb939da4ce38f4f67b90d6c045214358359b1b68d472030470e864329ad","href":"https://static.observableusercontent.com/files/eac57ade65a2326d289df97bf70a755042ada00aafc2e9f4ede7b73f3e7a1ac10305dbb939da4ce38f4f67b90d6c045214358359b1b68d472030470e864329ad","name":"Hatcheries2 (1).json","type":"application/json","lastModified":1649265273832.932,"size":363004},{"id":"64e062d6ad8c0afd6e65980f630d8f968fcb7b8bab14baee9e9946727e8f49fd932fa9938128c507de97a13572ae3c742b906f7eeffe6ae623674de08a58baa2","href":"https://static.observableusercontent.com/files/64e062d6ad8c0afd6e65980f630d8f968fcb7b8bab14baee9e9946727e8f49fd932fa9938128c507de97a13572ae3c742b906f7eeffe6ae623674de08a58baa2","name":"sockeye_distribution_basins4326@1.json","type":"application/json","lastModified":1651269375007.367,"size":1474212},{"id":"7bfb2c5942bfd34361d47910d4f69904733c41148384efbb1e41974c1fcf2a4270ade26431143f7c8c043b2cd5eb14b353f315f18e7ad19397e2bd559685fc0d","href":"https://static.observableusercontent.com/files/7bfb2c5942bfd34361d47910d4f69904733c41148384efbb1e41974c1fcf2a4270ade26431143f7c8c043b2cd5eb14b353f315f18e7ad19397e2bd559685fc0d","name":"chum_distribution_basins4326@1.json","type":"application/json","lastModified":1651269298888.872,"size":2616887},{"id":"c5f0652cc7b3ff6ba0e6220de8241e638dfb9bd8f46ea5f6b67090e76b774b91a9fd8383458a00045e935ae860b061b09bae9507c0c52132f0844e08907bd649","href":"https://static.observableusercontent.com/files/c5f0652cc7b3ff6ba0e6220de8241e638dfb9bd8f46ea5f6b67090e76b774b91a9fd8383458a00045e935ae860b061b09bae9507c0c52132f0844e08907bd649","name":"coho_distribution_basins4326@1.json","type":"application/json","lastModified":1651269270422.226,"size":1848367}] 2d:{"id":"4cbb99b2b43da086","slug":"salmon-species-richness-and-hatcheries-map","title":"Salmon Species Richness and Hatcheries","thumbnail":"de70ae99b736aafeaf15abc4294b5cb9ec55148834ffc54017d285868b66de9c","access_level":"public","create_time":"$D2022-04-06T16:56:03.636Z","update_time":"$D2022-05-31T19:44:36.889Z","view_time":null,"first_public_time":"$D2022-05-31T15:21:59.759Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"5f3658f85b1bd5ab","login":"mbrownshoes","name":"Mathew Brown","avatar_url":"https://avatars-next.observableusercontent.com/8d851e9b2c3656a745ef857c9e2881c47c470e8b59db24ca69b232a2554196fc","tier":"starter_2024"},"version":3570,"publish_version":3570,"role":null,"authored":false,"authors":[{"type":"individual","id":"a9239813cf88562c","login":"mbrownshoes","name":"Mathew Brown","avatar_url":"https://avatars-next.observableusercontent.com/8d851e9b2c3656a745ef857c9e2881c47c470e8b59db24ca69b232a2554196fc","tier":null}],"members":[{"type":"individual","id":"a9239813cf88562c","login":"mbrownshoes","name":"Mathew Brown","avatar_url":"https://avatars-next.observableusercontent.com/8d851e9b2c3656a745ef857c9e2881c47c470e8b59db24ca69b232a2554196fc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Salmon Species Richness and Hatcheries","cells":[{"id":0,"value":"md`# Salmon Species Richness and Hatcheries\nAs found in Hakai Magazine: [The Hatchery Crutch: How We Got Here](https://hakaimagazine.com/features/the-hatchery-crutch-how-we-got-here/)\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2244,"value":"viewof SpeciesShow = Inputs.select(fishes, {\n label: \"Salmon species\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3513,"value":"leg = Legend(\n d3.scaleThreshold(\n [0, 1, 2, 3, 4, 5, 6],\n [\n \"#f3f3f3\",\n \"#f1e3d7\",\n \"#e6cdb7\",\n \"#dcbb9d\",\n \"#d5ac89\",\n \"#cfa178\",\n \"#c9986a\"\n ]\n ),\n {\n title: \"Number of species →\",\n width: 260,\n tickSize: 0\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1510,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3300,"value":"maxHeight = height > 675 ? 675 : height","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3456,"value":"widthFixed = 1180","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3537,"value":"width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3522,"value":"54 / 94","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3296,"value":"height = width < 700 ? widthFixed * 0.5 : widthFixed * 0.53","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3479,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3359,"value":"color = d3.scaleSequential(\n [0, 6],\n [\"#f3f3f3\", \"#f1e3d7\", \"#e6cdb7\", \"#dcbb9d\", \"#d5ac89\", \"#cfa178\", \"#c9986a\"]\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3344,"value":"// import { Legend } from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3498,"value":"function legend({ color, ...options }) {\n return Legend(color, options);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3500,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3439,"value":"width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3325,"value":"scaleFactor = widthFixed > 600\n ? widthFixed > 1000\n ? 1400\n : widthFixed > 800\n ? 1100\n : 800\n : 500","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3313,"value":"projection = d3\n .geoOrthographic()\n .scale(scaleFactor)\n .rotate([135, -50])\n .translate([widthFixed / 2, maxHeight / 2 + 20])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3278,"value":"allFishGeo[SpeciesShow]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3201,"value":"us = states","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3237,"value":"CAProvincesGeoJSON = FileAttachment(\"canada_provinces.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3065,"value":"basinOpacity = 0.2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3114,"value":"basinColor = \"#BA7537\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3041,"value":"allFishGeo","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2884,"value":"// daWorld = topojson.feature(world, world.objects.countries).features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2325,"value":"// borders = topojson.mesh(world, world.objects.countries, (a, b) => a !== b)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2250,"value":"fishes = [\"All\", \"Chinook\", \"Coho\", \"Chum\", \"Pink\", \"Sockeye\", \"Steelhead\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2248,"value":"hachGeo.features","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2257,"value":"fishToPlot = hachGeo.features.filter((d) => {\n return SpeciesShow === \"All\" ? d : d.properties[SpeciesShow] === 1;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2477,"value":"allFishGeo = ({\n ALL: [],\n Chinook: ChinookBasins,\n Sockeye: SockeyeBasins,\n Coho: CohoBasins,\n Steelhead: SteelheadBasins,\n Pink: PinkBasins,\n Chum: ChumBasins\n // Masu: MasuBasins\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1500,"value":"htmltooltip = (d) =>\n `

\n ${d.name}
\n ${d.var}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3189,"value":"import { stateShapes as states } from \"@enjalot/us-county-datasets\"\n// import { states } from \"@mbrownshoes/integrated-coastal-observatory-ico-visualizations\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"// import the topojson library\ntopojson = require('topojson')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1804,"value":"// world = d3.json(\"https://cdn.jsdelivr.net/npm/world-atlas@2/countries-50m.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1727,"value":"// land = topojson.feature(world, world.objects.land)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2685,"value":"allBasins = [\n ...new Set(\n allBasinsData.objects.Chinook_distribution_basins4326.geometries.map(\n (d) => d.properties.AREA\n )\n )\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2811,"value":"allFish[4]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2719,"value":"allFish = [\n ChinookBasins,\n CohoBasins,\n SockeyeBasins,\n SteelheadBasins,\n ChumBasins,\n PinkBasins\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2440,"value":"CohoBasinsTopo = await FileAttachment(\"coho_distribution_basins4326@1.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2845,"value":"CohoBasins = topojson.feature(\n CohoBasinsTopo,\n CohoBasinsTopo.objects.coho_distribution_basins4326\n).features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2910,"value":"ChumBasins = topojson.feature(\n ChumBasinsTopo,\n ChumBasinsTopo.objects.chum_distribution_basins4326\n).features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2441,"value":"ChumBasinsTopo = await FileAttachment(\n \"chum_distribution_basins4326@1.json\"\n).json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2899,"value":"SockeyeBasins = topojson.feature(\n SockeyeBasinsTopo,\n SockeyeBasinsTopo.objects.sockeye_distribution_basins4326\n).features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2442,"value":"SockeyeBasinsTopo = await FileAttachment(\n \"sockeye_distribution_basins4326@1.json\"\n).json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2920,"value":"SteelheadeBasinsTopo = await FileAttachment(\n \"Steelhead_distribution_basins4326 (2)@1.json\"\n).json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2923,"value":"SteelheadBasins = topojson.feature(\n SteelheadeBasinsTopo,\n SteelheadeBasinsTopo.objects.Steelhead_distribution_basins4326\n).features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2931,"value":"ChinookheadeBasinsTopo = await FileAttachment(\n \"Chinook_distribution_basins4326 (2).json\"\n).json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2935,"value":"ChinookBasins = topojson.feature(\n ChinookheadeBasinsTopo,\n ChinookheadeBasinsTopo.objects.Chinook_distribution_basins4326\n).features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2943,"value":"PinkBasinsTopo = await FileAttachment(\"pink_distribution_basins4326@1.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2947,"value":"PinkBasins = topojson.feature(\n PinkBasinsTopo,\n PinkBasinsTopo.objects.pink_distribution_basins4326\n).features","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2187,"value":"hachGeo = FileAttachment(\"Hatcheries2 (1).json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2956,"value":"allBasinsData = FileAttachment(\"allBasins.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3188,"value":"FileAttachment(\"us-10m.v1.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2090,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1187,"value":"md`\n
\n\n
\n
\n\n## Appendix\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2e:"$2d:body"