-
{question}
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
- veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
- commodo.
-
+
+ {metadata?.icon && {metadata.icon} }
+ {question}
+
+
{metadata?.description || question}
);
}
diff --git a/src/config.ts b/src/config.ts
index c2a6060..5c90bff 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -23,3 +23,6 @@ const aaiColors = [
export const colorScheme = Object.fromEntries(
aaiColors.map((color, index) => [index, color])
);
+
+export const categoryMetadataUrl =
+ "https://docs.google.com/spreadsheets/d/e/2PACX-1vT6FQoV_8ET_pmEB5LGlI_ST9AAhsfiZrWydFwIB80G0Lr_kGwVJUzjM6fRPP9Yrx6iVZYMVAPTnLKq/pub?gid=0&single=true&output=csv";
diff --git a/src/index.css b/src/index.css
index 5752608..18c6b0d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -78,6 +78,8 @@ body {
border: 1px solid #ddd;
border-radius: 8px;
+ flex: 1 1 380px;
+
filter: drop-shadow(0 2px 2px hsl(202.5deg 20% 76.5%));
display: flex;
@@ -95,7 +97,6 @@ body {
font-size: 14px;
color: #666;
line-height: 1.4;
- max-width: 40ch;
}
.question-title {
diff --git a/src/lib/metadata.ts b/src/lib/metadata.ts
new file mode 100644
index 0000000..11f7a2f
--- /dev/null
+++ b/src/lib/metadata.ts
@@ -0,0 +1,37 @@
+import * as d3 from "d3";
+
+export interface CategoryMetadata {
+ category: string;
+ description: string;
+ icon: string;
+}
+
+const sampleMetadataCsv = `title,text,icon
+Allgemeines KI-Wissen,Grundlegendes Wissen über Künstliche Intelligenz und deren Anwendung in Organisationen,school
+KI-Innovation,"Fähigkeiten zur Entwicklung, Bewertung und Förderung von KI-Innovationen im Unternehmen",science
+KI-Geschäftsstrategie,"Verstehen, wie KI strategisch in Geschäftsmodelle integriert und eingesetzt werden kann",business
+Stakeholder-Landschaft,"Fähigkeit, relevante Stakeholder für KI-Initiativen zu identifizieren, einzubinden und zu koordinieren",people_alt
+KI-Ethik,Kenntnisse über ethische Fragestellungen und verantwortungsvollen KI-Einsatz,local_police
+KI-Regulation,Verständnis rechtlicher Rahmenbedingungen und Regulierungen rund um KI,gavel
+Datenkompetenz,"Fähigkeit, Daten kritisch zu beurteilen, aufzubereiten und für KI nutzbar zu machen",equalizer
+Python-Programmierung,Grundlegende Programmier-kenntnisse zur Umsetzung und Anpassung von KI-Lösungen,data_object
+Software Design,"Gestaltung robuster, skalierbarer und wartbarer Softwarelösungen mit KI-Komponenten",code
+Maschinelles Lernen,Kenntnisse in maschinellem Lernen zur Entwicklung datengetriebener Modelle,model_training
+MLOps / Infrastruktur,Fähigkeiten zum produktiven Einsatz und Betrieb von KI-Systemen in Unternehmen,all_inclusive
+GenAI-Kenntnisse,Verständnis generativer KI-Modelle (z. B. Large Language Models) und ihrer praktischen Nutzung,auto_awesome`;
+
+export function fetchCategoryMetadata(): Promise