Spaces:

eaglelandsonce
/

MLS_GenerativeAI_Landscape

Running

App Files Files Community

eaglelandsonce commited on Mar 20

Commit

6773879

verified ·

1 Parent(s): 1f3a142

Update index.html

Browse files

Files changed (1) hide show

index.html +30 -230

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Delta Lake Jeopardy</title>
   <style>
     body {
       font-family: Arial, sans-serif;
@@ -66,214 +66,56 @@
       font-weight: bold;
       color: #0078D4;
     }
-    .answer-container {
-      display: flex;
-      justify-content: center;
-      margin-top: 20px;
-    }
-    .answer-btn {
-      margin: 5px;
-      padding: 10px 15px;
-      font-size: 18px;
-      cursor: pointer;
-      text-align: center;
-      border: 2px solid #005a9e;
-      border-radius: 5px;
-      background-color: #0078D4;
-      color: #fff;
-      font-weight: bold;
-      transition: background-color 0.3s, color 0.3s;
-    }
-    .answer-btn:hover {
-      background-color: #005a9e;
-      color: #f0f0f0;
-    }
-    .answer-btn.disabled {
-      background-color: #cccccc;
-      color: #666;
-      cursor: not-allowed;
-    }
-    .feedback {
-      margin-top: 10px;
-      font-size: 18px;
-      font-weight: bold;
-    }
   </style>
 </head>
 <body>
-  <h1>Delta Lake Jeopardy</h1>
-  <p>
-    <strong>Learn More:</strong>
-    <a href="https://learn.microsoft.com/en-us/azure/databricks/delta/" target="_blank">Delta Lake Documentation</a>
   </p>
   <div id="game-board">
-    <div class="category">Delta Lake Fundamentals</div>
-    <div class="category">Getting Started &amp; Basic Operations</div>
-    <div class="category">Data Ingestion &amp; Conversion</div>
-    <div class="category">Table Management &amp; Updates</div>
-    <div class="category">Advanced Features &amp; Optimization</div>
   </div>
   <div id="question-display"></div>
   <div id="score">Score: 0</div>
   <script>
     const categories = [
-      "Delta Lake Fundamentals",
-      "Getting Started & Basic Operations",
-      "Data Ingestion & Conversion",
-      "Table Management & Updates",
-      "Advanced Features & Optimization"
     ];
     const questions = [
-      // Delta Lake Fundamentals
       [
-        {
-          q: "What is Delta Lake?",
-          a: [
-            "An optimized storage layer that extends Parquet files with ACID transactions and scalable metadata handling",
-            "A proprietary database management system",
-            "A cloud-only file storage service"
-          ],
-          correct: 0
-        },
-        {
-          q: "Which feature is integral to Delta Lake for ensuring reliable data operations?",
-          a: [
-            "Simple file copy operations",
-            "A file-based transaction log",
-            "In-memory caching only"
-          ],
-          correct: 1
-        },
-        {
-          q: "Delta Lake is fully compatible with which API for big data processing?",
-          a: [
-            "Hadoop MapReduce API",
-            "Flink DataStream API",
-            "Apache Spark APIs"
-          ],
-          correct: 2
-        }
       ],
-      // Getting Started & Basic Operations
       [
-        {
-          q: "On Azure Databricks, what is the default format for tables?",
-          a: [
-            "Delta Lake",
-            "Parquet",
-            "CSV"
-          ],
-          correct: 0
-        },
-        {
-          q: "Which approach automatically gives you all Delta Lake benefits when saving data on Azure Databricks?",
-          a: [
-            "Manually setting table properties",
-            "Saving data with default settings",
-            "Using third-party ingestion tools"
-          ],
-          correct: 1
-        },
-        {
-          q: "Where can you find examples of basic Delta Lake operations like creating tables and updating data?",
-          a: [
-            "In Delta Lake API documentation",
-            "In the Delta Transaction Log Protocol guide",
-            "In the Delta Lake tutorial"
-          ],
-          correct: 2
-        }
       ],
-      // Data Ingestion & Conversion
       [
-        {
-          q: "Which product is mentioned as a way to accelerate loading data into a Delta Lake?",
-          a: [
-            "Delta Live Tables (DLT)",
-            "Delta Query Engine",
-            "Delta Data Warehouse"
-          ],
-          correct: 0
-        },
-        {
-          q: "What is one method provided by Azure Databricks to convert Parquet or Iceberg data to Delta Lake?",
-          a: [
-            "Automatic backup",
-            "Incremental conversion",
-            "Full manual migration"
-          ],
-          correct: 1
-        },
-        {
-          q: "Which ingestion option is NOT listed as available for Delta Lake?",
-          a: [
-            "COPY INTO",
-            "Auto Loader",
-            "Real-time SQL polling"
-          ],
-          correct: 2
-        }
       ],
-      // Table Management & Updates
       [
-        {
-          q: "What operation does Delta Lake support to facilitate upserts into tables?",
-          a: [
-            "Merge",
-            "Join",
-            "Union"
-          ],
-          correct: 0
-        },
-        {
-          q: "Which Delta Lake feature allows updating table schema without rewriting data?",
-          a: [
-            "Vacuum",
-            "Manual or automatic schema updates",
-            "Liquid clustering"
-          ],
-          correct: 1
-        },
-        {
-          q: "What functionality does Delta Lake provide to rename or delete columns without rewriting data?",
-          a: [
-            "Schema enforcement",
-            "Selective overwrite",
-            "Column mapping"
-          ],
-          correct: 2
-        }
       ],
-      // Advanced Features & Optimization
       [
-        {
-          q: "Which capability allows Delta Lake to support both batch and streaming operations with a single copy of data?",
-          a: [
-            "Tight integration with Structured Streaming",
-            "In-memory data grids",
-            "Dedicated streaming servers"
-          ],
-          correct: 0
-        },
-        {
-          q: "How does Delta Lake enable querying previous versions of a table?",
-          a: [
-            "Through continuous data replication",
-            "Using the transaction log to review table history",
-            "Via external backup systems"
-          ],
-          correct: 1
-        },
-        {
-          q: "What optimization technique in Delta Lake helps reduce the number of files scanned during a query?",
-          a: [
-            "Index rebuilding",
-            "Data caching",
-            "Liquid clustering and data skipping"
-          ],
-          correct: 2
-        }
       ]
     ];
     let score = 0;
