31:[] 2f:{"title":"Soggy Cereal Bar Chart - Filtered","cells":[{"id":0,"value":"# Soggy Cereal Bar Chart - Filtered\nTime it took for Rhett and Link to deem twenty-four different cereals soggy. Select a type of cereal to see the recorded times.","pinned":false,"hidden":false,"mode":"md"},{"id":126,"value":"viewof pickCereal = Inputs.select(cerealCategories)","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"chart = {\n let chartData = data.filter(d => d.category === pickCereal)\n return Plot.plot({\n width,\n marginLeft: 160,\n marginRight: 50,\n x: {\n axis: null\n },\n y: {\n label: null\n },\n color: {\n domain: cerealCategories,\n range: colorRange\n },\n marks: [\n Plot.text(chartData, {\n x: \"time\",\n y: \"cereal\",\n text: d => `${d.min} min`,\n textAnchor: \"start\",\n dx: 5\n }),\n Plot.barX(chartData, {\n x: \"time\", \n y: \"cereal\", \n fill: \"category\",\n // stroke: \"#85848D\",\n sort: {y: \"x\", reverse: true}\n }),\n Plot.ruleX([0])\n ]\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":166,"value":"README \nData Source ","pinned":false,"hidden":false,"mode":"md"},{"id":57,"value":"import {data, cerealCategories, colorRange} from \"@zachbogart/gmm-cereal-in-milk-data-source\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}