3f:null 40:["$","title",null,{"children":"Toxins in Dark Chocolate | Jasper Croome | Observable"}] 46:Ta0e,chart = { const svg = d3 .create("svg") .attr("width", width + margin.left) .attr("height", height) .attr("overflowX", "visible"); const removeText = (d) => { svg.select(`.tooltip`).remove(); }; const addTooltipText = (d) => { svg .append("text") .attr("class", "tooltip") .attr("x", xScale(d.lead) + 12) .attr("y", yScale(d.cadmium) + 5) .attr("opacity", 0.6) .text(d.product); }; const circles = svg.append("g"); data .filter((d) => { return ( (brands.length > 0 && brands.includes(d.brand)) || brands.length === 0 ); }) .forEach((datum) => { circles .append("circle") .attr("cx", xScale(datum.lead)) .attr("cy", yScale(datum.cadmium)) .attr("r", 10) .attr("fill", checkLimit(datum) ? "red" : "hsl(216deg 100% 13%)") .attr("opacity", opacityScale(datum["date tested"].split("/")[1])) .attr("stroke", "whitesmoke") .on("mouseover", (event) => { event.preventDefault(); addTooltipText(datum); }) .on("mouseleave", (event) => { event.preventDefault(); removeText(datum); }); }); svg .append("line") .attr("x1", 0) .attr("x2", width) .attr("y1", yScale(MADL.cadmium)) .attr("y2", yScale(MADL.cadmium)) .attr("strokeWidth", 0.5) .attr("stroke", "red"); svg .append("line") .attr("y1", 0) .attr("y2", height) .attr("x1", xScale(MADL.lead)) .attr("x2", xScale(MADL.lead)) .attr("strokeWidth", 0.5) .attr("stroke", "red"); // add x axis const xAxis = d3.axisBottom(xScale); const axisBottom = svg .append("g") .attr("class", "axis") .attr("transform", `translate(0,${height - margin.bottom})`) .attr("fontSize", "18px") .call(xAxis); svg .append("text") .attr("class", "axisLabel") .attr("x", width / 2) .attr("y", height - 6) .text("ug lead"); const axisLines = axisBottom.selectAll(".tick").selectAll("line"); axisLines.attr("opacity", ".8"); const axisText = axisBottom.selectAll(".tick").selectAll("text"); axisText.attr("opacity", ".8"); const yAxis = d3.axisLeft(yScale); svg .append("g") .attr("class", "axis") .attr("transform", `translate(${margin.left},0)`) .call(yAxis); svg .append("text") .attr("class", "axisLabel") .attr("transform", "rotate(270)") .attr("x", -(height / 2)) .attr("y", margin.left / 2) .text("ug cadmium"); return svg.node(); }47:[{"id":"426288d0a2854af0b3e9c517e15cecf40acbb46cb6f0235f897d122a97276f117997af5a79a43b0153743519a62d02b51d32a771fd944b0fcc7c375eb8bee326","href":"https://static.observableusercontent.com/files/426288d0a2854af0b3e9c517e15cecf40acbb46cb6f0235f897d122a97276f117997af5a79a43b0153743519a62d02b51d32a771fd944b0fcc7c375eb8bee326","name":"test.json","type":"application/json","lastModified":1672896379153.929,"size":259102}] 44:{"id":"36df2cb5896ea3f0","slug":"toxins-in-dark-chocolate","title":"Toxins in Dark Chocolate","thumbnail":"e7db4b14a8602527fddc854dfaa1e96278943d18acc56b69a4d4abcba0644488","access_level":"public","create_time":"$D2023-01-05T04:14:33.861Z","update_time":"$D2023-01-07T03:23:01.914Z","view_time":null,"first_public_time":"$D2023-01-05T17:03:01.024Z","has_unpublished_edits":null,"fork":{"id":"bd116742b1f91cf4","slug":"simple-d3","title":"Simple D3","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":1,"starred":false,"owner":{"type":"team","id":"4980cc230c98941f","login":"jasper","name":"Jasper Croome","avatar_url":"https://avatars-next.observableusercontent.com/608473607665cc282deb36830ffc0c0456605281332fdcb460041f875772ba68","tier":"starter_2024","bio":"Hi! I'm a Design Technologist based in Portland, Oregon (USA). ","following":false},"version":455,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4520200087dbe52b","login":"jasper","name":"Jasper Croome","avatar_url":"https://avatars-next.observableusercontent.com/608473607665cc282deb36830ffc0c0456605281332fdcb460041f875772ba68","tier":null,"bio":"Hi! I'm a Design Technologist based in Portland, Oregon (USA). ","following":false}],"members":[{"type":"individual","id":"4520200087dbe52b","login":"jasper","name":"Jasper Croome","avatar_url":"https://avatars-next.observableusercontent.com/608473607665cc282deb36830ffc0c0456605281332fdcb460041f875772ba68","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Toxins in Dark Chocolate","cells":[{"id":0,"value":"# Toxins in Dark Chocolate\n\nIn late 2022, Consumer Reports published an article on [Toxic Heavy Metals in dark chocolate](https://www.consumerreports.org/health/food-safety/lead-and-cadmium-in-dark-chocolate-a8480295550/). The list of offenders is long and disappointing. The article is based on a study released by [As You Sow](https://www.asyousow.org/environmental-health/toxic-enforcement/toxic-chocolate#chocolate-tables), a consumer protection group, who was able to fund the study thanks to a lawsuit settlement with the National Confectioner's Association.\n\nThe Chart & Table below are based on data shared by As You Sow, in an attempt to help fellow dark chocolate lovers find products that they can trust are safe.\n\nFor more details on the research, check out [As You Sow](https://www.asyousow.org/environmental-health/toxic-enforcement/toxic-chocolate#chocolate-tables).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"

Red dots are products over the MADL of Cadmium or Lead,
\nsemi-transparent dots are older test results.
\n Hover over a dot to see the product name.\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":406,"value":"viewof radios = Inputs.radio([\"safe only\", \"all\"], {\n label: \"show toxin levels\",\n value: \"all\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"viewof brands = Inputs.checkbox(\n data\n .map((d) => d.brand)\n .filter((b, i, s) => s.indexOf(b) === i)\n .sort(),\n { label: \"Filter to a specific brand\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"viewof years = Inputs.checkbox(uniqueYears, {\n label: \"Years to Include\",\n value: [\"2022\", \"2021\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"## Safe Chocolate\nthe products in the table below are under the MADL for both cadmium (4.1 ug) and lead (.05 ug).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":196,"value":"filteredData","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":435,"value":"## Unsafe Products\nthese products have measured unsafe levels of lead and/or cadmium.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":428,"value":"SELECT * FROM \"data\"\nWHERE \"lead\" >= ${0.5}\nOR \"cadmium\" >= ${4.1}","pinned":false,"hidden":false,"mode":"sql","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"var:data"},{"id":430,"value":"## All tested products\nThe table below lists out all tested products, regardless of lead or cadmium levels.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":433,"value":"data","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":252,"value":"# Maintenance Cells\nAnything under this line is not meant to be tweaked, unless if you know what you're doing\n\n---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":392,"value":"show = Object({ x: radios === \"all\", y: radios === \"all\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"MADL = Object({ cadmium: 4.1, lead: 0.5 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"xScale = d3\n .scaleLinear()\n .domain([0, show.x ? 3 : MADL.lead + 0.01])\n .nice()\n .range([margin.left, width])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"yScale = d3\n .scaleLinear()\n .domain([0, show.y ? 20 : MADL.cadmium])\n .nice()\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"opacityScale = d3\n .scaleOrdinal()\n .domain([\"2015\", \"2016\", \"2017\", \"2018\", \"2019\", \"2020\", \"2021\", \"2022\"])\n .range([0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"margin = Object({ left: 80, bottom: 40, top: 20 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"uniqueYears = test.data\n .map((d) => d.date_purchased.split(\"/\")[1])\n .filter((d, index, list) => list.indexOf(d) === index)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"checkLimit = (d) => {\n if (d.lead >= MADL.lead || d.cadmium >= MADL.cadmium) {\n return true;\n } else return false;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"filteredData = data\n .filter((d) => {\n return !checkLimit(d);\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"data = test.data\n .map((d) => ({\n brand: d.brand_name,\n product: d.product,\n \"cacao range\": d.cacao_range,\n lead: d.lead_exposure,\n cadmium: d.cadmium_exposure,\n manufacturer: d.manufacturer,\n \"date tested\": d.date_purchased\n }))\n .filter(\n (d) =>\n Number.isFinite(d.lead) &&\n Number.isFinite(d.cadmium) &&\n years.includes(d[\"date tested\"].split(\"/\")[1])\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"test = FileAttachment(\"test.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W47","stdlib":"1"}} 45:"$44:body"