25:["$","title",null,{"children":"California Water Quality | Nick's Data Viz | Observable"}] 49:[{"id":"0312b1b9f5f710e2d26c945913393c1da73d0ccb76ca68cbc30ce57d2183065652862db11443a7e44b36e84e618b51e06357bff8cacf0bddc6fc4530f685f8ac","href":"https://static.observableusercontent.com/files/0312b1b9f5f710e2d26c945913393c1da73d0ccb76ca68cbc30ce57d2183065652862db11443a7e44b36e84e618b51e06357bff8cacf0bddc6fc4530f685f8ac","name":"Combined@1.csv","type":"text/csv","lastModified":1692138616310.147,"size":17129533},{"id":"0312b1b9f5f710e2d26c945913393c1da73d0ccb76ca68cbc30ce57d2183065652862db11443a7e44b36e84e618b51e06357bff8cacf0bddc6fc4530f685f8ac","href":"https://static.observableusercontent.com/files/0312b1b9f5f710e2d26c945913393c1da73d0ccb76ca68cbc30ce57d2183065652862db11443a7e44b36e84e618b51e06357bff8cacf0bddc6fc4530f685f8ac","name":"Combined.csv","type":"text/csv","lastModified":1692138616310.147,"size":17129533}] 29:{"id":"fd4261cc6a9bc399","slug":null,"title":"California Water Quality","thumbnail":"a786bf45ba612cc43fdca55caeb6615ad0796d2f1e1683db142767fbe99db564","access_level":"public","create_time":"$D2023-08-15T22:30:16.310Z","update_time":"$D2023-08-15T22:30:16.310Z","view_time":null,"first_public_time":"$D2023-08-15T22:30:16.310Z","has_unpublished_edits":null,"fork":{"id":"75bf44b0ccfb2a88","slug":"california-water-quality","title":"California Water Quality","owner":{"id":"87b55d372af7081f","login":"meowy0402","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"0d5153d2999d0cde","login":"nickdataviz","name":"Nick's Data Viz","avatar_url":"https://avatars-next.observableusercontent.com/946c7631d57ed3c4d55c409adb9fdfe6a186bf8122e4b26a860954995ef0586b","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":338,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"955a9adbd457cc93","login":"nickgraffis","name":"Nick Graffis","avatar_url":"https://avatars-next.observableusercontent.com/4f17309bff6c0bfd772287f39a04a3fd85e5a0d3375ad2191a62982b406df0fa","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"0d5153d2999d0cde","login":"nickdataviz","name":"Nick's Data Viz","avatar_url":"https://avatars-next.observableusercontent.com/946c7631d57ed3c4d55c409adb9fdfe6a186bf8122e4b26a860954995ef0586b","tier":"starter_2024","role":"editor"},{"type":"individual","id":"955a9adbd457cc93","login":"nickgraffis","name":"Nick Graffis","avatar_url":"https://avatars-next.observableusercontent.com/4f17309bff6c0bfd772287f39a04a3fd85e5a0d3375ad2191a62982b406df0fa","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"California Water Quality","cells":[{"id":0,"value":"# California Water Quality","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"FLDData2 = d3.csvParse(await FileAttachment(\"Combined@1.csv\").text(), d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"FLDData2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"# D3 map","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"projection = d3.geoAlbersUsa().fitSize([width, height], {\n type: 'FeatureCollection',\n features: california, \n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"sf = [-122.4183, 37.7750]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"us = d3.json(\"https://unpkg.com/us-atlas@3/counties-10m.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"stateShapes = topojson.feature(us, us.objects.states)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"california = stateShapes.features.filter(d => d.properties.name === 'California' || d.properties.name === 'New York')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"topojson = require('topojson-client')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"path = d3.geoPath(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"groupData = d3.group(FLDData2, d => d.SAMPLE_DATE)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"groupParameter = d3.group(FLDData2, d => d.PARAMETER)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"times = Array.from(groupData.keys())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"timeData = groupData.get(currentTime)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"selectedPara = timeData.filter(d => d.PARAMETER === parameter)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"paradata = groupParameter.get(parameter)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"import { Scrubber } from '@mbostock/scrubber'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"function render(svg){\n let svgSelection = d3.select(svg);\n\n\n\n svgSelection.selectAll('path')\n .data(california)\n .join('path')\n .attr('d', d => path(d))\n .attr('stroke', 'green')\n .attr('fill', 'lightblue')\n \n svgSelection.selectAll('circle')\n .data(selectedPara)\n .join('circle')\n .attr('cx', d => projection([d.LONGITUDE, d.LATITUDE])[0])\n .attr('cy', d => projection([d.LONGITUDE, d.LATITUDE])[1])\n .attr('fill', 'yellow')\n .attr('r', 2);\n\n\n return svgSelection;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"styles = html`\n `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"tooltip = {\n mapSVG\n\n let tooltip = d3\n .select(\"body\")\n .append(\"div\")\n .attr(\"class\", \"svg-tooltip\")\n .style(\"position\", \"absolute\")\n .style(\"visibility\", \"hidden\");\n \n d3.selectAll(\"circle\")\n .on(\"mouseover\", function(e, d) {\n // change the selection style\n d3.select(this)\n .attr('stroke-width', '2')\n .attr(\"stroke\", \"black\");\n // make the tooltip visible and update its text\n })\n .on(\"mousemove\", function(e, d) {\n return tooltip.html(`\\\n Name: ${d.PARAMETER}\n Sample Date: ${d[\"SAMPLE_DATE\"]}\n Value: ${d[\"FDR_RESULT\"] + \" \" + d[\"UNS_NAME\"]}`)\n .style(\"visibility\", \"visible\")\n .style(\"top\", (e.pageY-10)+\"px\")\n .style(\"left\",(e.pageX+20)+\"px\");\n })\n .on(\"mouseout\", function() {\n // change the selection style\n d3.select(this).attr('stroke-width', '0');\n\n tooltip.style(\"visibility\", \"hidden\");\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":324,"value":"render(tooltip)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"render(mapSVG)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"viewof currentTime = Scrubber(times, {autoplay: false})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"viewof parameter = Inputs.select(FLDData2.map(d => d.PARAMETER), {label: \"Parameter Selection\", sort: true, unique: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"mapSVG = svg``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"FileAttachment(\"Combined.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null