2c:null 2d:["$","title",null,{"children":"LIVE: Brand Architect - Shapley Values Drivers - Brand Imagery Drivers vs Product Imagery correlation | GfK Displayr Engineering | Observable"}] 32:T6c2,baStyle = html``33:Te73,dataMockDisplayr = ({"data":[{"Easy to use":0.4781,"Features important to me":0.6056,"Latest innovations":0.5272,"Often on promotion":0.3039,"Affordably priced":0.2953,"Best quality":0.5139,"Good quality":0.5053,"Stylish/ good looking":0.5247,"Long-lasting":0.5049,"Good warranty & servicing":0.5033,"_row":"Meets my needs"},{"Easy to use":0.4731,"Features important to me":0.5837,"Latest innovations":0.5218,"Often on promotion":0.2597,"Affordably priced":0.2642,"Best quality":0.5482,"Good quality":0.5773,"Stylish/ good looking":0.5418,"Long-lasting":0.5417,"Good warranty & servicing":0.5009,"_row":"Brand I trust"},{"Easy to use":0.3857,"Features important to me":0.4941,"Latest innovations":0.4976,"Often on promotion":0.2245,"Affordably priced":0.1909,"Best quality":0.5666,"Good quality":0.489,"Stylish/ good looking":0.5044,"Long-lasting":0.4928,"Good warranty & servicing":0.4533,"_row":"Proud to own"},{"Easy to use":0.4299,"Features important to me":0.5159,"Latest innovations":0.5523,"Often on promotion":0.2795,"Affordably priced":0.234,"Best quality":0.5323,"Good quality":0.507,"Stylish/ good looking":0.5453,"Long-lasting":0.4627,"Good warranty & servicing":0.4477,"_row":"Modern"},{"Easy to use":0.3451,"Features important to me":0.4711,"Latest innovations":0.4722,"Often on promotion":0.2467,"Affordably priced":0.2038,"Best quality":0.5191,"Good quality":0.4279,"Stylish/ good looking":0.4774,"Long-lasting":0.4452,"Good warranty & servicing":0.444,"_row":"Has something unique"},{"Easy to use":0.3576,"Features important to me":0.4451,"Latest innovations":0.4153,"Often on promotion":0.2654,"Affordably priced":0.2628,"Best quality":0.4572,"Good quality":0.3779,"Stylish/ good looking":0.4138,"Long-lasting":0.4353,"Good warranty & servicing":0.4397,"_row":"Values I identify with"},{"Easy to use":0.4233,"Features important to me":0.4858,"Latest innovations":0.5012,"Often on promotion":0.2527,"Affordably priced":0.2186,"Best quality":0.5093,"Good quality":0.4871,"Stylish/ good looking":0.5076,"Long-lasting":0.4669,"Good warranty & servicing":0.4862,"_row":"Easy to identify"},{"Easy to use":0.4314,"Features important to me":0.502,"Latest innovations":0.4653,"Often on promotion":0.2321,"Affordably priced":0.2077,"Best quality":0.4902,"Good quality":0.5477,"Stylish/ good looking":0.5063,"Long-lasting":0.4846,"Good warranty & servicing":0.4741,"_row":"Expert in the category"},{"Easy to use":0.3017,"Features important to me":0.3639,"Latest innovations":0.3966,"Often on promotion":0.2709,"Affordably priced":0.1771,"Best quality":0.4299,"Good quality":0.3425,"Stylish/ good looking":0.3795,"Long-lasting":0.3791,"Good warranty & servicing":0.3924,"_row":"Endorsed"},{"Easy to use":0.316,"Features important to me":0.3752,"Latest innovations":0.373,"Often on promotion":0.278,"Affordably priced":0.2394,"Best quality":0.383,"Good quality":0.3214,"Stylish/ good looking":0.374,"Long-lasting":0.3743,"Good warranty & servicing":0.3706,"_row":"Promotes society changes"}],"importance scores":[{"x":0.1682,"_row":"Meets my needs"},{"x":0.1259,"_row":"Brand I trust"},{"x":0.086,"_row":"Affordably priced"},{"x":0.0856,"_row":"Proud to own"},{"x":0.0817,"_row":"Modern"},{"x":0.0807,"_row":"Latest innovations"},{"x":0.0799,"_row":"Has something unique"},{"x":0.0784,"_row":"Values I identify with"},{"x":0.0672,"_row":"Easy to identify"},{"x":0.0512,"_row":"Expert in the category"},{"x":0.0487,"_row":"Endorsed"},{"x":0.0468,"_row":"Promotes society changes"}],"interval values":[0.3,0.4,0.5],"interval colors":["transparent","#c7e9c0","#74c476","#167922"],"interval labels":["No correlation","Low","Medium","High"], "1st column heading":["Imagery drivers (importance %)"]})34:[] 30:{"id":"d4bbcf5d9705558a","slug":null,"title":"LIVE: Brand Architect - Shapley Values Drivers - Brand Imagery Drivers vs Product Imagery correlation","thumbnail":"f5a0e51cf375d46545e5eef24630d99e77bb8d44a0317bad15ced44febad1f10","access_level":"public","create_time":"$D2024-10-16T09:18:13.267Z","update_time":"$D2024-10-16T09:22:15.992Z","view_time":null,"first_public_time":"$D2024-10-16T09:18:13.267Z","has_unpublished_edits":null,"fork":{"id":"85be42e95f7a98e6","slug":null,"title":"LIVE: Brand Architect - Shapley Values Drivers - Brand Imagery Drivers vs Product Imagery correlation","owner":{"id":"46d757b0a7e70394","login":"mtsvelik","name":"Misha Tsvelik"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8c12bab1432233fa","login":"gfk-displayr-eng","name":"GfK Displayr Engineering","avatar_url":"https://avatars-next.observableusercontent.com/1892c62d3af77b29e59be03cc9cf987ec074cf236e9dbf9d0339195e3382023d","tier":"starter_2024"},"version":855,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fce691ad641db246","login":"karelschwarz","name":"Karel Schwarz","avatar_url":"https://avatars-next.observableusercontent.com/41df4c4d08c9242919771d7dd8d9f42b7043420527ff819661d1f19dc7b11bdc","tier":null}],"members":[{"type":"team","id":"8c12bab1432233fa","login":"gfk-displayr-eng","name":"GfK Displayr Engineering","avatar_url":"https://avatars-next.observableusercontent.com/1892c62d3af77b29e59be03cc9cf987ec074cf236e9dbf9d0339195e3382023d","tier":"starter_2024","role":"editor"},{"type":"individual","id":"fce691ad641db246","login":"karelschwarz","name":"Karel Schwarz","avatar_url":"https://avatars-next.observableusercontent.com/41df4c4d08c9242919771d7dd8d9f42b7043420527ff819661d1f19dc7b11bdc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"LIVE: Brand Architect - Shapley Values Drivers - Brand Imagery Drivers vs Product Imagery correlation","cells":[{"id":341,"value":"# LIVE: Brand Architect - Shapley Values Drivers - Brand Imagery Drivers vs Product Imagery correlation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":802,"value":"productImageryLabel = html`

Product Imagery

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"forDisplayr = Inputs.table(\n dataToUse,//search, \n {\n columns: columnToShow,\n width: colWidths,\n rows: 30,\n format: tableFormats,\n align: tableColumnAlignments,\n layout: \"fixed\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":789,"value":"legend = html`

${tableLegend}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"tableLegend = Legend(d3.scaleOrdinal(dataMockDisplayr[\"interval labels\"], dataMockDisplayr[\"interval colors\"]), {\n title: \"\",\n tickSize: 5\n})/*html`

${dataMockDisplayr[\"interval labels\"].map((o,i) => `

${o}`)}

`*/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"function sparkbar(bidirectional) { \n return (x,i) => {\n const label = dataToUse[i]._row\n const score = x\n return html`

0? \"#BDE5BD\": \"#CBA6A8\"): \"#AFBBDB\"};\n width: ${ (score > 0? score*100 : (-100*score))}%;\n font-weight: bold;\n float: left;\n padding-right: 0px;\n box-sizing: border-box;\n overflow: visible;\n display: flex;\n height: 2em;\n align-items: center;\n justify-content: start;\n \">${d3.format(\",.0%\")( (Number(score)).toLocaleString(\"en\") ) }` \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"function sparkbarCustom() { \n return (x) => {\n return htl.html`

${\"⠀\"}` \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":562,"value":"importanceScoresMap = d3.index(dataMockDisplayr[\"importance scores\"], d => d._row)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":458,"value":"getBandColor = (x) => {\n let color = \"\"\n if( (x) < dataMockDisplayr[\"interval values\"][0] ) {\n color = dataMockDisplayr[\"interval colors\"][0]\n }\n else if( ((x) >= dataMockDisplayr[\"interval values\"][0]) && ((x) < dataMockDisplayr[\"interval values\"][1]) ) {\n color = dataMockDisplayr[\"interval colors\"][1]\n }\n else if( ((x) >= dataMockDisplayr[\"interval values\"][1]) && ((x) < dataMockDisplayr[\"interval values\"][2]) ) {\n color = dataMockDisplayr[\"interval colors\"][2]\n } \n else if ( (x) >= dataMockDisplayr[\"interval values\"][2] ) {\n color = dataMockDisplayr[\"interval colors\"][3]\n }\n return color\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":469,"value":"getBandLabel = (x) => {\n let label = \"\"\n if( (x) < dataMockDisplayr[\"interval values\"][0] ) {\n label = dataMockDisplayr[\"interval labels\"][0]\n }\n else if( ((x) >= dataMockDisplayr[\"interval values\"][0]) && ((x) < dataMockDisplayr[\"interval values\"][1]) ) {\n label = dataMockDisplayr[\"interval labels\"][1]\n } \n else if ( (x) >= dataMockDisplayr[\"interval values\"][1] ) {\n label = dataMockDisplayr[\"interval labels\"][2]\n }\n return label\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"tableFormats = Object.fromEntries(\n columnToShow.map((o) => {\n let pair = []\n if((o == firstColRename)) {\n pair = [o, sparkbar()]//[o, x => x]\n }\n /*else if(biDirectionalPercentageColumns.indexOf(o) > -1) {\n pair = [o, sparkbar(true)] \n }\n else if(percentageColumns.indexOf(o) > -1) {\n pair = [o, sparkbar(false)] \n } \n else if((o == \"# Stock Weeks\")){\n pair = [o, sparkbarCustom(\"# Stock Weeks\")] \n }\n else if((o == \"Margin Index\")){\n pair = [o, sparkbarCustom(\"Margin Index\")] \n }*/\n else {\n pair = [o, sparkbarCustom()]//[o, x => d3.format(\".1f\")(x)]\n }\n return pair\n })\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":491,"value":"tableColumnAlignments = Object.fromEntries(columnToShow.map((o,i) => [o,\"left\"]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"columnToShow = { \n let columnsAll = Object.keys(dataToUse[0]) //Add Brand\n columnsAll.splice(columnsAll.length - 1,1) ///get rid of _.row\n return columnsAll\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"firstColRename = dataMockDisplayr[\"1st column heading\"][0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":578,"value":"colWidths = {\n const widths = {}\n const arr = [firstColRename]\n arr.forEach((o) => {\n widths[o] = 200\n })\n return widths\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":300,"value":"dataToUse = dataMockDisplayr.data.map(o => {\n const renamedObj = {} \n renamedObj[firstColRename] = importanceScoresMap.get(o._row)[\"x\"]\n return {\n ...renamedObj,\n ...o\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"import {Legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 31:"$30:body"