@@ -283,7 +125,6 @@
     const questionDisplay = document.getElementById("question-display");
     const scoreDisplay = document.getElementById("score");
     function createBoard() {
-      // Create 15 question cards (3 rows x 5 columns) appended after the category headers.
       for (let row = 0; row < 3; row++) {
         for (let col = 0; col < 5; col++) {
           const card = document.createElement("div");
@@ -294,48 +135,7 @@
         }
       }
     }
-    function showQuestion(category, difficulty, cardElement) {
-      if (cardElement.classList.contains("disabled")) return;
-      const question = questions[category][difficulty];
-      const answerHtml = question.a
-        .map(
-          (answer, index) =>
-            `<button class="answer-btn" onclick="checkAnswer(${category}, ${difficulty}, ${index})">${answer}</button>`
-        )
-        .join("");
-      questionDisplay.innerHTML =
-        `<h2>${categories[category]} for $${(difficulty + 1) * 100}</h2>
-         <p>${question.q}</p>
-         <div class="answer-container">${answerHtml}</div>`;
-      cardElement.classList.add("disabled");
-      cardElement.style.backgroundColor = "#cccccc";
-      answeredCards++;
-    }
-    function checkAnswer(category, difficulty, selectedAnswer) {
-      const question = questions[category][difficulty];
-      const correctAnswer = question.a[question.correct];
-      const isCorrect = selectedAnswer === question.correct;
-      const value = (difficulty + 1) * 100;
-      document.querySelectorAll(".answer-btn").forEach((btn) => {
-        btn.disabled = true;
-        btn.classList.add("disabled");
-      });
-      if (isCorrect) {
-        score += value;
-        questionDisplay.innerHTML += `<p class="feedback" style="color: green;">Correct! You earned $${value}.</p>`;
-      } else {
-        score -= value;
-        questionDisplay.innerHTML += `<p class="feedback" style="color: red;">Wrong! You lost $${value}. The correct answer was: ${correctAnswer}</p>`;
-      }
-      scoreDisplay.textContent = `Score: ${score}`;
-      if (answeredCards === totalCards) {
-        endGame();
-      }
-    }
-    function endGame() {
-      questionDisplay.innerHTML = `<h2>Game Over!</h2><p>Your final score is $${score}.</p>`;
-    }
     createBoard();
   </script>
 </body>
