44:["$","title",null,{"children":"FT editorial g-chartcolour | FT-Data-Science | Observable"}] 4c:T46c,function drawColours(pallete){ const palette_array = getArray(pallete); const height = 100; const width = palette_array.length*100; const plot = d3.select(DOM.svg(width, height)); const x = d3.scaleBand() .domain(palette_array) .range([0, width]) .paddingInner(.025); const colourG = plot.append("g") .classed("palette", true); colourG.selectAll(".colour-rect") .data(palette_array) .join("rect") .classed("colour-rect", true) .attr("id", d => d.replace("#","")) .attr("x", d => x(d)) .attr("y", d => 0) .attr("width", d => x.bandwidth()) .attr("height", height) .style("fill", d => d) .style("stroke", d => d === "#FFF" ? "#cfcfcf" : "none") .style("stroke-width", d => d === "#FFF" ? 2 : 0); colourG.selectAll(".colour-text") .data(palette_array) .join("text") .classed("colour-text", true) .attr("x", d => x(d) + x.bandwidth()/2) .attr("y", d => 54.5) .style("fill", d => d === "#FFF1e5" || d === "#f3dec8" || d === "#FEE" || d=== "#FFF" ? "#000000" : "#FFFFFF") .text(d => d); return plot.node() }4d:[] 48:{"id":"ee041a6b37f69aa5","slug":"g-chartcolour","title":"FT editorial g-chartcolour","thumbnail":"7b546ee4e1617c42ca193edd79eaa23a00fac25ae2c08df1cbc1359ab345d616","access_level":"public","create_time":"$D2020-11-18T10:02:08.928Z","update_time":"$D2021-09-30T12:40:59.040Z","view_time":null,"first_public_time":"$D2020-11-18T10:03:27.101Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"4084af142860251f","login":"ft-data-science","name":"FT-Data-Science","avatar_url":"https://avatars-next.observableusercontent.com/23c59caa3ffd8a6681672044c5e0a417f18b496bcadaf68c6e71d6c800e9482c","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":467,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"7e1246de6f48554e","login":"billyehrenberg","name":"","avatar_url":"https://avatars-next.observableusercontent.com/243d36a4e91cbf029a5ac9166f6f49e70ed3dec4eb1a4532553c394463954be5","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"7e1246de6f48554e","login":"billyehrenberg","name":"","avatar_url":"https://avatars-next.observableusercontent.com/243d36a4e91cbf029a5ac9166f6f49e70ed3dec4eb1a4532553c394463954be5","tier":null,"role":"editor"},{"type":"team","id":"4084af142860251f","login":"ft-data-science","name":"FT-Data-Science","avatar_url":"https://avatars-next.observableusercontent.com/23c59caa3ffd8a6681672044c5e0a417f18b496bcadaf68c6e71d6c800e9482c","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"FT editorial g-chartcolour","cells":[{"id":0,"value":"md`# FT editorial g-chartcolour`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"md`

Any colour palettes can be imported into another notebook by typing:\n\n

import { palette_name } from \"@billyehrenberg/g-chartcolour\"

\n\n

copied manually on 18/11/2020

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":" backgrounds = ({\n \tweb:'#FFF1e5',\n \tsocial:'#333',\n \tvideo:'#335',\n \tprint:'#FEE',\n \tclean:'#FFF',\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"drawColours(backgrounds);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"barPrint = (['#0083b3','#95bfc5','#004d6d','#64a2c1','#c6d6cc']);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"drawColours(barPrint)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"basicLineWeb = (['#EB5E8D','#0f5499']); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"drawColours(basicLineWeb)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"basicLineSocial = (['#81838F','#EB3F50']);\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"drawColours(basicLineSocial)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"categorical_line = ['#0f5499',\n '#EB5E8D',\n '#70DCE6',\n '#9dbf57',\n '#208fce',\n '#7f062e',\n '#c2b7af',\n '#ce3140'];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"drawColours(categorical_line)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"categorical_bar = [\n \t'#1E558C',\n '#94d2e6',\n '#1E8FCC',\n '#B3325D',\n '#FF75A3',\n '#D9CCC3',\n '#AECC70',\n '#F34D5B'\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"drawColours(categorical_bar)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"diverging = [\n '#b31147',\n '#d44d41',\n '#e67f64',\n '#f1ae92',\n '#f3dec8',\n '#95c8d4',\n '#5aa8cf',\n '#2f85c3',\n '#1162b3'\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"drawColours(diverging)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"diverging3 = [\n \t'#b31147','#cec6b9','#105ba6'\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"drawColours(diverging3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"diverging5 = [\n \t'#b31147','#d75d79','#cec6b9','#5884d6','#105ba6'\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"drawColours(diverging5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"diverging7 = [\n \t'#b31147','#d75d79','#f09ba8','#f3dec8','#a9b0dd','#5884d6','#105ba6'\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"drawColours(diverging7)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"extendedLine = ['#d5ccbf','#ed588d','#FF0000','#00FF00'];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"drawColours(extendedLine)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"linePrint = ['#006a93','#ddb831','#aad1d1','#ad1c21','#55a2c7','#0083b3'];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"drawColours(linePrint)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"lineSocial = ['#ff0055','#0066ff','#b1e645','#00ccff','#f2e5da','#65798c'];\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"drawColours(lineSocial)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"lineWeb = ['#0f5499','#EB5E8D','#70DCE6','#9dbf57','#208fce','#7f062e','#c2b7af'];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"drawColours(lineWeb)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"mutedFirstLinePrint = ['#999999','#006a93','#ddb831','#aad1d1','#ad1c21','#55a2c7','#0083b3'];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"drawColours(mutedFirstLinePrint)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"mutedFirstLineSocial = ['#cccccc','#eb3f50','#00d9ca','#bf9413','#1f5e99','#a7ff59','#ff9b96','#81838f'];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"drawColours(mutedFirstLineSocial)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"mutedFirstLineWeb = ['#B3A9A0','#0f5499','#EB5E8D','#70DCE6','#9dbf57','#208fce','#7f062e'];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"drawColours(mutedFirstLineWeb)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"noData = ({\n area:'#DAD2C3',\n line:'#B9B3A7'\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"drawColours(noData);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"sequentialMulti = [\n '#f3dec8',\n '#98c3ce',\n '#649ec1',\n '#3c78ae',\n '#0f5499'\n ];\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"drawColours(sequentialMulti)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"sequentialMulti_2 = [\n '#f3dec8',\n '#f1b499',\n '#e88a6e',\n '#d7604c',\n '#bf3536',\n '#990f3d'\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"drawColours(sequentialMulti_2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"sequentialMulti_3 = [\n '#f3dec8',\n '#8ac090',\n '#4c9298',\n '#236386',\n '#0a3866'\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"drawColours(sequentialMulti_3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"sequentialSingle = [\n \t'#d6d3ea',\n \t'#adb8e6',\n \t'#849cdb',\n \t'#5e82c8',\n \t'#3968ad',\n \t'#1b4f8d',\n \t'#0a3866'\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"drawColours(sequentialSingle)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"sequentialSingle__teal = [\n \t'#f3dec8','#96c8c7','#5aa8ae','#2e8790','#0d656f','#00464d'\n \t\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"drawColours(sequentialSingle__teal)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"getArray = function(palette){\n \n let array;\n \n if(typeof(palette) === \"object\"){\n \n array = Object.keys(palette).map(d => {\n \n return palette[d];\n \n })\n \n \n } else {\n\n array = palette;\n\n }\n \n return array;\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null