2d:null 2e:["$","title",null,{"children":"Tailify Influencer Selection Graph | Leonard Pauli | Observable"}] 33:T134d,viewof graph = { const svg = d3.create('svg') .attr('viewBox', [-width/2, -height/2, width, height]) const ret_data = { clicked_node: null, node_selected_set: new Set(), node_selected_toggle (n) { const set = this.node_selected_set set.has(n)?set.delete(n):set.add(n) }, send_ev: ()=> {}, close_card () { this.clicked_node = null this.send_ev() } } const charge = d3.forceManyBody() .strength(-20) let step = 0 let do_rem = 0 const node_fill = d=> { if (d.type==='persona') { if (d.links_selected) return `hsl(0,100%,${(5-d.links_selected)/5*100}%)` const pi = age_buckets_list.findIndex(r=> r.id===d.age_split) const p = pi/(age_buckets_list.length-1)||0 const v = p*0.2+0.1 if (do_rem && d.to_rem) return 'transparent' return `hsl(230,${v*100}%,60%)` } if (d.type==='interest') { return interest_color(d, 0.5) } return 'gray' // step==0? 'gray': d.id%2? 'pink': 'lightblue' } const node_r = d=> { if (d.type==='persona') { return 5 } if (d.type==='interest') { return step?10:0 } } const {nodes, links: _links} = ndata const links = _links.slice(0,links_max) const force_link = d3.forceLink(links) .id(d=> d.id) .distance(d=> d.distance) .strength(d=> 0.001) const simulation = d3.forceSimulation(nodes) .force('link', force_link) .force('charge', charge) .force('x', d3.forceX()) .force('y', d3.forceY()) const r = 0 && svg.selectAll('rect') .data(d3.range(0,1,0.1)) .enter().append('rect') .attr('x', (d, i)=> i*20+'px') .attr('width', '20px') .attr('height', '20px') .attr('fill', (d)=> color(d)) const link = svg.append('g') .attr('stroke', 'rgba(0,0,0,0.1)') .selectAll('line') .data(links) .join('line') const node = svg.append('g') .attr('stroke', '#fff') .attr('stroke-width', 1) .selectAll('circle') .data(nodes) .join('circle') node.append('text').text('asdfasf') node.on('click', ) const drag = simulation=> { const drag = d3.drag() .on('start', (d)=> { if (!d3.event.active) simulation.alphaTarget(0.3).restart() d.fx = d.x d.fy = d.y }) .on('drag', (d)=> { d.fx = d3.event.x d.fy = d3.event.y }) .on('end', (d)=> { if (!d3.event.active) simulation.alphaTarget(0) //d.fx = null //d.fy = null }) return drag } const update_n = ()=> { nodes.forEach(n=> n.links_selected = 0) link .attr('stroke-width', d=> { if (d.type==='persona_interest') { if (!step) return 0 } return Math.sqrt(d.distance)/5 }) .attr('stroke', d=> { if (d.type==='persona_interest') { const links_selected = ret_data.node_selected_set.has(d.source) || ret_data.node_selected_set.has(d.target) if (links_selected) { d.source.links_selected += 1 return 'hsla(0,100%,50%,0.2)' } return interest_color(d.target, 0.1) } return 'rgba(0,0,0,0.1)' }) node .attr('r', node_r) .attr('fill', node_fill) .attr('stroke-width', d=> d.type==='persona'?1:2) force_link.strength(d=> step?0.1:0.001) } update_n() simulation.on('tick', ()=> { link .attr('x1', d=> d.source.x) .attr('y1', d=> d.source.y) .attr('x2', d=> d.target.x) .attr('y2', d=> d.target.y) node .attr('cx', d=> d.x) .attr('cy', d=> d.y) }) invalidation.then(()=> simulation.stop()) node.call(drag(simulation)) node.on('click', d=> { ret_data.clicked_node = d ret_data.node_selected_toggle(d) ret_data.send_ev() update_n() }) const container = d3.create('div') container.style('position', 'relative') container.append(()=> svg.node()) const btn = d3.create('button') .text('Toggle Audience Clusters') .on('click', ()=> { step = !step update_n() simulation.alpha(1).restart(); // simulation.alpha(0.01).restart(); }) // obj.to_rem btn.style('position', 'absolute').style('bottom', '20px').style('left', '20px') container.append(()=> btn.node()) const btn1 = d3.create('button') .text('Toggle Influence') .on('click', ()=> { do_rem = !do_rem update_n() simulation.alpha(1).restart(); // simulation.alpha(0.01).restart(); }) // obj.to_rem btn1.style('position', 'absolute').style('bottom', '60px').style('left', '20px') container.append(()=> btn1.node()) const ret = container.node() ret.value = ret_data ret_data.send_ev = ()=> ret.dispatchEvent(new CustomEvent("input")); return ret }34:T45f,style = html``35:T44c,card2get = d=> { const attention_section = p_section(d, { title: 'Attention', rows: [{ title: 'Relative audience size', v_get: d=> d.attention.relative_size, }, { title: 'Audience overlap', v_get: d=> d.attention.overlap, }], }) const trust_section = p_section(d, { title: 'Trust', rows: [{ title: 'Audience relevancy', v_get: d=> d.trust.audience_relevancy, }, { title: 'Relative growth', v_get: d=> d.trust.relative_growth, }, { title: 'Consistency', v_get: d=> d.trust.consistency, }, { title: 'Engagement rate', v_get: d=> d.trust.engagement_rate, }, { title: 'Sentiment', v_get: d=> d.trust.sentiment, }], }) const side = html`

${attention_section} ${trust_section}

Influence score: ${d.influence_score}

` const bottom = html`

${d.yt.title}

` const image = html`

` return html`

${image} ${side} ${bottom}

` }36:[{"id":"441d8f3006330695b9517d7f1ecae90f949ae2a1bc01f21a1dcb87edede423f9e42fd138b0375c38fe15a5e07c0a8a4852f13add61f58e3b3a8eae9779de158e","href":"https://static.observableusercontent.com/files/441d8f3006330695b9517d7f1ecae90f949ae2a1bc01f21a1dcb87edede423f9e42fd138b0375c38fe15a5e07c0a8a4852f13add61f58e3b3a8eae9779de158e","name":"Business Cluster - Gender Segmentation@1.csv","type":"text/csv","lastModified":1590135401081.723,"size":1306},{"id":"61297e698a651a57659990d8078f2d9661d559af5eb5e51434cb368e1d3bbfa283ca2ca0f6223ac82938d2188b34ef6fc8c72f8c9c0d7a00a9f07c580ec35cbc","href":"https://static.observableusercontent.com/files/61297e698a651a57659990d8078f2d9661d559af5eb5e51434cb368e1d3bbfa283ca2ca0f6223ac82938d2188b34ef6fc8c72f8c9c0d7a00a9f07c580ec35cbc","name":"Business Cluster - Age Segmentation@1.csv","type":"text/csv","lastModified":1590135400251.815,"size":1334},{"id":"ac9cf92d3900bf1c47a516ccebc78763e9bc0d907ead9eb1e2f74c8eff9bb2722c92c331a3137c4bb476ee33a61db1a33c69f1e362de8d9f99387f21a6f3fa0b","href":"https://static.observableusercontent.com/files/ac9cf92d3900bf1c47a516ccebc78763e9bc0d907ead9eb1e2f74c8eff9bb2722c92c331a3137c4bb476ee33a61db1a33c69f1e362de8d9f99387f21a6f3fa0b","name":"Fitness Cluster - Gender Segmentation@1.csv","type":"text/csv","lastModified":1590133426490.485,"size":1268},{"id":"d7a8dcbfe1aa25435330760235e054ddd11b5796fac997ff732c992621dbd7d65ee4dc7063c26a1eb3bb5a625708c4fdc2f92f00f53aa6f1a0692fc4410acee4","href":"https://static.observableusercontent.com/files/d7a8dcbfe1aa25435330760235e054ddd11b5796fac997ff732c992621dbd7d65ee4dc7063c26a1eb3bb5a625708c4fdc2f92f00f53aa6f1a0692fc4410acee4","name":"Fitness Cluster - Age Segmentation.csv","type":"text/csv","lastModified":1590133426074.706,"size":1292}] 31:{"id":"dd77cf4f4d9d3687","slug":"smii-force","title":"Tailify Influencer Selection Graph","thumbnail":"aeda5f687cb810534abe8283e134a14475b856314ba6a807d18878a537c4bff5","access_level":"public","create_time":"$D2020-05-21T20:20:02.108Z","update_time":"$D2020-12-03T16:44:10.097Z","view_time":null,"first_public_time":"$D2020-05-22T11:07:25.304Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"2a5ee84d3cad3e57","login":"leonardpauli","name":"Leonard Pauli","avatar_url":"https://avatars-next.observableusercontent.com/9ea06552481b8da2b5612736cd90f6bfc88a75b62d026c85e7aeee43ebc0ea94","tier":"starter_2024"},"version":699,"publish_version":699,"role":null,"authored":false,"authors":[{"type":"individual","id":"8b1047ce3ae8a009","login":"leonardpauli","name":"Leonard Pauli","avatar_url":"https://avatars-next.observableusercontent.com/9ea06552481b8da2b5612736cd90f6bfc88a75b62d026c85e7aeee43ebc0ea94","tier":null}],"members":[{"type":"individual","id":"8b1047ce3ae8a009","login":"leonardpauli","name":"Leonard Pauli","avatar_url":"https://avatars-next.observableusercontent.com/9ea06552481b8da2b5612736cd90f6bfc88a75b62d026c85e7aeee43ebc0ea94","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Tailify Influencer Selection Graph","cells":[{"id":0,"value":"md`# Tailify Influencer Selection Graph`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":550,"value":"card_to_show = {\n const node = graph.clicked_node\n if (!node) return html``\n if (node.type==='persona') {\n return persona_card(node)\n }\n if (node.type==='interest') {\n return interest_card(node)\n }\n return html``\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"md`## Appendix`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"links_max = 10000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require('d3@5')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"height = 1000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"color = d3.scaleSequential().domain([0, 1]).interpolator(d3.interpolateBlues)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"color(1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"{\n const div = d3.create('div')\n \n div.selectAll('b')\n .data(d3.range(0,10,1))\n .enter().append('b')\n .text(d=> 'hej'+d)\n .attr('style', d=> 'color: '+color(d/10))\n \n return div.node()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":525,"value":"{\n const el = html``\n el.addEventListener('click', el=> {\n el.dispatchEvent(new CustomEvent('input', ));\n })\n return el\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"interest_color = (interest, a)=> {\n return `hsla(${(interest.id_idx/interest_list.length*0.4+0.3)*360},30%,50%,${a})`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":577,"value":"card_close = {\n const el = html``\n el.onclick= ()=> graph.close_card()\n return el\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":554,"value":"interest_card = d=> md`\n## Interest: ${d.title}\n\n${card_close}\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":556,"value":"persona_card = d=> md`\n${card2get(influencers[0])}\n${card_close}\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"ndata1 = {\n const nodes = d3.range(0,30).map(a=> ({\n id: a,\n }))\n const links = [] || d3.range(4).map(a=> ({\n source: xs_rnd(nodes).id,\n target: xs_rnd(nodes).id,\n distance: 100,\n value: 0.5,\n }))\n\n return {nodes, links}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":511,"value":"{\n const a = d3.create('div')\n a.text('hello')\n a.style('color', 'red')\n a.style('border', '1px solid red')\n return a.node()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":411,"value":"ndata = {\n const nodes = [...persona_nodes, ...interest_nodes]\n return {nodes, links: [...persona_interest_links]}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":406,"value":"interest_nodes = interest_list","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"persona_nodes = {\n const nodes = d3.range(0, render_count, 1).map(i=> {\n const age_obj = age_count_interpolate_get(Math.random())\n const obj = ({\n type: 'persona',\n id: 'persona_'+i,\n age_split: age_obj.k,\n })\n \n obj.interest_map = interpolate_discrete_expanded_get(age_obj.list, 'universe_count')()\n .map(([v, has_it])=> {\n if (!has_it) return null\n const m = interest_list.find(r=> r.title==v.interest)\n if (!m) return m\n return [m.id, v.index/100]\n }).filter(Boolean)\n /* obj.interests = interest_dist_get().map(([o, has_it])=> {\n if (!has_it) return 0\n return interpolate_discrete_get(o.subs, 'universe_count')(Math.random())\n })*/\n \n obj.to_rem = obj.interest_map.length===0 || Math.random() {\n links.push(...p.interest_map.map(([id, f])=> ({\n source: p.id,\n target: id,\n type: 'persona_interest',\n distance: 1/f*30, // index\n })))\n })\n \n return links\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"persona_nodes[2]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"render_count = 2000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"interest_dist_get = ()=> interest_list.map(o=> [o, Math.random() < o.count/interest_list_count_tot])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":325,"value":"interest_list_count_tot = xs_sum(interest_list.map(a=> a.count))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"interest_list = Object.entries(interest_buckets).map(([k, v], i)=> {\n // const age_group_list = Object.entries(obj_map(xs_groupby(v, 'segment_sub'), v=> v[0]))\n return ({\n type: 'interest',\n id: 'interest_'+i,\n id_idx: i,\n title: k,\n count: xs_sum(v.map(v=> v.universe_count)),\n subs: v,\n })\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":361,"value":"agesplit_list = Object.entries(interest_buckets).map(([k, v], i)=> {\n // const age_group_list = Object.entries(obj_map(xs_groupby(v, 'segment_sub'), v=> v[0]))\n return ({\n id: 'interest_'+i,\n title: k,\n count: xs_sum(v.map(v=> v.universe_count)),\n subs: v,\n })\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":531,"value":"interest_buckets","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"age_count_interpolate_get = interpolate_discrete_get(Object.values(age_count_map), 'count')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"interpolate_discrete_get = (xs, key)=> {\n const count_list = xs.map(x=> x[key])\n const count_tot = xs_sum(count_list)\n const p_list = count_list.map(v=> v/count_tot)\n let p_max = 0\n const tally_list = p_list.map(p=> (p_max = p_max + p))\n // assume 0<=v<=1\n const fn = v=> {\n const _idx = tally_list.findIndex(p=> v {\n const count_list = xs.map(x=> x[key])\n const count_tot = xs_sum(count_list)\n const p_list = count_list.map(v=> v/count_tot)\n let p_max = 0\n const fn = v=> {\n return xs.map((v, i)=> [v, Math.random() < p_list[i]])\n }\n return fn\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"xs_sum = xs=> xs.reduce((a, b)=> a+b, 0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"interest_buckets = xs_groupby(age_unique_items, 'interest')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":363,"value":"age_buckets = xs_groupby(age_unique_items, 'segment_sub')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"age_buckets_list = Object.entries(age_buckets).map(([k, v])=> ({id: k, list: v}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":"age_count_map = { // TODO: provide as separate indata, calc is faulty\n const a = obj_map(age_buckets, (v, k)=> ({k, count: xs_sum(v.map(v=> v.universe_count)), list: v}))\n // const count_tot = xs_sum(Object.values(a))\n // const ps = obj_map(a, v=> v/count_tot)\n return a\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"obj_map = (obj, fn)=> Object.fromEntries(Object.entries(obj).map(([k, v], i)=> [k, fn(v, k, i)]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"universe_count_extent = d3.extent(age_unique_items, d=> d.universe_count)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":293,"value":"universe_count = universe_count_extent[1]*5 // TODO: get correct value from data source","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"xs_groupby = (xs, key)=> {\n const buckets = {}\n xs.forEach(v=> {\n if (!buckets[v[key]]) buckets[v[key]] = []\n buckets[v[key]].push(v)\n })\n return buckets\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"age_unique_items = {\n const reg = {}\n indata.filter(a=> a.segment_kind==='age').forEach(a=> a.items.forEach(v=> {\n const id = `${v.interest} - ${v.segment_sub}`\n reg[id] = v\n }))\n return Object.values(reg)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"xs_concat = xs=> xs.reduce((a, b)=> a.concat(b), [])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"indata = {\n const title_regex = /([^ ]*) cluster - ([^ ]*) segmentation.csv/\n const res = obj_map_kv_xs(indata_files, (k, v, i)=> {\n const m = k.toLowerCase().match(title_regex)\n if (!m) return null\n const [_, cluster, segment_kind] = m\n \n const csv_rows_raw = d3.csvParseRows(v)\n const items = dsv_rows_to_objects(segment_csv_clean(csv_rows_raw))\n .map(v=> segment_obj_clean(v))\n \n return {cluster, segment_kind, items}\n })\n \n \n return res\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"// indata.slice(0,1).map(a=> dsv_rows_to_objects(segment_csv_clean(a.csv_rows_raw)))[0].map(segment_obj_clean)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"segment_csv_clean = csv_text=> {\n let idone = null\n const res = csv_text.filter((r, i)=> {\n if (idone) return false\n if (i>2 && !r[1]) {idone = true; return false}\n return i!=1 && r.length>1\n })\n res[0][1] = \"key\"\n return res\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"dsv_rows_to_objects = (xs)=> {\n const header = xs[0]\n return xs.slice(1)\n .map(r=> r.map((v, i)=> [header[i], v])\n .filter(([k])=> k!==null))\n .map(e=> Object.fromEntries(e))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"segment_csv_clean_demo = segment_csv_clean(d3.csvParseRows(indata_files[\"Fitness Cluster - Age Segmentation.csv\"]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"segment_obj_uncleaned_demo = dsv_rows_to_objects(segment_csv_clean_demo)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"segment_obj_clean = o=> {\n const m = o.key.split(' - ')\n if (m.length!==2) throw new Error('no match '+o.key)\n const [interest, segment_sub] = m\n \n const res = {\n interest, segment_sub,\n universe_count: o[\"Universe\"]*1,\n response_count: o[\"Responses\"]*1,\n index: o[\"Index\"]*1,\n }\n return res\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"segment_obj_clean(segment_obj_uncleaned_demo[0])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"obj_map_kv_xs = (obj, fn)=> Object.entries(obj).map(([k, v], i)=> fn(k, v, i)).filter(Boolean)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"indata_files = ({\n \"Business Cluster - Age Segmentation.csv\":\n await FileAttachment(\"Business Cluster - Age Segmentation@1.csv\").text(),\n \"Business Cluster - Gender Segmentation.csv\":\n await FileAttachment(\"Business Cluster - Gender Segmentation@1.csv\").text(),\n \"Fitness Cluster - Age Segmentation.csv\":\n await FileAttachment(\"Fitness Cluster - Age Segmentation.csv\").text(),\n \"Fitness Cluster - Gender Segmentation.csv\":\n await FileAttachment(\"Fitness Cluster - Gender Segmentation@1.csv\").text(),\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"xs_rnd = xs=> xs[Math.random()*xs.length | 0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"drag = simulation=> {\n return d3.drag()\n // .on('start', )\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":581,"value":"md`# Appendix - Card`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":583,"value":"influencers = [{\n\tyt: {\n\t \"playlist_uploads\": \"UUoOae5nYA7VqaXzerajD0lg\",\n\t \"country\": \"GB\",\n\t \"image_default\": \"https://yt3.ggpht.com/a/AATXAJyfrIQvkSQJHHgw5OL0LhrHpI8zzPxvhds7nw=s88-c-k-c0xffffffff-no-rj-mo\",\n\t \"image_medium\": \"https://yt3.ggpht.com/a/AATXAJyfrIQvkSQJHHgw5OL0LhrHpI8zzPxvhds7nw=s240-c-k-c0xffffffff-no-rj-mo\",\n\t \"title\": \"Ali Abdaal\",\n\t \"subscriber_count\": 565000,\n\t \"video_count\": 232,\n\t \"id\": \"UCoOae5nYA7VqaXzerajD0lg\",\n\t \"image_high\": \"https://yt3.ggpht.com/a/AATXAJyfrIQvkSQJHHgw5OL0LhrHpI8zzPxvhds7nw=s800-c-k-c0xffffffff-no-rj-mo\",\n\t \"slug\": \"aliabdaal\",\n\t \"view_count\": 31227276\n\t},\n\tattention: {\n\t\trelative_size: 0.55,\n\t\toverlap: 0.45,\n\t},\n\ttrust: {\n\t\taudience_relevancy: 0.7,\n\t\trelative_growth: 0.4,\n\t\tconsistency: 0.6,\n\t\tengagement_rate: 0.8,\n\t\tsentiment: 0.74,\n\t},\n\tinfluence_score: 44340,\n\ttop_stats: {\n\t\tage: '24-45: 84%',\n\t\tgender: '68% Male',\n\t\tcountry: 'UK: 32%',\n\t}\n}]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":591,"value":"html`

${card2get(influencers[0])}

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":588,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":586,"value":"p_section_row = (d, row)=> html`

\n${row.title}\n${pbar_get(row.v_get(d))}\n

`\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"p_section = (d, section)=> html`

${section.title}

\n${section.rows.map(r=> p_section_row(d, r))}\n

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":593,"value":"pbar_get = (p)=> {\n const el = html`

\n${(p*100).toPrecision(2)}%\n

`\n \n return el\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":595,"value":"pbar_get(0.7)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 32:"$31:body"