2d:null 2e:["$","title",null,{"children":"Day 2: Pictogram | Shruti Mukhtyar | Observable"}] 33:[{"id":"c55823eb14eaead90f62e562b1276ae8b1fcb23eb8c27dcf1ae635248772170601da7686dc1bdc6bbc640c8b0ac887c604a5f567e953f7c9936794efe647dc79","href":"https://static.observableusercontent.com/files/c55823eb14eaead90f62e562b1276ae8b1fcb23eb8c27dcf1ae635248772170601da7686dc1bdc6bbc640c8b0ac887c604a5f567e953f7c9936794efe647dc79","name":"003-nuclear-power@1.png","type":"image/png","lastModified":1649100064280.131,"size":1009},{"id":"afeba5b0caa47fe3499d25918e407197298a86c7c8600493922e98bb5681b7469f9b6e1bfde7cb29c7bd45cdada4821585f25105c469e51d66a1e3c98d195b0a","href":"https://static.observableusercontent.com/files/afeba5b0caa47fe3499d25918e407197298a86c7c8600493922e98bb5681b7469f9b6e1bfde7cb29c7bd45cdada4821585f25105c469e51d66a1e3c98d195b0a","name":"Total Energy Production Estimates by Source for California.csv","type":"text/csv","lastModified":1649100064287.312,"size":22463},{"id":"4a0fe72cf6a81a5f47f6270dd22683dfdc03b3d68e44cba4af1f4f5a3ee64fe66274e08d12483172991270f365fc1e909ce4885fb994e3c4a1b26d67f5c2ff35","href":"https://static.observableusercontent.com/files/4a0fe72cf6a81a5f47f6270dd22683dfdc03b3d68e44cba4af1f4f5a3ee64fe66274e08d12483172991270f365fc1e909ce4885fb994e3c4a1b26d67f5c2ff35","name":"004-eco-energy@1.png","type":"image/png","lastModified":1649100064289.573,"size":959},{"id":"ceace20965b27f027dfc96f2743b479aa9e727265a58bb731af5b11427f9f11d4e7e17d7afbf05c7fd5e7e6f2a21cf44d05898c246c2dc0baa7b8a15132cd800","href":"https://static.observableusercontent.com/files/ceace20965b27f027dfc96f2743b479aa9e727265a58bb731af5b11427f9f11d4e7e17d7afbf05c7fd5e7e6f2a21cf44d05898c246c2dc0baa7b8a15132cd800","name":"wood@1.png","type":"image/png","lastModified":1649100064312.503,"size":30422},{"id":"9387f0a37f78779dfc3bd78b8c922bad45fda776624f558bfc0a69d68d33276a0bce8e682b764389a52130d4594c2ca423af1852bb8fafb1e8d5ff6421e037d4","href":"https://static.observableusercontent.com/files/9387f0a37f78779dfc3bd78b8c922bad45fda776624f558bfc0a69d68d33276a0bce8e682b764389a52130d4594c2ca423af1852bb8fafb1e8d5ff6421e037d4","name":"biomass@1.png","type":"image/png","lastModified":1649100064358.741,"size":37540},{"id":"f5aca15119d6364be783a0bf81d4f2d841d947bd5a2fa86df5f1794cb2e61bc9249ad3770d6d143e198e87dba2a03106f6b348ca4fe54447843b308d8e4a296f","href":"https://static.observableusercontent.com/files/f5aca15119d6364be783a0bf81d4f2d841d947bd5a2fa86df5f1794cb2e61bc9249ad3770d6d143e198e87dba2a03106f6b348ca4fe54447843b308d8e4a296f","name":"005-coal@1.png","type":"image/png","lastModified":1649100064265.199,"size":981},{"id":"0aa16a1ce77875d67cf9204d0abf696960f424e4662321ecd8f57a13336f44804f89e0c2d2bd3b54fba792662b996453941ceeeb3cfcc033bb3d28877516995b","href":"https://static.observableusercontent.com/files/0aa16a1ce77875d67cf9204d0abf696960f424e4662321ecd8f57a13336f44804f89e0c2d2bd3b54fba792662b996453941ceeeb3cfcc033bb3d28877516995b","name":"006-oil-barrel@1.png","type":"image/png","lastModified":1649100064247.108,"size":927},{"id":"479b9dbf2ea50fe269a4e90d01b892553a74d50baeae651ed86e169329990db67b3363c8c754b2ae942e1e2109397a645e04454107f53d92f83e77f778a9a2e0","href":"https://static.observableusercontent.com/files/479b9dbf2ea50fe269a4e90d01b892553a74d50baeae651ed86e169329990db67b3363c8c754b2ae942e1e2109397a645e04454107f53d92f83e77f778a9a2e0","name":"001-gas@1.png","type":"image/png","lastModified":1649100064088.107,"size":824}] 31:{"id":"31d66827ffb8db55","slug":"day-2-pictogram","title":"Day 2: Pictogram","thumbnail":"6f0386acf03f727731ff5211921142bd6bf99b5ff805e9fcc1eb787d9e64da8b","access_level":"public","create_time":"$D2022-04-02T16:23:01.209Z","update_time":"$D2022-04-04T19:23:32.479Z","view_time":null,"first_public_time":"$D2022-04-02T19:33:58.608Z","fork":{"id":"3bd882aaa849b726","slug":"day-1-part-to-whole","title":"Day 1: Part to Whole","owner":{"id":"6636080f8b9f94b8","login":"mukhtyar","name":"Shruti Mukhtyar"}},"stars":2,"starred":false,"owner":{"type":"team","id":"6636080f8b9f94b8","login":"mukhtyar","name":"Shruti Mukhtyar","avatar_url":"https://avatars-next.observableusercontent.com/08866aede922340418a14d406e76cdc15a8cfdb7a4263c0b867f4849e201d799","tier":"starter_2024"},"version":662,"publish_version":662,"role":null,"authored":false,"authors":[{"type":"individual","id":"128dbd1b0f303cd6","login":"mukhtyar","name":"Shruti Mukhtyar","avatar_url":"https://avatars-next.observableusercontent.com/08866aede922340418a14d406e76cdc15a8cfdb7a4263c0b867f4849e201d799","tier":null}],"members":[{"type":"individual","id":"128dbd1b0f303cd6","login":"mukhtyar","name":"Shruti Mukhtyar","avatar_url":"https://avatars-next.observableusercontent.com/08866aede922340418a14d406e76cdc15a8cfdb7a4263c0b867f4849e201d799","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"85ccb5f354c32101","slug":"30-day-chart-challenge-2022","title":"30 Day Chart Challenge 2022","owner":{"id":"6636080f8b9f94b8","login":"mukhtyar","name":"Shruti Mukhtyar"}},"type":"notebook","body":{"title":"Day 2: Pictogram","cells":[{"id":4,"value":"# Day 2: Pictogram\n## Created for #30DayChartChallenge April 2022.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":50,"value":"### Process\nThis one was tricky. I tried different types of marks and investigated drawing nested marks for the x axis, but couldn't figure it out. So I took the easy way out and just transformed my data into something I could plot like a Dot Plot. Replacing the dots with icons using the Image mark was the easy part.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":289,"value":"
","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":117,"value":"### Proportion of estimated total annual energy production by energy source in California for ${year}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":324,"value":"viewof year = Inputs.range([1960, 2019], {step: 1, label: \"Select Year\", value: 2019})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"

\nNoncombustible renewable energy = hydroelectric power and wind, solar, and geothermal energy

Source: State Energy Data System(SEDS), US Energy Information Administration\nIcons: Smashicons, Freepik, Flat Icons from www.flaticon.com

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":62,"value":"Plot.plot({\n marginLeft: 300,\n width: 1000,\n x: {\n //type: \"point\",\n label: \"\",\n ticks: 0,\n },\n y: {\n label: \"\",\n tickPadding: 15,\n },\n marks: [\n Plot.image(getDataByYear(year), {\n y: \"source\",\n x: \"value\",\n src: (d) => icons[d.source]\n }),\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"getDataByYear(1970)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"function getDataByYear(y) {\n const filterByYear = data.filter(({year}) => year === y);\n const sum = d3.sum(filterByYear, d => d.value);\n const proportions = filterByYear.map(({ value, source }) => ({ units: Math.round((value/sum)*100), source }));\n console.log(filterByYear, proportions)\n const arr = proportions.map(({ units, source }) => {\n return d3.range(units).map(d => ({ value: d, source }));\n })\n return d3.merge(arr);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"data = FileAttachment(\"Total Energy Production Estimates by Source for California.csv\").csv({typed: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"// https://feathericons.com/\nicons = ({\n \"Biomass inputs (feedstock) to the production of biofuels\": await FileAttachment(\"biomass@1.png\").url(),\n \"Coal production\": await FileAttachment(\"005-coal@1.png\").url(),\n \"Crude oil production (including lease condensate)\": await FileAttachment(\"006-oil-barrel@1.png\").url(),\n \"Natural gas marketed production\": await FileAttachment(\"001-gas@1.png\").url(),\n \"Noncombustible renewable energy production\": await FileAttachment(\"004-eco-energy@1.png\").url(),\n \"Nuclear energy consumed for electricity generation, total\": await FileAttachment(\"003-nuclear-power@1.png\").url(),\n \"Wood and waste energy production\": await FileAttachment(\"wood@1.png\").url(),\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"