25:["$","title",null,{"children":"GEM Color Guide | Global Energy Monitor | Observable"}] 49:[{"id":"e7beaeb5f35e3ee4601e6c8d5f8b54624062f3665e2d890273c28664d242607468a2a0d0b312afbf7a4132740e7a863ab2034c9285375e6ae6949b524946db92","href":"https://static.observableusercontent.com/files/e7beaeb5f35e3ee4601e6c8d5f8b54624062f3665e2d890273c28664d242607468a2a0d0b312afbf7a4132740e7a863ab2034c9285375e6ae6949b524946db92","name":"Colors-PopAndBackground2.png","type":"image/png","lastModified":1767650236129.458,"size":122949},{"id":"d05f237f654b9c97f7a13b2afd014585d5b5ad9924b9507c3df42c33c71f188c7255c6eb886e0293ce63244ea4f4abf2c19cd3342021d923b7b9d6bd223cbbd0","href":"https://static.observableusercontent.com/files/d05f237f654b9c97f7a13b2afd014585d5b5ad9924b9507c3df42c33c71f188c7255c6eb886e0293ce63244ea4f4abf2c19cd3342021d923b7b9d6bd223cbbd0","name":"Colors-PopAndBackground1.png","type":"image/png","lastModified":1767650205486.822,"size":122975},{"id":"7fd3b33d1265a5f7dc1553db96602ed3fc783d5b234c31e978d596cc8db0065bc630149732660f2282aeca2b45591b1fcb422d97ebd15766ffe8d90ce64690fb","href":"https://static.observableusercontent.com/files/7fd3b33d1265a5f7dc1553db96602ed3fc783d5b234c31e978d596cc8db0065bc630149732660f2282aeca2b45591b1fcb422d97ebd15766ffe8d90ce64690fb","name":"Cols - H1 2025 China v ROW coal fleet bar and line chart 2.png","type":"image/png","lastModified":1767661539961.599,"size":151331},{"id":"eae3e65ea1d9b34d5f88d2dce479335bf5b87b0562674c92ecad8f8ff71600a38f2137d9f63b3cf8210da8782ff8cee2bb407ba0b52c2eb3b7d6273a1419fbf3","href":"https://static.observableusercontent.com/files/eae3e65ea1d9b34d5f88d2dce479335bf5b87b0562674c92ecad8f8ff71600a38f2137d9f63b3cf8210da8782ff8cee2bb407ba0b52c2eb3b7d6273a1419fbf3","name":"Coal to Solar 2025 - Solar potential by province - state.png","type":"image/png","lastModified":1767660480177.575,"size":826107},{"id":"f67c44d6dac9a1fd13df55a14542dafb0e59eb3dd49cf30f6ad547a234cb63e56698aeeb100c6b65d3082f3a87c8f2a79849ac80a5c60cbc106a4b72817b8c8b","href":"https://static.observableusercontent.com/files/f67c44d6dac9a1fd13df55a14542dafb0e59eb3dd49cf30f6ad547a234cb63e56698aeeb100c6b65d3082f3a87c8f2a79849ac80a5c60cbc106a4b72817b8c8b","name":"Colors - Latin America coal update 2025 - in line with paris.png","type":"image/png","lastModified":1767660638399.205,"size":319002},{"id":"cfb8bdff78f41eec50c0ff2fe3406b27748640e1a3c3d569ff11a9d2075a1bd82804a9b378261fbb1825785e6a58e935e465b6ebb1830516fc9c229557a9adbc","href":"https://static.observableusercontent.com/files/cfb8bdff78f41eec50c0ff2fe3406b27748640e1a3c3d569ff11a9d2075a1bd82804a9b378261fbb1825785e6a58e935e465b6ebb1830516fc9c229557a9adbc","name":"Colors - PTM 2025 - Figure 5 - Technology Breakdown by Age 7@1.png","type":"image/png","lastModified":1767660801990.791,"size":239985},{"id":"5d45bdc9cd3aa3a944f870c8bb7a638fddcf8bfce5a7b78ed7e19e6df9b7851cf12e2d83fee8abba18cbbf445892da77adc864daa9998e809436f144b7311cf9","href":"https://static.observableusercontent.com/files/5d45bdc9cd3aa3a944f870c8bb7a638fddcf8bfce5a7b78ed7e19e6df9b7851cf12e2d83fee8abba18cbbf445892da77adc864daa9998e809436f144b7311cf9","name":"Cols - V2.0_ What is the age breakdown of power capacity_ (4) 1.png","type":"image/png","lastModified":1767663790057.595,"size":293204},{"id":"19a875eff2312b72b08eeefb03da21057d7c20c63b1d5cea3ecbf80cf63303b3da20050b020b9f28f1400ea15eb643c4303217de7efd26c635dc60b53954f783","href":"https://static.observableusercontent.com/files/19a875eff2312b72b08eeefb03da21057d7c20c63b1d5cea3ecbf80cf63303b3da20050b020b9f28f1400ea15eb643c4303217de7efd26c635dc60b53954f783","name":"Colors-PopAndBackground3.png","type":"image/png","lastModified":1767768471086.078,"size":122855}] 29:{"id":"76aaf1373f5dfdab","slug":null,"title":"GEM Color Guide","thumbnail":"db06ecdf8a2f3a18573dd7f9eea1c5ca9eb445976ca0988e06b6603d58c9e6ac","access_level":"unlisted","create_time":"$D2026-01-05T20:38:23.452Z","update_time":"$D2026-02-24T21:31:58.363Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8cab8922950a6736","login":"global-energy-monitor-viz","name":"Global Energy Monitor ","avatar_url":"https://avatars-next.observableusercontent.com/75318b4ef9b0a480e99dbf205060a5186802d7c390e17161140f30cb3d784421","tier":"pro_2024","bio":"","followed_by_you":false,"follows_you":false},"version":841,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"d0fe706fc5eb3479","login":"osserman","name":"Stephen Osserman","avatar_url":"https://avatars-next.observableusercontent.com/be39c326cb74434f06103eaf074df11b322455f92476794003315a927d30208a","tier":null,"bio":"Data Scientist and Visualization Engineer with a background in spatial analytics and mapping. ","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"8cab8922950a6736","login":"global-energy-monitor-viz","name":"Global Energy Monitor ","avatar_url":"https://avatars-next.observableusercontent.com/75318b4ef9b0a480e99dbf205060a5186802d7c390e17161140f30cb3d784421","tier":"pro_2024","role":"editor"},{"type":"individual","id":"d0fe706fc5eb3479","login":"osserman","name":"Stephen Osserman","avatar_url":"https://avatars-next.observableusercontent.com/be39c326cb74434f06103eaf074df11b322455f92476794003315a927d30208a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"GEM Color Guide","cells":[{"id":0,"value":"# GEM Color Guide\n\nThis file is a draft of **data viz color guidance** expanding out from the core color palette proposed for the new brand. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":23,"value":"swatches(corePalette.map(d=> colors[d]), \"Proposed Core Palette\", null, corePalette, swatchWidth)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"viewof mintForDataViz = Inputs.toggle({label: \"Show data-viz version of mint\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"### Secondary Palette proposals\nThese were proposed by the Nadieh Bremer, the data viz designer helping on from Ownership Data Interface. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":46,"value":"swatches(secondaryPalette.map(d=> colors[d]), \"Secondary Palette\", null, secondaryPalette, swatchWidth)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"viewof swatchWidth = Inputs.range([20, 120], {label: \"Swatch width\", step: 1, value: 72})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"secondaryPalette = ['deepRed', 'orange', 'yellow', 'mintGreen', 'green', 'midnightGreen', 'blue', 'purple', 'midnightPurple','grey']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"# Use Cases / Options","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":80,"value":"## Pop and Background \nThe vivid orange from the primary palette can be used as a highlight color representing positive, negative, or neutral elements. Depending on context and aesthetics there are three different choices for background elements. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":99,"value":"swatches([colors.orange, colors.grey, '#FFD6CD', colors.teal], null, 24, ['pop','backOpt1', 'backOpt2', 'backOpt3'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"html`${popAndBackground1}${popAndBackground2}${popAndBackground3}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"Flourish base [here](https://app.flourish.studio/visualisation/27082344/edit). ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":116,"value":"## Positive, Negative, Neutral\nColor combinations to use when we want to represent positive, negative and neutral elements on a chart. This can be clean, dirty, and other; additions and retirements of dirty projects; etc. \n\nWhen all elements are degrees of positive, degrees of negative, or various neutrals, use the single-hue palettes further below, (rather than these). ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":120,"value":"swatches([colors.deepRed, colorByTracker.get('Coal Mine'), positiveMain=='blue' ? colors.blue: colors.green, colors.teal, '#4A57A8'], null, null, ['negative1','negative2','positive1', 'positive2', 'neutral'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"viewof positiveMain = Inputs.radio(['blue','green'],{label: 'primary positive color', value: 'blue'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"Flourish base [here](https://app.flourish.studio/visualisation/22698433/edit) and [here](https://app.flourish.studio/visualisation/25936002/edit). ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":218,"value":"html`

