diff --git a/README.md b/README.md
index f1449e104..c16978750 100644
--- a/README.md
+++ b/README.md
@@ -53,6 +53,8 @@ out the right file, so importing "jspdf" is enough.
 
 Then you're ready to start making your document:
 
+#### Basic Usage Example
+
 ```javascript
 import { jsPDF } from "jspdf";
 
@@ -61,6 +63,51 @@ const doc = new jsPDF();
 
 doc.text("Hello world!", 10, 10);
 doc.save("a4.pdf");
+
+```
+#### Adding Styled Text (Bold / Color)
+
+```javascript
+// -------------------------------------------------------
+
+import { jsPDF } from "jspdf";
+
+// Adding Styled Text (Bold /Color)
+const styledDoc = new jsPDF();
+
+// Set font to bold
+styledDoc.setFont("helvetica", "bold");
+styledDoc.setFontSize(16);
+styledDoc.setTextColor(200, 0, 0); // Red color
+
+styledDoc.text("Hello Hacktoberfest!", 20, 30);
+styledDoc.save("styled-text.pdf");
+
+```
+#### Adding a Table Example
+```javascript
+// -------------------------------------------------------
+import { jsPDF } from "jspdf";
+import 'jspdf-autotable'; // Make sure jsPDF AutoTable plugin is installed
+
+//Adding a Table Example
+
+const tableDoc = new jsPDF();
+tableDoc.text("My Table Example", 14, 16);
+
+tableDoc.autoTable({
+  head: [['ID', 'Name', 'Age']],
+  body: [
+    [1, 'Alice', 25],
+    [2, 'Bob', 30],
+    [3, 'Charlie', 28]
+  ],
+  startY: 20,
+});
+
+tableDoc.save("table-example.pdf");
+
+
 ```
 
 If you want to change the paper size, orientation, or units, you can do:
diff --git a/examples/dynamic_charts/dynamic-chart-pdf.html b/examples/dynamic_charts/dynamic-chart-pdf.html
new file mode 100644
index 000000000..c1f613006
--- /dev/null
+++ b/examples/dynamic_charts/dynamic-chart-pdf.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Dynamic Chart PDF Demo</title>
+  <!-- Empty favicon to prevent 404 warning -->
+  <link rel="icon" href="data:,">
+  
+  <!-- Chart.js CDN -->
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+  <!-- jsPDF CDN (UMD build) -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
+</head>
+<body>
+  <h2>Weekly Activity Report</h2>
+  <canvas id="activityChart" width="400" height="200"></canvas>
+  <br>
+  <button id="downloadPdf">Download PDF</button>
+
+  <script>
+    // ===== 1. Create Chart =====
+    const ctx = document.getElementById('activityChart').getContext('2d');
+    const chart = new Chart(ctx, {
+      type: 'bar',
+      data: {
+        labels: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun'],
+        datasets: [{
+          label: 'Steps',
+          data: [5000, 7000, 8000, 6000, 9000, 7500, 10000],
+          backgroundColor: 'rgba(54, 162, 235, 0.7)'
+        }]
+      },
+      options: { responsive: false }
+    });
+
+    // ===== 2. Export PDF =====
+   document.getElementById('downloadPdf').addEventListener('click', () => {
+    const doc = new window.jspdf.jsPDF();
+
+    const canvas = document.getElementById('activityChart');
+    const imgData = canvas.toDataURL('image/png');
+
+    doc.setFont("helvetica", "bold");
+    doc.setFontSize(16);
+    doc.text("Weekly Activity Report", 10, 10);
+    doc.addImage(imgData, 'PNG', 10, 20, 180, 90);
+
+    const date = new Date().toLocaleDateString();
+    doc.setFontSize(10);
+    doc.setFont("helvetica", "normal");
+    doc.text(`Date: ${date}`, 10, 115);
+
+    doc.save("weekly-activity.pdf");
+    });
+
+  </script>
+</body>
+</html>
