31:[] 2f:{"title":"Emoji Garden Bar Chart","cells":[{"id":0,"value":"md`# Emoji Garden Bar Chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"md` ## Apendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"color = d3.scaleSequential()\n .domain([0, d3.max(garden, d => d.count)])\n .interpolator(d3.interpolateGreens)","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"x = d3.scaleLinear()\n .domain([0, d3.max(garden, d => d.count)])\n .range([margin.left, width - margin.right])\n .interpolate(d3.interpolateRound)","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"y = d3.scaleBand()\n .domain(garden.map(d => d.name))\n .range([margin.top, height - margin.bottom])\n .padding(0.1)\n .round(true)","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"margin = ({top: 20, right: 20, bottom: 0, left: 30})","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"height = 200","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"garden = [\n {name: \"🥬\", count: 38},\n {name: \"🌿\", count: 32},\n {name: \"🍓\", count: 26},\n {name: \"🍅\", count: 21},\n {name: \"🌶️\", count: 1},\n]","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}