3e:null 3f:["$","title",null,{"children":"AWS Product & Branding Hierarchy | Chris Stanley | Observable"}] 45:Tc1a,chart = { const root = tree( d3.hierarchy(d4).sort((a, b) => d3.ascending(a.data.name, b.data.name)) ); const svg = d3 .create("svg") .style("max-width", "100%") .style("height", "auto") .style("font", "10px sans-serif") .style("margin", "5px"); svg.append("defs") .html(` `); const rootGroup = svg.append("g"); let sample = root.leaves().slice(); let outer_cords = [...new Array(64)].map((e, i) => ({ source: sample[i], target: sample[i + Math.floor(Math.random() * 25)], isArc: true })); let margin = { top: 20, right: 20, bottom: 20, left: 100 }; let arc = function (d) { const y1 = d.source.y; const y2 = d.target.y; const r = Math.abs(y2 - y1) / 2; return `M${margin.left},${y1}A${r},${r} 0,0,${y1 < y2 ? 1 : 0} ${ margin.left },${y2}`; }; const d3Linker = d3.linkRadial(); const link = rootGroup .append("g") .attr("fill", "none") .attr("stroke", "#555") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1.5) .selectAll("path") .data([...root.links() /*, ...outer_cords*/]) .join("path") .attr("d", (d) => d.isArc ? arc(d) : d3Linker.angle((d) => d.x).radius((d) => d.y)(d) ); const node = rootGroup .append("g") .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .selectAll("g") .data(root.descendants().reverse()) .join("g") // .on( // "mouseover", // (event, d) => (mutable CURRENT_NODE = JSON.stringify(d.data, null, " ")) // ) .attr( "transform", (d) => ` rotate(${(d.x * 180) / Math.PI - 90}) translate(${d.y},0) ` ); node // .append("circle") // .attr("fill", (d) => (d.children ? "#555" : "#999")) // .attr("r", 2.5) // .style( // "background", // "url('https://www.google.nl/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png') no-repeat" // ); .append("g") .html( (d) => `` ); node .append("text") .attr("dy", "0.31em") .attr("x", (d) => (d.x < Math.PI === !d.children ? 6 : -6)) .attr("text-anchor", (d) => d.x < Math.PI === !d.children ? "start" : "end" ) .attr("transform", (d) => (d.x >= Math.PI ? "rotate(180)" : null)) .attr("font-size", 4) .text((d) => (d.data.name || "").split(/[:#]/).slice(-1)[0]) .clone(true) .lower() .attr("stroke", "white") .attr("stroke-width", "1"); yield svg.node(); svg.attr("viewBox", autoBox); svg.call(d3.zoom().on("zoom", zoomed)); function zoomed(event) { rootGroup.attr("transform", event.transform); } rootGroup.call( d3.zoom().transform, d3.zoomIdentity.translate(width / 2, width / 2) ); }46:T525,{ const colorContainer = document.createElement("div"); colorContainer.style.borderRadius = "12px"; colorContainer.style.overflow = "hidden"; // Loop through each color and create a div for it Object.keys(COLORS).forEach((colorName) => { const div = document.createElement("div"); div.className = "colorDiv"; div.style.backgroundColor = COLORS[colorName]; div.style.padding = "8px"; // Add a click event listener to the div div.addEventListener("click", () => { // Copy color value to clipboard navigator.clipboard .writeText(COLORS[colorName]) .then(() => { // Show confirmation message subtitle.textContent = "Copied!"; // After 2 seconds, revert back to the color name setTimeout(() => { subtitle.textContent = colorName; }, 1000); }) .catch((err) => console.error("Error copying color to clipboard", err)); }); const subtitle = document.createElement("div"); subtitle.textContent = colorName; subtitle.style.color = "white"; subtitle.style.fontSize = "18px"; subtitle.style.fontWeight = "100"; subtitle.style.fontFamily = "Source Serif Pro"; div.appendChild(subtitle); colorContainer.appendChild(div); }); return colorContainer; }47:T997,COLOR_LOOKUP = ({ "GLOBAL#tech-category#compute:::Compute": "#ED7100", ":::Game Tech": "#8C4FFF", "GLOBAL#tech-category#ai-ml:::Machine Learning": "#01A88D", "GLOBAL#tech-category#contact-center:::Business Applications": "#E7157B", "GLOBAL#tech-category#cost-mgmt:::Cloud Financial Management": "#7AA116", "GLOBAL#tech-category#containers:::Containers": "#ED7100", "GLOBAL#tech-category#analytics:::Analytics": "#8C4FFF", "GLOBAL#tech-category#migration:::Migration": "#E7157B", "GLOBAL#tech-category#networking-content-dev:::Networking & Content Delivery": "#8C4FFF", "GLOBAL#tech-category#storage:::Storage": "#7AA116", ":::Business Applications": "#E7157B", "GLOBAL#tech-category#devtools:::Developer Tools": "#C925D1", "GLOBAL#tech-category#business-apps:::Business Applications": "#E7157B", "GLOBAL#tech-category#security-identity-compliance:::Security, Identity, & Compliance": "#DD344C", "GLOBAL#tech-category#mgmt-govern:::Management & Governance": "#E7157B", "GLOBAL#tech-category#serverless:::Application Integration": "#E7157B", "GLOBAL#tech-category#serverless:::Compute": "#ED7100", "GLOBAL#tech-category#robotics:::Robotics": "#DD344C", "GLOBAL#tech-category#iot:::Internet of Things": "#7AA116", "GLOBAL#tech-category#satellite:::Satellite": "#C925D1", "GLOBAL#tech-category#serverless:::Containers": "#ED7100", "GLOBAL#tech-category#media-services:::Media Services": "#ED7100", "GLOBAL#tech-category#devtools:::Front-End Web & Mobile": "#DD344C", "GLOBAL#tech-category#mgmt-govern:::Compute": "#E7157B", "GLOBAL#tech-category#mgmt-govern:::Architecture Strategy": "#E7157B", ":::Networking & Content Delivery": "#8C4FFF", "GLOBAL#tech-category#mobile:::Front-End Web & Mobile": "#DD344C", "GLOBAL#tech-category#serverless:::Serverless": "#8C4FFF", "GLOBAL#tech-category#euc:::End User Computing": "#01A88D", "GLOBAL#tech-category#databases:::Databases": "#C925D1", "GLOBAL#tech-category#serverless:::Storage": "#7AA116", "GLOBAL#tech-category#blockchain:::Blockchain": "#ED7100", "GLOBAL#tech-category#app-integration:::Application Integration": "#E7157B", "GLOBAL#tech-category#compute:::Containers": "#ED7100", "GLOBAL#tech-category#cost-mgmt:::Compute": "#ED7100", "GLOBAL#tech-category#devtools:::Machine Learning": "#01A88D", "GLOBAL#tech-category#quantum:::Quantum Technologies": "#ED7100", "GLOBAL#tech-category#analytics:::Databases": "#C925D1" })48:T870,function diceSimilarity(sa1, sa2) { // Compare two strings to see how similar they are. // Answer is returned as a value from 0 - 1 // 1 indicates a perfect similarity (100%) while 0 indicates no similarity (0%) // Algorithm is set up to closely mimic the mathematical formula from // the article describing the algorithm, for clarity. // Algorithm source site: http://www.catalysoft.com/articles/StrikeAMatch.html // (Most specifically the slightly cryptic variable names were written as such // to mirror the mathematical implementation on the source site) // // 2014-04-03 // Found out that the algorithm is an implementation of the Sørensen–Dice coefficient [1] // [1] http://en.wikipedia.org/wiki/S%C3%B8rensen%E2%80%93Dice_coefficient // // The algorithm is an n-gram comparison of bigrams of characters in a string // for my purposes, comparison should not check case or whitespace if (typeof sa1 != "string" || typeof sa2 != "string") return 0; var s1 = sa1 .replace(/\s/g, "") .toLowerCase() .replace(/^(aws|amazon)\W*/g, ""); var s2 = sa2 .replace(/\s/g, "") .toLowerCase() .replace(/^(aws|amazon)\W*/g, ""); function intersect(arr1, arr2) { // I didn't write this. I'd like to come back sometime // and write my own intersection algorithm. This one seems // clean and fast, though. Going to try to find out where // I got it for attribution. Not sure right now. var r = [], o = {}, l = arr2.length, i, v; for (i = 0; i < l; i++) { o[arr2[i]] = true; } l = arr1.length; for (i = 0; i < l; i++) { v = arr1[i]; if (v in o) { r.push(v); } } return r; } var pairs = function (s) { // Get an array of all pairs of adjacent letters in a string var pairs = []; for (var i = 0; i < s.length - 1; i++) { pairs[i] = s.slice(i, i + 2); } return pairs; }; var similarity_num = 2 * intersect(pairs(s1), pairs(s2)).length; var similarity_den = pairs(s1).length + pairs(s2).length; var similarity = similarity_num / similarity_den; return similarity; }49:T4ca,aws_catalogue_info_sources = [ [ md`[Product directory search API](https://aws.amazon.com/api/dirs/items/search?item.directoryId=aws-products&size=1000&item.locale=en_US)`, md`Category and product metadata. \n\nBacks the [AWS Cloud Products](https://aws.amazon.com/products/) landing page.`, md`JSON array of services tagged with category.\n\n_Machine friendly_` ], [ md`[AWS Architecture Icons toolkit](https://aws.amazon.com/architecture/icons/#Assets) > [Asset Package](https://aws.amazon.com/architecture/icons/#Assets:~:text=SVG%20file%20formats.-,Asset%20Package,-Drawing%20and%20diagramming))`, md`Contains brand icons for categories, services and resources.\n\n`, md`\`.zip\` w/ named, organized \`.svg\` icons.\n\nMetadata can be extracted from paths by script` ], [ md`[CloudFormation Resource Provider Schema](https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/resource-type-schemas.html) registry`, md`Detailed type / class information for many service's resources`, md`One \`.zip\` file per region.\n\nArchive contains \`.json\` file per \`{SERVICE::RESOURCE}\`` ] ] .map((e) => table_headers.map((th, thi) => [th, e[thi]])) .map(Object.fromEntries)4a:[{"id":"e65374209781891f37dea1e7a6e1c5e020a3009b8aedf113b4c80942018887a1176ad4945cf14444603ff91d3da371b3b0d72419fa8d2ee0f6e815732475d5de","href":"https://static.observableusercontent.com/files/e65374209781891f37dea1e7a6e1c5e020a3009b8aedf113b4c80942018887a1176ad4945cf14444603ff91d3da371b3b0d72419fa8d2ee0f6e815732475d5de","name":"flare-2.json","type":"application/octet-stream","lastModified":1679922887899.1,"size":11634},{"id":"ad94e032a8ad7d88cb8f197490752521c35e55fbbaf13c3d60cb59eeede1926dd76bc21f0ee8805d496b5ead0d146ee82d7623fbd28714670fb4b4d3ef31a022","href":"https://static.observableusercontent.com/files/ad94e032a8ad7d88cb8f197490752521c35e55fbbaf13c3d60cb59eeede1926dd76bc21f0ee8805d496b5ead0d146ee82d7623fbd28714670fb4b4d3ef31a022","name":"icons_flat@4.json","type":"application/json","lastModified":1690754393496.766,"size":6762434},{"id":"87a77ce45aaf68e4ab7c407082684b2b8bc21375ccabd3294dd9a351883d16941884557c5c110f45d30c876c7f3633c41e14765713fad0e8b0541908fe42fbed","href":"https://static.observableusercontent.com/files/87a77ce45aaf68e4ab7c407082684b2b8bc21375ccabd3294dd9a351883d16941884557c5c110f45d30c876c7f3633c41e14765713fad0e8b0541908fe42fbed","name":"aws-resources@1.json","type":"application/json","lastModified":1690755523187.949,"size":1197449},{"id":"e08bb28284e3cfd32ff59e6d3bca0e5fb9244180722e6914f3b154592bd44abc49e04d533b62011b3b00c397f5cecaf4635c762867866b484b11ce1ee8d979fc","href":"https://static.observableusercontent.com/files/e08bb28284e3cfd32ff59e6d3bca0e5fb9244180722e6914f3b154592bd44abc49e04d533b62011b3b00c397f5cecaf4635c762867866b484b11ce1ee8d979fc","name":"aws-resources.json","type":"application/json","lastModified":1679924972911.029,"size":961137}] 43:{"id":"4e8e907dbe85e69d","slug":null,"title":"AWS Product & Branding Hierarchy","thumbnail":"bc0fd5a71f5dd81bedf1d04ccd86dc2d1b024e1f3635df9ba71be53e79457f91","access_level":"public","create_time":"$D2023-03-27T13:14:47.899Z","update_time":"$D2023-07-30T23:00:44.257Z","view_time":null,"first_public_time":"$D2023-03-27T13:14:47.899Z","has_unpublished_edits":null,"fork":{"id":"c8372b3818ea5442","slug":"radial-tidy-tree","title":"Radial Tidy Tree","owner":{"id":"bec20226c20b2e57","login":"paulshorey","name":"paul shorey"}},"stars":0,"starred":false,"owner":{"type":"team","id":"d6a36d1843592687","login":"propolisa","name":"Chris Stanley","avatar_url":"https://avatars-next.observableusercontent.com/b9dae0ea273274b656f3f0f3920e5ef3437913a4dc303e5fc3b006906a8f6e5d","tier":"starter_2024","bio":"Cybersecurity and data visualization.\nEverything is a graph.\nSecurity Engineer @ Zivver","following":false},"version":965,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"9578f02a8efdf1d2","login":"propolisa","name":"Chris Stanley","avatar_url":"https://avatars-next.observableusercontent.com/b9dae0ea273274b656f3f0f3920e5ef3437913a4dc303e5fc3b006906a8f6e5d","tier":null,"bio":"Cybersecurity and data visualization.\nEverything is a graph.\nSecurity Engineer @ Zivver","following":false}],"members":[{"type":"individual","id":"9578f02a8efdf1d2","login":"propolisa","name":"Chris Stanley","avatar_url":"https://avatars-next.observableusercontent.com/b9dae0ea273274b656f3f0f3920e5ef3437913a4dc303e5fc3b006906a8f6e5d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"AWS Product & Branding Hierarchy","cells":[{"id":1,"value":"md`# AWS Product & Branding Hierarchy\nAmazon Web Services (AWS) has a huge product portfolio, which can be grouped logically by categories (e.g. target industry) > services (or 'products') > resources.\n\nThere are a few programmatic data sources describing these categories, services and resources. A non-exhaustive list:\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":517,"value":"viewof table = Inputs.table(aws_catalogue_info_sources, {\n layout: \"auto\",\n format: Object.fromEntries(table_headers.map((e) => [e, (x) => md`${x}`]))\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":603,"value":"md`To visualize the AWS product catalogue (including resource classes) some or all of the above sources need to be combined into a knowledge graph.\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":486,"value":"viewof NUMBER_OF_NODES = Inputs.range(\n [0, AWS_PRODUCT_CATALOGUE_DATA.DATA?.length],\n {\n label: \"Slice nodes (for preview)\",\n value: AWS_PRODUCT_CATALOGUE_DATA.DATA?.length\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"~~~\n${CURRENT_NODE}\n~~~","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":907,"value":"WORD_MAPPINGS = ({ Branding: { AwsCloudProducts: { \"Game Tech\": \"Gaming\" } } })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":680,"value":"LEGEND = {\n return { LEVELS: [\"tech_category\", \"product\", \"resource\"] };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":893,"value":"DELIMITER = \":::\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"mutable CURRENT_NODE = \"\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"function autoBox() {\n const { x, y, width, height } = this.getBBox();\n return [x, y, width, height];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"data = FileAttachment(\"flare-2.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"tree = d3.tree()\n .size([2 * Math.PI, radius])\n .separation((a, b) => (a.parent == b.parent ? 1 : 2) / a.depth)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"LABEL_SCALE = 4","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"width = 932","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"radius = width / 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"AWS_PRODUCT_CATALOGUE_DATA = FileAttachment(\"aws-resources@1.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":366,"value":"ABD = Object.fromEntries(\n Object.keys(AWS_BRANDING_DATA).map((k) => [\n k,\n k != \"RESOURCES\"\n ? AWS_BRANDING_DATA[k].filter((e) => e.path.includes(\"_48\"))\n : AWS_BRANDING_DATA[k].filter(\n (e) =>\n e.path.includes(\"_48\") &&\n (e.path.includes(\"Dark\") || !e.path.includes(\"Light\"))\n )\n ])\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"function findClosest(s, arr, accessorfn = (e) => e, lowerbound = 0) {\n const diceIdx = arr.map((e) => diceSimilarity(s, accessorfn(e)));\n let topSimilarityScore = diceIdx[d3.maxIndex(diceIdx)];\n return topSimilarityScore >= lowerbound ? arr[d3.maxIndex(diceIdx)] : null;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":700,"value":"function ancestorMap(a, i) {\n return typeof a === \"string\" ? [LEGEND.LEVELS[i], a] : {};\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":663,"value":"function unwrap({\n children,\n _parents = [],\n _inherited_props_misc = {},\n ...obj\n}) {\n let type = LEGEND.LEVELS[_parents.length];\n let inherited_props = Object.fromEntries(_parents.map(ancestorMap));\n if ([\"tech_category\", \"product\"].includes(type)) {\n obj.color = getBgColorFromSvg(obj.svg);\n } else {\n debugger;\n obj.name = [inherited_props.product, obj.name].join(DELIMITER);\n }\n let this_obj = {\n ..._inherited_props_misc,\n ...inherited_props,\n ...obj,\n type\n };\n if (children) {\n console.log(_parents.map(ancestorMap));\n return [\n children.map((c) =>\n unwrap({\n ...c,\n _parents: _parents.slice(0).concat(obj.name),\n _inherited_props_misc: this_obj\n })\n ),\n this_obj\n ].flat(2);\n } else {\n return this_obj;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":661,"value":"d5 = d4.children.map(unwrap).flat()\n// .filter((e) => e.type === \"resource\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":676,"value":"d6 = d5.map((e) => {\n let { name, svg, type } = e;\n let id_parts = name.split(DELIMITER);\n let [marketplace_id, branding_id] = id_parts;\n return { ...e, marketplace_id, branding_id };\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":876,"value":"d7 = d6\n .map((e) => {\n let { name, type } = e;\n if ([\"tech_category\", \"product\"].includes(type)) {\n return {\n ...e,\n marketplace_data: AWS_PRODUCT_CATALOGUE_DATA.DATA.find((e) =>\n e.tags.some((tag) => tag.id === name.split(DELIMITER).shift())\n )\n };\n } else {\n return e;\n }\n })\n .map(({ color, ...e }) => ({\n color: color || COLOR_LOOKUP?.[e.tech_category],\n ...e\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":944,"value":"## AWS Brand Colors","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":933,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":929,"value":"COLORS = ({\n Squid: \"#232F3E\",\n Galaxy: \"#8C4FFF\",\n Nebula: \"#C925D1\",\n Cosmos: \"#E7157B\",\n Mars: \"#DD344C\",\n Smile: \"#ED7100\",\n Endor: \"#7AA116\",\n Orbit: \"#01A88D\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":926,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":776,"value":"function getBgColorFromSvg(svg) {\n const fragment = document.createDocumentFragment();\n\n // Create a temporary div to parse the SVG string\n const tempDiv = document.createElement(\"div\");\n tempDiv.innerHTML = svg;\n // Add the parsed SVG to the fragment\n fragment.appendChild(tempDiv);\n\n // Use a selector string to select the element\n const selectorString = \"linearGradient\";\n let svg_node = fragment.querySelector(\"svg\");\n const color =\n svg_node\n ?.querySelector('g[id^=\"Icon-Architecture-BG\"]')\n ?.getAttribute(\"fill\") ||\n svg_node?.querySelector(\"rect\")?.getAttribute(\"fill\"); /*fragment\n .querySelector(selectorString)\n ?.firstElementChild?.nextElementSibling.getAttribute(\"stop-color\");*/\n return color;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"d4 = {\n let d44 = structuredClone(d2);\n let leaves = d44.children?.map((e) => e.children).flat();\n leaves.forEach((leaf) => {\n console.log(\n ABD.RESOURCES.map((e) =>\n diceSimilarity(\n (leaf?.name?.replaceAll(\" \", \"\") || \"\").split(/[:#]/).slice(-1)[0],\n e.resource_service,\n 0.7\n )\n )\n );\n leaf.children = ABD.RESOURCES.map((e) =>\n diceSimilarity(\n (leaf?.name?.replaceAll(\" \", \"\") || \"\").split(/[:#]/).slice(-1)[0],\n e.resource_service\n ) > 0.75\n ? { name: e.resource_name, svg: e?.svg }\n : null\n ).filter(Boolean);\n });\n return d44;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"function hierarchyToJson(root) {\n let name =\n typeof root.data == \"object\" && !Array.isArray(root.data)\n ? [\n root?.data?.tags?.find((t) => t.tagNamespaceId == \"GLOBAL#product\")\n ?.id || \"\",\n root?.data?.item?.additionalFields?.productName\n ].join(DELIMITER)\n : root.data?.[0];\n\n const SVC_SVG = findClosest(\n (root?.data?.item?.additionalFields?.productName?.replaceAll(\" \", \"\") || \"\")\n .split(/[:#]/)\n .slice(-1)[0],\n [...ABD.SERVICE],\n (e) => e.service_name,\n 0.7\n )?.svg;\n\n const obj = {\n name: name || \"root\",\n svg:\n SVC_SVG ||\n ABD.CATEGORY.find(\n (c) =>\n diceSimilarity(\n c.category_name,\n (name?.replace(\" \", \"\") || \"\").split(/[:#]/).slice(-1)[0]\n ) > 0.66\n )?.svg\n };\n if (root.children) obj.children = root.children.map(hierarchyToJson);\n if (root.data && root.data.value) obj.value = root.data.value;\n return obj;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"d2 = {\n let h = d3.hierarchy(\n d3.group(\n AWS_PRODUCT_CATALOGUE_DATA.DATA.slice(0, NUMBER_OF_NODES),\n (e) =>\n [\n e.tags.find((t) => t.tagNamespaceId == \"GLOBAL#tech-category\")?.id ||\n \"\",\n e.item?.additionalFields?.productCategory\n ].join(DELIMITER) || \"UNCATEGORIZED\"\n )\n );\n return hierarchyToJson(h);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"function getImageDataURL(svgXml) {\n return (\n \"data:image/svg+xml;base64,\" + btoa(unescape(encodeURIComponent(svgXml)))\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":896,"value":"findClosest(\"AWS enrico\", [\"Neptune\", \"Aws Nenrico\", \"enrico\"], (e) => e, 0.9)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"$48","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":608,"value":"# Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":261,"value":"AWS_BRANDING_DATA = FileAttachment(\"icons_flat@4.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":546,"value":"table_headers = [\"Resource\", \"Description\", \"Format\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 44:"$43:body"