${colorsPtm2025Figure5TechnologyBreakdownByA}${colorsLatinAmericaCoalUpdate2025InLineWith}${colsH12025ChinaVRowCoalFleetBarAndLineC}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"## Many-Hue Palette \nWhen we want to represent categorical variables that don't have clear positive / negatives, like regions of the world: \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":196,"value":"swatches([colors.orange, '#4A57A8', colors.deepRed, colors.blue, colorByTracker.get('Coal Mine'), colors.midnightGreen, colors.green, colors.midnightPurple,], null, null, ['orange','purple','deepRed', 'blue', 'brown-red', 'midnight green', 'green', 'midnight purple'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"coalToSolar2025SolarPotentialByProvinceSta = FileAttachment(\"Coal to Solar 2025 - Solar potential by province - state.png\").image({width: 650})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"## Global Integrated Power Tracker\nTesting out for this special use-case where we need to represent many different power sources at once","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":242,"value":"swatches([colors.deepRed, colorByTracker.get('Coal Mine'), colors.yellow, colors.green, colors.blue, colorByTracker.get('Gas Pipeline'), colors.purple, colors.midnightGreen], null, null, ['Coal', 'Oil and Gas', 'Solar', 'Wind', 'Hydropower', 'Nuclear', 'Bioenergy', 'Geothermal'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"(Color circles on left side of the chart are just to show the colors better for smaller power-sources)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":237,"value":"html`${colsV20_WhatIsTheAgeBreakdownOfPowerCapa}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"## Ownership Interface Colors\nWhen representing multiple asset-types owned by a single company, it could be good to color-code them. We need to decide how much combining of different asset-types we want to do. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":581,"value":"### Option 1: Combine by fuel / industry type: ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":290,"value":"swatches(Array.from(colorsOwnership.values()), \"Ownership Condensed\", null, Array.from(colorsOwnership.keys()), swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":300,"value":"swatches(Array.from(colorsOwnershipFuture.values()), \"Ownership Renewables & Other (future)\", null, Array.from(colorsOwnershipFuture.keys()), swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"### Option 2 different colors for each asset type:\nThis option would use a broader range of colors for existing assets and would likely be harder to scale to more assets. Below is the initial draft palette from Nadieh. We'd need to swap out bioenergy to something other than green if we went in this direction. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":281,"value":"swatches(Array.from(colorByTracker.values()), \"Onwership Expanded (existing trackers)\", null, Array.from(colorByTracker.keys()), swatchWidth * 1.3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"colorsOwnership = new Map( [\n [\"Coal (Plant/Mine)\", colors.deepRed],\n [\"Oil/Gas (plant, pipelines)\", colorByTracker.get('Coal Mine') ],\n [\"Cement/Concrete Plant\", colorsExtra.mediumGrey],//colors.midnightPurple ],//colors.grey ],\n [\"Bioenergy Plant\", colors.purple ],\n [\"Iron/Steel (Mine/Plant)\", colors.midnightGreen ],\n] )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"colorsOwnershipFuture = new Map( [\n [\"Solar\", colors.yellow],\n [\"Wind\", colors.green ],\n [\"Hydropower\", colors.blue ],\n [\"Nuclear\", colorsExtra.neutrals4b[1]],\n [\"Geothermal\", colorsExtra.renewables3[2]],\n] )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"## GETT (Transition Tracker) Colors\nAnother special case where we have multiple trackers. Haven't pulled examples for this yet (aside from the multi-hue example above, but hope to use as another use-case soon).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":821,"value":"## Tracker Maps\nAnother much bigger special case where we'll have multiple colors. This is a bigger project that we'll work on once we're happy with the general color guidance. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":190,"value":"## Single hue-scales, for Operating Status (et al)\nSingle Hue Scales are often useful for showing breakdowns of status or other fields within a given tracker or set of trackers. Here is some general guidance, followed by a number of palettes. \n* Darker color represents operating vs prospective.\n* Within prospective darker represents further along the development pipeline.\n* No more than 4 shades should be used for a given color.\n* Grey shades for retired (darker) and canceled (lighter), or for background elements","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":377,"value":"swatches([colorsExtra.mediumGrey, colorsExtra.lightGrey], \"Retired/Canceled\", null, [ 'retired','canceled'], swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":456,"value":"swatches(colorsExtra.greys, \"Greys Complete\", null, null, swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"swatches(colorsExtra.fossil2, \"Fossil/Dirty - 2-tone\", null, [ 'operating','planned'], swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"swatches(colorsExtra.fossil3, \"Fossil/Dirty - 3-tone\", null, ['construction','pre-construction','announced'], swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":416,"value":"swatches(colorsExtra.fossil4, \"Fossil/Dirty - 4-tone\", null, ['stage 1','stage 2','stage 3','stage 4'], swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":468,"value":"swatches(colorsExtra['renewables2'], \"Renewables - 2-tone\", null, ['operating','planned'], swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"swatches(colorsExtra['renewables3'], \"Renewables - 3-tone\", null, ['construction','pre-construction','announced'], swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":497,"value":"swatches(colorsExtra['renewables4'], \"Renewables - 4-tone\", null, ['stage 1','stage 2','stage 3', 'stage 4'], swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":535,"value":"//viewof renewables4palette = Inputs.radio(new Map([['single hue', 'renewables4a'],['shifting hue', 'renewables4b']]), { value: 'renewables4a'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":512,"value":"swatches(colorsExtra[neutrals4palette], \"Neutrals - 4-tone\", null, ['stage 1','stage 2','stage 3', 'stage 4'], swatchWidth * 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"viewof neutrals4palette = Inputs.radio(new Map([['single hue', 'neutrals4a'],['shifting hue', 'neutrals4b']]), { value: 'neutrals4a'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"## Open Questions\n* Text color on charts. primary-palette's \"teal\" is used above, but now that we have the new grey-blue font color I'd use that instead. \n* Background color. Probably white, possibly primary palette's \"warm-white.\"\n* Improve purple options (darker and less blue?) \n* Which logo color to use on charts - probably primary-palette's Teal or navy. \n* On maps with transparency to avoid occlusion should we use multi-hue status palettes? ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":77,"value":"# Appendix\nCode helpers, etc","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"colorsMap = new Map([\n ['navy', '#004A63'],\n ['mint', '#9DF7E5'],\n ['mintDataviz', '#A5E9E4'],\n ['orange', '#FE4F2D'],\n ['teal', '#016B83'],\n ['midnight', '#002430'],\n ['warmWhite', '#F2F2EB'], \n ['white', '#FFFFFF'],\n // Secondary colors\n ['deepRed', '#7F142A'],\n // ['red', '#FF380F'],\n ['yellow', '#FFE366'],\n ['mintGreen', '#95E6AF'],\n ['green', '#65BD8B'], // was: '#51BF7E'],\n ['midnightGreen', '#004F61'],\n [\"blue\", \"#099ED8\"],\n ['purple', '#A0AAE5'],\n ['midnightPurple','#061F5F'],\n ['grey', '#BECCCF'],\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"colors = Object.fromEntries(colorsMap);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"corePalette = ['navy',(mintForDataViz ? 'mintDataviz': 'mint'), 'orange','teal', 'midnight','warmWhite','white']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"colorsExtra = ({\n lightGrey: '#dce3e5', \n mediumGrey: '#6e8c91', \n darkGrey: '#4c6267', \n greys: ['#4c6267', '#6e8c91',colors.grey, '#dce3e5'],\n fossil2: ['#7F142A', '#CA4A50'],\n fossil3: ['#7F142A', '#CA4A50','#f4b7b3'],\n fossil4: ['#5d0e1e', '#a93841', '#df8182','#f6c9c6' ],\n renewables2: ['#087DA0','#1EAEE6'],//[ colors.green, '#348d59'],\n renewables3: ['#087DA0','#1EAEE6','#8CD3EF'],//[ colors.mintGreen, colors.green, '#348d59'],\n renewables4: ['#015F74','#058BB8','#1EAEE6','#8CD3EF'],\n //renewables4a: ['#276841', '#348d59', colors.green, colors.mintGreen],\n //renewables4b: [colors.midnightGreen, d3.color(d3.interpolateLab(colors.green, colors.midnightGreen)(0.5)).formatHex(), colors.green, colors.mintGreen],\n neutrals4a: ['#412e7a', '#6c51bd', '#9d88dd', '#cec3ee', ], //colors.purple\n neutrals4b: [colors.midnightPurple, '#584ca9', '#9780db', '#c7bbec', ], //colors.purple\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"//import {swatches} from '@d3/working-with-color' -- adding border to the original and extra text layer and other options\n\nfunction swatches(colors, title = null, sepFirst = null, extraTextArray = null, swatchWidth = 72) {\n return html`\n ${title ? `

${title}

` : ''}\n

\n ${colors.map((c,i) => `\n

${c}

\n ${extraTextArray ? `

${extraTextArray[i]}

` : ''}\n

`)}\n

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":782,"value":"### Nadieh's initial proposal for Current and future Ownership trackers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":52,"value":"swatches(Array.from(colorByTracker.values()), \"By Tracker (For trackers in ownership)\", null, Array.from(colorByTracker.keys()), swatchWidth * 1.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"swatches(Array.from(colorByTrackerRenewable.values()), \"By Tracker Renewables & Other (for future ownership coverage)\", null, Array.from(colorByTrackerRenewable.keys()), swatchWidth * 1.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"colorByTracker = new Map([\n ['Coal Plant', colors.deepRed],\n ['Coal Mine', \"#CA4A50\"],\n ['Gas Plant', colors.purple],\n ['Gas Pipeline', \"#4A57A8\"], // In between purple and midnight purple\n ['Oil & NGL Pipeline', colors.midnightPurple],\n ['Iron Ore Mine', \"#FF6A4D\"], // A smidge lighter than orange\n ['Steel Plant', colors.midnightGreen],\n ['Cement and Concrete', colors.grey],\n ['Bioenergy Power', colors.green],\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"colorByTrackerRenewable = new Map([\n [\"Nuclear\", colors.mintGreen],\n ['Hydropower', colors.blue],\n ['Wind', colors.mintDataviz],\n ['Geothermal', \"#FF380F\"],\n ['Solar', colors.yellow],\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"### SVG Swatches for Figma ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":147,"value":"\nfunction swatchesSvg(colors, title = null, extraTextArray = null, swatchWidth = 72) {\n return html`\n `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"swatchesSvg(corePalette.map(d=> colors[d]), \"Core Palette\", corePalette, swatchWidth)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"swatchesSvg(secondaryPalette.map(d=> colors[d]), \"Secondary Palette\", secondaryPalette, 92)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"swatchesSvg(Array.from(colorByTracker.values()), \"By Tracker\", Array.from(colorByTracker.keys()), 92)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"swatchesSvg(Array.from(colorByTrackerRenewable.values()), \"By Tracker Renewables & Other\", Array.from(colorByTrackerRenewable.keys()), 92)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"### Image File Uploads","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":85,"value":"popAndBackground1 = FileAttachment(\"Colors-PopAndBackground1.png\").image({width: 350})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"popAndBackground2 = FileAttachment(\"Colors-PopAndBackground2.png\").image({width: 350})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":562,"value":"popAndBackground3 = FileAttachment(\"Colors-PopAndBackground3.png\").image({width: 350})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"colorsPtm2025Figure5TechnologyBreakdownByA = FileAttachment(\"Colors - PTM 2025 - Figure 5 - Technology Breakdown by Age 7@1.png\").image({width: 450})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"colorsLatinAmericaCoalUpdate2025InLineWith = FileAttachment(\"Colors - Latin America coal update 2025 - in line with paris.png\").image({width: 450})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"colsH12025ChinaVRowCoalFleetBarAndLineC = FileAttachment(\"Cols - H1 2025 China v ROW coal fleet bar and line chart 2.png\").image({width: 650})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"colsV20_WhatIsTheAgeBreakdownOfPowerCapa = FileAttachment(\"Cols - V2.0_ What is the age breakdown of power capacity_ (4) 1.png\").image({width: 650})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null