-</html>

 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Generative AI Jeopardy</title>
   <style>
     body {
       font-family: Arial, sans-serif;
       font-weight: bold;
       color: #0078D4;
     }
   </style>
 </head>
 <body>
+  <h1>Generative AI Jeopardy</h1>
+  <p><strong>Learn More:</strong>
+    <a href="https://olympus.mygreatlearning.com/courses/125919" target="_blank">Generative AI Landscape</a>
   </p>
   <div id="game-board">
+    <div class="category">Generative AI Fundamentals</div>
+    <div class="category">Machine Learning & Deep Learning</div>
+    <div class="category">Foundation Models & Transformers</div>
+    <div class="category">Vector Embeddings & LLMs</div>
+    <div class="category">AI Risks & Hallucinations</div>
   </div>
   <div id="question-display"></div>
   <div id="score">Score: 0</div>
   <script>
     const categories = [
+      "Generative AI Fundamentals",
+      "Machine Learning & Deep Learning",
+      "Foundation Models & Transformers",
+      "Vector Embeddings & LLMs",
+      "AI Risks & Hallucinations"
     ];
     const questions = [
       [
+        { q: "What is Generative AI?", a: ["AI that creates new data similar to training data", "A rule-based expert system", "A basic search algorithm"], correct: 0 },
+        { q: "Which area of AI does Generative AI belong to?", a: ["Deep Learning", "Symbolic AI", "Database Management"], correct: 0 },
+        { q: "What problem does Generative AI solve?", a: ["Inverse problem of classification", "Sorting algorithms", "Data compression"], correct: 0 }
       ],
       [
+        { q: "What is the primary difference between Discriminative and Generative models?", a: ["Generative models learn data distribution", "Discriminative models generate new data", "They are identical"], correct: 0 },
+        { q: "Which is NOT an example of a foundation model?", a: ["Linear Regression", "GPT-4", "BERT"], correct: 0 },
+        { q: "Which ML technique is used to train Generative AI?", a: ["Supervised Learning", "Unsupervised Learning", "Linear Regression"], correct: 1 }
       ],
       [
+        { q: "What key technology underpins Transformer models?", a: ["Attention Mechanism", "Markov Chains", "Decision Trees"], correct: 0 },
+        { q: "Which company introduced the Transformer architecture?", a: ["Google", "Microsoft", "OpenAI"], correct: 0 },
+        { q: "What makes Transformer models scalable?", a: ["Parallelization", "More CPU cores", "Sequential execution"], correct: 0 }
       ],
       [
+        { q: "What are vector embeddings used for?", a: ["Representing words numerically", "Sorting files", "Data encryption"], correct: 0 },
+        { q: "Which method is used to store vector embeddings?", a: ["Vector Databases", "Excel Sheets", "Data Frames"], correct: 0 },
+        { q: "Which AI model uses vector embeddings heavily?", a: ["Large Language Models (LLMs)", "Decision Trees", "Clustering Models"], correct: 0 }
       ],
       [
+        { q: "What is AI hallucination?", a: ["Generating incorrect or fabricated information", "A sleep disorder", "Overfitting"], correct: 0 },
+        { q: "How can AI hallucinations be reduced?", a: ["Better data and fine-tuning", "Increasing randomness", "Removing training data"], correct: 0 },
+        { q: "Which is a risk of Generative AI?", a: ["Misinformation", "Better accuracy", "Improved efficiency"], correct: 0 }
       ]
     ];
     let score = 0;
     const questionDisplay = document.getElementById("question-display");
     const scoreDisplay = document.getElementById("score");
     function createBoard() {
       for (let row = 0; row < 3; row++) {
         for (let col = 0; col < 5; col++) {
           const card = document.createElement("div");
         }
       }
     }
     createBoard();
   </script>
 </body>
+</html>