2a:null 2b:["$","title",null,{"children":"Centres of Excellence (CoEs) | EuroCC@Greece | Observable"}] 30:T673,viewof table_coe = { const table_coe = Inputs.table(search_table_coe,{ width: "100%", format: { Website: o => htl.html`${o}`, "Main contact info (e.g., info email or coordinator)": o => o.includes("@")? htl.html`${o}`: htl.html`${o}` }, columns : ["Acronym", "Full name", "Website", // "HE call topic", "Domains", "Sub-domains / Use cases", "HPC technologies", "Main contact info (e.g., info email or coordinator)", "Consortium", "Greek partners", // "Greek contact point (Name, affiliation, email)" ], header: {"Main contact info (e.g., info email or coordinator)": "Contact info"}, }); table_coe.querySelectorAll("td").forEach(cell => { cell.addEventListener("mouseenter", () => { cell.title = cell.textContent; }); cell.addEventListener("mouseleave", () => { cell.title = ""; }); }) // media queries to change table layout in mobile devices const mq = window.matchMedia("(max-width: 640px)"); if (mq.matches) { table_coe.querySelector("table").style.tableLayout = "auto"; } else { table_coe.querySelector("table").style.tableLayout = "fixed"; }; mq.addListener((event) => { if (event.matches) { table_coe.querySelector("table").style.tableLayout = "auto"; } else { table_coe.querySelector("table").style.tableLayout = "fixed"; } }); return table_coe; }31:T441,table_coe_codes2 = { let table_coe = Inputs.table(search_table_coe_codes_new,{ header: {"Title": "Code"}, width: "100%", width: {"CoE": 180, "Code": 180}, format: { URL1: o => htl.html`${o}`, URL2: o => htl.html`${o}`, }, }); table_coe.querySelectorAll("td").forEach(cell => { cell.addEventListener("mouseenter", () => { cell.title = cell.textContent; }); cell.addEventListener("mouseleave", () => { cell.title = ""; }); }) // media queries to change table layout in mobile devices const mq = window.matchMedia("(max-width: 640px)"); if (mq.matches) { table_coe.querySelector("table").style.tableLayout = "auto"; } else { table_coe.querySelector("table").style.tableLayout = "fixed"; }; mq.addListener((event) => { if (event.matches) { table_coe.querySelector("table").style.tableLayout = "auto"; } else { table_coe.querySelector("table").style.tableLayout = "fixed"; } }); return table_coe }32:T400,table_coe_use_cases = { let table_coe = Inputs.table(search_table_coe_use_cases,{ format: { URL: o => htl.html`${o}`, }, header: {"Title": "Use case"}, width: "100%", width: {"CoE": 120, "Use case": 200} }); table_coe.querySelectorAll("td").forEach(cell => { cell.addEventListener("mouseenter", () => { cell.title = cell.textContent; }); cell.addEventListener("mouseleave", () => { cell.title = ""; }); }) // media queries to change table layout in mobile devices const mq = window.matchMedia("(max-width: 640px)"); if (mq.matches) { table_coe.querySelector("table").style.tableLayout = "auto"; } else { table_coe.querySelector("table").style.tableLayout = "fixed"; }; mq.addListener((event) => { if (event.matches) { table_coe.querySelector("table").style.tableLayout = "auto"; } else { table_coe.querySelector("table").style.tableLayout = "fixed"; } }); return table_coe }33:T5a1, ## How to: embed the tables and charts in your website You can embed the following tables and charts in your websites; you can copy and paste the following codes. ** CoE's Search box & Table & Download button:** ```html ``` ** Charts for Domains and HPC technologies:** ```html ``` and ```html ``` ** Search box & Table for List of Trainings/Codes/Use Cases:** ```html ``` and ```html ``` and ```html ```34:[{"id":"23086bd24cb931283e19ea1123b439bbd0d81c02ea3a9ce1d842f1018b341e222aad28d4608f369804d346410039c060450ff7aacadc5a4342eb5ac1b74b214b","href":"https://static.observableusercontent.com/files/23086bd24cb931283e19ea1123b439bbd0d81c02ea3a9ce1d842f1018b341e222aad28d4608f369804d346410039c060450ff7aacadc5a4342eb5ac1b74b214b","name":"Centres of Excellence (CoEs) - 2023 - CoE.csv","type":"text/csv","lastModified":1676546160955.887,"size":6252}] 2e:{"id":"013079ed48653013","slug":"eurocc-greece-coe","title":"Centres of Excellence (CoEs)","thumbnail":"279e8edcce70f91eac9939e4f16e2716967547733f94ca37d61a732986590c45","access_level":"public","create_time":"$D2023-02-16T11:13:26.959Z","update_time":"$D2025-03-12T11:35:24.897Z","view_time":null,"first_public_time":"$D2023-02-16T11:13:26.959Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"f7f8bb0eabb16782","login":"euroccgr","name":"EuroCC@Greece","avatar_url":"https://avatars-next.observableusercontent.com/651bf4953148e719a4f6b6d014c546175a5db6e052499f81baf931c674fdb117","tier":"starter_2024"},"version":385,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2e394d9deb783e4e","login":"euroccgreece","name":"EuroCC@Greece","avatar_url":"https://avatars-next.observableusercontent.com/651bf4953148e719a4f6b6d014c546175a5db6e052499f81baf931c674fdb117","tier":null},{"type":"individual","id":"0742c07d75b1a2ea","login":"pavlos","name":"Pavlos Sermpezis","avatar_url":"https://avatars-next.observableusercontent.com/200aa95291d6d5ebe777baf6ba8e2f53b577798e1ae41ebc39d70811739e73d6","tier":null},{"type":"individual","id":"da2e2a0573ec89eb","login":"skaram82","name":"Stelios K.","avatar_url":"https://avatars-next.observableusercontent.com/db4c5657f84f0fe8e7e31499dc35fcfba2338443b80cb962bdce9208bd80a917","tier":null}],"members":[{"type":"team","id":"f7f8bb0eabb16782","login":"euroccgr","name":"EuroCC@Greece","avatar_url":"https://avatars-next.observableusercontent.com/651bf4953148e719a4f6b6d014c546175a5db6e052499f81baf931c674fdb117","tier":"starter_2024","role":"editor"},{"type":"individual","id":"0742c07d75b1a2ea","login":"pavlos","name":"Pavlos Sermpezis","avatar_url":"https://avatars-next.observableusercontent.com/200aa95291d6d5ebe777baf6ba8e2f53b577798e1ae41ebc39d70811739e73d6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Centres of Excellence (CoEs)","cells":[{"id":0,"value":"# Centres of Excellence (CoEs)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5,"value":"In this notebook we present a list of the CoEs in EU. You can search for CoE, and its domains, use cases, and partners. \n\nThis is an effort by the Greek National Competency Centre on High Performance Computing (aka. EuroCC@Greece). More information can be found in our website [https://eurocc-greece.gr/](https://eurocc-greece.gr/)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":17,"value":"viewof search_table_coe = Inputs.search(data_coe, {label: \"search for a keyword in the following list\", placeholder: \"e.g., engineering, or simulation, or CINECA\", width:500})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29,"value":"button_data_coe = button(data_coe, 'data_coe.csv');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":67,"value":"### Domains frequency","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":51,"value":"plot_domains = Plot.plot({\n marginLeft: 200,\n x: {\n grid: true,\n label: \"Nb of CoEs\"\n },\n y: {\n label: \"Domain\",\n },\n color: {\n scheme: \"Category10\",\n },\n marks: [\n Plot.barX(domains_freq, {x: \"freq\", y: \"domain\", fill: \"domain\", sort: {y: \"x\", reverse: true}}),\n Plot.ruleX([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":101,"value":"### HPC technologies frequency","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":87,"value":"plot_technologies = Plot.plot({\n marginLeft: 200,\n x: {\n grid: true,\n label: \"Nb of CoEs\"\n },\n y: {\n label: \"HPC technologies\",\n },\n color: {\n scheme: \"Category10\",\n },\n marks: [\n Plot.barX(get_frequencies(\"HPC technologies\"), {x: \"freq\", y: \"domain\", fill: \"domain\", sort: {y: \"x\", reverse: true}}),\n Plot.ruleX([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":153,"value":"### List of Trainings","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":155,"value":"viewof table_coe_trainings = {\n const table_coe = Inputs.table(data_coe.filter(e => e[\"Trainings\"].length > 2),{\n format: {\n Trainings: o => htl.html`${o}`,\n },\n width: \"100%\",\n columns : [\"Acronym\",\t\n \"Trainings\"\n ],\n header: {\"Acronym\": \"CoE\"},\n width: {\"Acronym\": 150}\n });\n\n // media queries to change table layout in mobile devices\n const mq = window.matchMedia(\"(max-width: 640px)\");\n if (mq.matches) {\n table_coe.querySelector(\"table\").style.tableLayout = \"auto\";\n } else {\n table_coe.querySelector(\"table\").style.tableLayout = \"fixed\";\n };\n\n mq.addListener((event) => {\n if (event.matches) {\n table_coe.querySelector(\"table\").style.tableLayout = \"auto\";\n } else {\n table_coe.querySelector(\"table\").style.tableLayout = \"fixed\";\n }\n });\n \n return table_coe;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":373,"value":"### List of Codes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":363,"value":"viewof search_table_coe_codes_new = Inputs.search(data_coe_codes_new, {label: \"search for a keyword (e.g., a CoE acronym, or a term)\", width:500})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":358,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":165,"value":"### List of Codes [OLD]","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":178,"value":"viewof search_table_coe_codes = Inputs.search(data_coe_codes, {label: \"search for a keyword (e.g., a CoE acronym, or a term)\", width:500})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":169,"value":"table_coe_codes = {\n let table_coe = Inputs.table(search_table_coe_codes,{\n header: {\"Title\": \"Code\"},\n width: \"100%\",\n width: {\"CoE\": 180, \"Code\": 180},\n });\n\n table_coe.querySelectorAll(\"td\").forEach(cell => {\n cell.addEventListener(\"mouseenter\", () => {\n cell.title = cell.textContent;\n });\n cell.addEventListener(\"mouseleave\", () => {\n cell.title = \"\";\n });\n })\n\n // media queries to change table layout in mobile devices\n const mq = window.matchMedia(\"(max-width: 640px)\");\n if (mq.matches) {\n table_coe.querySelector(\"table\").style.tableLayout = \"auto\";\n } else {\n table_coe.querySelector(\"table\").style.tableLayout = \"fixed\";\n };\n\n mq.addListener((event) => {\n if (event.matches) {\n table_coe.querySelector(\"table\").style.tableLayout = \"auto\";\n } else {\n table_coe.querySelector(\"table\").style.tableLayout = \"fixed\";\n }\n });\n \n return table_coe\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":186,"value":"### List of Use Cases","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":195,"value":"viewof search_table_coe_use_cases = Inputs.search(data_coe_use_cases, {label: \"search for a keyword (e.g., a CoE acronym, or a term)\", width:500})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":188,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":215,"value":"$33","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":217,"value":"# Appendix\nThe code below is needed for the above Tables/Charts to run","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":31,"value":"button = (data, filename = 'data.csv') => {\n \n let downloadData = new Blob([d3.csvFormat(data)], { type: \"text/csv\" });\n \n const size = (downloadData.size / 1024).toFixed(0);\n const button = DOM.download(\n downloadData,\n filename,\n `Download data`\n );\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":69,"value":"domains_freq = get_frequencies(\"Domains\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":35,"value":"get_frequencies = function(data_key){\n let counter = {}\n for (let i=0; i