diff --git a/package-lock.json b/package-lock.json
index acc61e7a..ec31d871 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "vue-data-ui",
-  "version": "1.9.51",
+  "version": "1.9.52",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "vue-data-ui",
-      "version": "1.9.51",
+      "version": "1.9.52",
       "license": "MIT",
       "devDependencies": {
         "@vitejs/plugin-vue": "^4.2.3",
@@ -18,8 +18,7 @@
         "vite": "^4.4.5",
         "vitest": "^0.34.1",
         "vue": "^3.3.4",
-        "vue-data-ui": "file:../vue-data-ui",
-        "xlsx": "^0.18.5"
+        "vue-data-ui": "file:../vue-data-ui"
       }
     },
     "node_modules/@babel/parser": {
@@ -744,15 +743,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/adler-32": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/adler-32/-/adler-32-1.3.1.tgz",
-      "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/aggregate-error": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
@@ -1118,19 +1108,6 @@
       "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==",
       "dev": true
     },
-    "node_modules/cfb": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.2.2.tgz",
-      "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
-      "dev": true,
-      "dependencies": {
-        "adler-32": "~1.3.0",
-        "crc-32": "~1.2.0"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/chai": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.7.tgz",
@@ -1304,15 +1281,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/codepage": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.15.0.tgz",
-      "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -1391,18 +1359,6 @@
       "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
       "dev": true
     },
-    "node_modules/crc-32": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
-      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
-      "dev": true,
-      "bin": {
-        "crc32": "bin/crc32.njs"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/cross-spawn": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -1816,15 +1772,6 @@
         "node": ">= 0.12"
       }
     },
-    "node_modules/frac": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/frac/-/frac-1.1.2.tgz",
-      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/fs-extra": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
@@ -3179,18 +3126,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/ssf": {
-      "version": "0.11.2",
-      "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.11.2.tgz",
-      "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
-      "dev": true,
-      "dependencies": {
-        "frac": "~1.1.2"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/sshpk": {
       "version": "1.18.0",
       "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
@@ -3689,17 +3624,10 @@
       }
     },
     "node_modules/vue-data-ui": {
-      "version": "1.7.5",
+      "version": "1.9.51",
       "resolved": "file:",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "html2canvas": "^1.4.1",
-        "jspdf": "^2.5.1",
-        "vue": "^3.3.4",
-        "vue-data-ui": "file:../vue-data-ui",
-        "xlsx": "^0.18.5"
-      }
+      "license": "MIT"
     },
     "node_modules/which": {
       "version": "2.0.2",
@@ -3732,24 +3660,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/wmf": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz",
-      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/word": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/word/-/word-0.3.0.tgz",
-      "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/wrap-ansi": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -3788,27 +3698,6 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
       "dev": true
     },
-    "node_modules/xlsx": {
-      "version": "0.18.5",
-      "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.18.5.tgz",
-      "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
-      "dev": true,
-      "dependencies": {
-        "adler-32": "~1.3.0",
-        "cfb": "~1.2.1",
-        "codepage": "~1.15.0",
-        "crc-32": "~1.2.1",
-        "ssf": "~0.11.2",
-        "wmf": "~1.0.1",
-        "word": "~0.3.0"
-      },
-      "bin": {
-        "xlsx": "bin/xlsx.njs"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
diff --git a/package.json b/package.json
index a4092786..d678f4e7 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "1.9.51",
+  "version": "1.9.52",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [
@@ -77,7 +77,6 @@
     "vite": "^4.4.5",
     "vitest": "^0.34.1",
     "vue": "^3.3.4",
-    "vue-data-ui": "file:../vue-data-ui",
-    "xlsx": "^0.18.5"
+    "vue-data-ui": "file:../vue-data-ui"
   }
 }
diff --git a/src/App.vue b/src/App.vue
index fc920855..973a1262 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3130,31 +3130,31 @@ function printXy() {
   xytest.value.generatePdf();
 }
 function xlsXy() {
-  xytest.value.generateXls();
+  xytest.value.generateCsv();
 }
 function printDonut(){
   donuttest.value.generatePdf();
 }
 function xlsDonut() {
-  donuttest.value.generateXls();
+  donuttest.value.generateCsv();
 }
 function printWaffle(){
   waffletest.value.generatePdf();
 }
 function xlsWaffle() {
-  waffletest.value.generateXls();
+  waffletest.value.generateCsv();
 }
 function printRadar(){
   radartest.value.generatePdf();
 }
 function xlsRadar() {
-  radartest.value.generateXls();
+  radartest.value.generateCsv();
 }
 function printQuadrant(){
   quadranttest.value.generatePdf();
 }
 function xlsQuadrant() {
-  quadranttest.value.generateXls();
+  quadranttest.value.generateCsv();
 }
 const gaugetest = ref(null);
 function printGauge(){
@@ -3166,7 +3166,7 @@ function printChestnut(){
   chestnuttest.value.generatePdf();
 }
 function xlsChestnut() {
-  chestnuttest.value.generateXls();
+  chestnuttest.value.generateCsv();
 }
 
 const oniontest = ref(null);
@@ -3174,7 +3174,7 @@ function printOnion(){
   oniontest.value.generatePdf();
 }
 function xlsOnion() {
-  oniontest.value.generateXls();
+  oniontest.value.generateCsv();
 }
 
 const verticaltest = ref(null);
@@ -3182,7 +3182,7 @@ function printVB(){
   verticaltest.value.generatePdf();
 }
 function xlsVB() {
-  verticaltest.value.generateXls();
+  verticaltest.value.generateCsv();
 }
 
 const heatmaptest = ref(null);
@@ -3190,14 +3190,14 @@ function printHeatmap(){
   heatmaptest.value.generatePdf();
 }
 function xlsHeatmap() {
-  heatmaptest.value.generateXls();
+  heatmaptest.value.generateCsv();
 }
 
 function printScatter(){
   scatter.value.generatePdf();
 }
 function xlsScatter() {
-  scatter.value.generateXls();
+  scatter.value.generateCsv();
 }
 
 const candlestick = ref(null);
@@ -3205,7 +3205,7 @@ function printCandle(){
   candlestick.value.generatePdf();
 }
 function xlsCandle() {
-  candlestick.value.generateXls();
+  candlestick.value.generateCsv();
 }
 
 const pyramid = ref(null);
@@ -3213,7 +3213,7 @@ function printPyramid(){
   pyramid.value.generatePdf();
 }
 function xlsPyramid() {
-  pyramid.value.generateXls();
+  pyramid.value.generateCsv();
 }
 
 const relation = ref(null);
diff --git a/src/atoms/UserOptions.vue b/src/atoms/UserOptions.vue
index 546b798f..1d9ff5f6 100644
--- a/src/atoms/UserOptions.vue
+++ b/src/atoms/UserOptions.vue
@@ -54,14 +54,14 @@ const props = defineProps({
     }
 });
 
-const emit = defineEmits(['generatePdf', 'generateXls', 'generateImage', 'toggleTable', 'toggleLabels', 'toggleSort']);
+const emit = defineEmits(['generatePdf', 'generateCsv', 'generateImage', 'toggleTable', 'toggleLabels', 'toggleSort']);
 
 function generatePdf() {
     emit('generatePdf');
 }
 
-function generateXls() {
-    emit('generateXls');
+function generateCsv() {
+    emit('generateCsv');
 }
 
 function generateImage() {
@@ -120,7 +120,7 @@ function toggleSort() {
                 <BaseIcon v-else name="pdf" :stroke="color" />
             </button>
             
-            <button tabindex="0" v-if="hasXls" data-cy="user-options-xls" class="vue-ui-user-options-button" @click="generateXls">
+            <button tabindex="0" v-if="hasXls" data-cy="user-options-xls" class="vue-ui-user-options-button" @click="generateCsv">
                 <BaseIcon name="excel" :stroke="color" />
             </button>
 
diff --git a/src/components/vue-ui-age-pyramid.vue b/src/components/vue-ui-age-pyramid.vue
index 2cd64c80..2c80ad2b 100644
--- a/src/components/vue-ui-age-pyramid.vue
+++ b/src/components/vue-ui-age-pyramid.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, nextTick } from "vue";
-import { opacity, makeXls, shiftHue, createUid } from '../lib';
+import { opacity, shiftHue, createUid, createCsvContent, downloadCsv } from '../lib';
 import pdf from "../pdf";
 import img from "../img";
 import mainConfig from "../default_configs.json";
@@ -234,7 +234,7 @@ function generateImage() {
     }, 100)
 }
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const labels = [agePyramidConfig.value.translations.year, agePyramidConfig.value.translations.age, agePyramidConfig.value.translations.female, agePyramidConfig.value.translations.male, agePyramidConfig.value.translations.total];
 
@@ -249,14 +249,14 @@ function generateXls() {
         });
 
         const tableXls = [[agePyramidConfig.value.style.title.text],[agePyramidConfig.value.style.title.subtitle.text],[[""],[""],[""]]].concat([labels]).concat(values)
-
-        makeXls(tableXls, agePyramidConfig.value.style.title.text || "vue-ui-heatmap");
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: agePyramidConfig.value.style.title.text || "vue-ui-heatmap"});
     });
 }
 
 defineExpose({
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -299,7 +299,7 @@ defineExpose({
             :hasImg="true"
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
         />
diff --git a/src/components/vue-ui-candlestick.cy.js b/src/components/vue-ui-candlestick.cy.js
index f2abc3c9..1915eb79 100644
--- a/src/components/vue-ui-candlestick.cy.js
+++ b/src/components/vue-ui-candlestick.cy.js
@@ -172,13 +172,13 @@ describe('<VueUiCandlestick />', () => {
       cy.get(`[data-cy="candlestick-trap-0"]`)
           .trigger('mouseleave');
 
-      cy.get(`[data-cy="user-options-pdf"]`).click();
+      cy.get(`[data-cy="user-options-pdf"]`).click({ force: true });
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.pdf`);
-      cy.get(`[data-cy="user-options-xls"]`).click();
+      cy.get(`[data-cy="user-options-xls"]`).click( { force: true });
       cy.wait(3000);
-      cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.xlsx`);
-      cy.get(`[data-cy="user-options-img"]`).click();
+      cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.csv`);
+      cy.get(`[data-cy="user-options-img"]`).click( { force: true });
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.png`);
       cy.clearDownloads();
diff --git a/src/components/vue-ui-candlestick.vue b/src/components/vue-ui-candlestick.vue
index dae80e3c..3853ec02 100644
--- a/src/components/vue-ui-candlestick.vue
+++ b/src/components/vue-ui-candlestick.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, onMounted, nextTick } from "vue";
-import { canShowValue, closestDecimal, shiftHue, opacity, makeXls, createUid } from "../lib";
+import { canShowValue, closestDecimal, shiftHue, opacity, createUid, createCsvContent, downloadCsv } from "../lib";
 import mainConfig from "../default_configs.json";
 import pdf from "../pdf";
 import img from "../img";
@@ -246,7 +246,7 @@ function generateImage() {
     }, 100)
 }
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const labels = [candlestickConfig.value.translations.period, candlestickConfig.value.translations.open, candlestickConfig.value.translations.high, candlestickConfig.value.translations.low, candlestickConfig.value.translations.last, candlestickConfig.value.translations.volume];
 
@@ -262,14 +262,14 @@ function generateXls() {
         });
 
         const tableXls = [[candlestickConfig.value.style.title.text],[candlestickConfig.value.style.title.subtitle.text],[[""],[""],[""]]].concat([labels]).concat(values)
-
-        makeXls(tableXls, candlestickConfig.value.style.title.text || "vue-ui-candlestick");
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: candlestickConfig.value.style.title.text || "vue-ui-candlestick"});
     });
 }
 
 defineExpose({
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -312,7 +312,7 @@ defineExpose({
             :hasImg="true"
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
          />
diff --git a/src/components/vue-ui-chestnut.cy.js b/src/components/vue-ui-chestnut.cy.js
index a937e509..d1367958 100644
--- a/src/components/vue-ui-chestnut.cy.js
+++ b/src/components/vue-ui-chestnut.cy.js
@@ -78,13 +78,13 @@ describe('<VueUiChestnut />', () => {
       cy.get(`[data-cy="chestnut-table"]`)
         .should('exist');
 
-      cy.get(`[data-cy="user-options-pdf"]`).click();
+      cy.get(`[data-cy="user-options-pdf"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.layout.title.text}.pdf`);
-      cy.get(`[data-cy="user-options-xls"]`).click();
+      cy.get(`[data-cy="user-options-xls"]`).click( { force: true});
       cy.wait(3000);
-      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.layout.title.text}.xlsx`);
-      cy.get(`[data-cy="user-options-img"]`).click();
+      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.layout.title.text}.csv`);
+      cy.get(`[data-cy="user-options-img"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.layout.title.text}.png`);
       cy.clearDownloads();
diff --git a/src/components/vue-ui-chestnut.vue b/src/components/vue-ui-chestnut.vue
index 8275db5d..29d1c60f 100644
--- a/src/components/vue-ui-chestnut.vue
+++ b/src/components/vue-ui-chestnut.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, onMounted, nextTick } from "vue";
-import { calcMarkerOffsetX, calcMarkerOffsetY, calcNutArrowPath, palette, opacity, shiftHue, adaptColorToBackground, makeDonut, convertColorToHex, makeXls, createUid } from "../lib";
+import { calcMarkerOffsetX, calcMarkerOffsetY, calcNutArrowPath, palette, opacity, shiftHue, adaptColorToBackground, makeDonut, convertColorToHex, createUid, createCsvContent, downloadCsv } from "../lib";
 import pdf from "../pdf";
 import img from "../img";
 import mainConfig from "../default_configs.json";
@@ -355,7 +355,7 @@ const table = computed(() => {
     return { head, body }
 });
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const title = [[chestnutConfig.value.style.chart.layout.title.text], [chestnutConfig.value.style.chart.layout.title.subtitle.text], [""],["Grand total", treeTotal.value],[""]];
         const head = table.value.head;
@@ -376,14 +376,15 @@ function generateXls() {
             ]
         });
         const tableXls = title.concat([head]).concat(body);
-        makeXls(tableXls, chestnutConfig.value.style.chart.layout.title.text || 'vue-ui-chestnut');
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: chestnutConfig.value.style.chart.layout.title.text || 'vue-ui-chestnut'})
     });
 }
 
 defineExpose({
     getData,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -409,7 +410,7 @@ defineExpose({
             :hasImg="true"
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
        />
diff --git a/src/components/vue-ui-donut-evolution.cy.js b/src/components/vue-ui-donut-evolution.cy.js
index 16cd109b..7ef87f08 100644
--- a/src/components/vue-ui-donut-evolution.cy.js
+++ b/src/components/vue-ui-donut-evolution.cy.js
@@ -54,13 +54,13 @@ describe('<VueUiDonutEvolution />', () => {
   it('downloads pdf, img, xlsx', () => {
     cy.get('@fixture').then((fixture) => {
       cy.get(`[data-cy="user-options-summary"]`).click()
-      cy.get(`[data-cy="user-options-pdf"]`).click();
+      cy.get(`[data-cy="user-options-pdf"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.pdf`);
-      cy.get(`[data-cy="user-options-xls"]`).click();
+      cy.get(`[data-cy="user-options-xls"]`).click({ force: true});
       cy.wait(3000);
-      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.xlsx`);
-      cy.get(`[data-cy="user-options-img"]`).click();
+      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.csv`);
+      cy.get(`[data-cy="user-options-img"]`).click( { force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.png`);
       cy.clearDownloads();
diff --git a/src/components/vue-ui-donut-evolution.vue b/src/components/vue-ui-donut-evolution.vue
index 5faa2398..c84f8197 100644
--- a/src/components/vue-ui-donut-evolution.vue
+++ b/src/components/vue-ui-donut-evolution.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, nextTick } from "vue";
-import { calcMarkerOffsetX, calcMarkerOffsetY, calcNutArrowPath, canShowValue, closestDecimal, makeDonut, palette, convertColorToHex, opacity, makeXls, createUid, sumByAttribute } from '../lib';
+import { calcMarkerOffsetX, calcMarkerOffsetY, calcNutArrowPath, canShowValue, closestDecimal, makeDonut, palette, convertColorToHex, opacity, createUid, sumByAttribute, createCsvContent, downloadCsv } from '../lib';
 import pdf from "../pdf";
 import img from "../img";
 import mainConfig from "../default_configs.json";
@@ -345,22 +345,23 @@ function getData() {
     return convertedDataset.value;
 }
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const title = [[donutEvolutionConfig.value.style.chart.title.text],[donutEvolutionConfig.value.style.chart.title.subtitle.text],[""]];
         const head = [...table.value.head.map(h => h.name ?? h)];
         const body = [...table.value.body.map(b => {
             return b.map(t => t.value ?? t)
         })];
-        const tableXls = title.concat([head]).concat(body)
-        makeXls(tableXls, donutEvolutionConfig.value.style.chart.title.text || "vue-ui-donut-evolution");
+        const tableXls = title.concat([head]).concat(body);
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: donutEvolutionConfig.value.style.chart.title.text || "vue-ui-donut-evolution"});
     });
 }
 
 defineExpose({
     getData,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -402,7 +403,7 @@ defineExpose({
             hasImg
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
         />
diff --git a/src/components/vue-ui-donut.cy.js b/src/components/vue-ui-donut.cy.js
index 89100f44..3e492cb8 100644
--- a/src/components/vue-ui-donut.cy.js
+++ b/src/components/vue-ui-donut.cy.js
@@ -145,13 +145,13 @@ describe('<VueUiDonut />', () => {
         }
       });
 
-      cy.get(`[data-cy="user-options-pdf"]`).click();
+      cy.get(`[data-cy="user-options-pdf"]`).click({ force: true});
       cy.wait(5000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.pdf`);
-      cy.get(`[data-cy="user-options-xls"]`).click();
+      cy.get(`[data-cy="user-options-xls"]`).click({ force: true});
       cy.wait(3000);
-      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.xlsx`);
-      cy.get(`[data-cy="user-options-img"]`).click();
+      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.csv`);
+      cy.get(`[data-cy="user-options-img"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.png`);
       cy.clearDownloads();
diff --git a/src/components/vue-ui-donut.vue b/src/components/vue-ui-donut.vue
index 8774f8e3..09ec0b70 100644
--- a/src/components/vue-ui-donut.vue
+++ b/src/components/vue-ui-donut.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, nextTick } from "vue";
-import { calcMarkerOffsetX, calcMarkerOffsetY, calcNutArrowPath, makeDonut, palette, convertColorToHex, opacity, makeXls, createUid } from '../lib';
+import { calcMarkerOffsetX, calcMarkerOffsetY, calcNutArrowPath, makeDonut, palette, convertColorToHex, opacity, createUid, createCsvContent, downloadCsv } from '../lib';
 import pdf from "../pdf";
 import img from "../img";
 import mainConfig from "../default_configs.json";
@@ -240,7 +240,7 @@ const table = computed(() => {
     return { head, body };
 });
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const labels = table.value.head.map((h,i) => {
             return [[
@@ -249,7 +249,8 @@ function generateXls() {
         });
         const tableXls = [[donutConfig.value.style.chart.title.text],[donutConfig.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(labels);
 
-        makeXls(tableXls, donutConfig.value.style.chart.title.text || "vue-ui-donut");
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: donutConfig.value.style.chart.title.text || "vue-ui-donut" })
     });
 }
 
@@ -294,7 +295,7 @@ const dataTable = computed(() => {
 defineExpose({
     getData,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -338,7 +339,7 @@ defineExpose({
             hasTable
             hasLabel
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
             @toggleLabels="mutableConfig.dataLabels.show = !mutableConfig.dataLabels.show"
diff --git a/src/components/vue-ui-heatmap.cy.js b/src/components/vue-ui-heatmap.cy.js
index 9d6c436b..9b87b1bb 100644
--- a/src/components/vue-ui-heatmap.cy.js
+++ b/src/components/vue-ui-heatmap.cy.js
@@ -91,13 +91,13 @@ describe('<VueUiHeatmap />', () => {
 
       cy.get(`[data-cy="user-options-summary"]`).click();
 
-      cy.get(`[data-cy="user-options-pdf"]`).click();
+      cy.get(`[data-cy="user-options-pdf"]`).click({ force: true});
       cy.wait(10000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.pdf`);
-      cy.get(`[data-cy="user-options-xls"]`).click();
+      cy.get(`[data-cy="user-options-xls"]`).click({ force: true});
       cy.wait(3000);
-      cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.xlsx`);
-      cy.get(`[data-cy="user-options-img"]`).click();
+      cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.csv`);
+      cy.get(`[data-cy="user-options-img"]`).click({ force: true});
       cy.wait(10000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.png`);
       cy.clearDownloads();
diff --git a/src/components/vue-ui-heatmap.vue b/src/components/vue-ui-heatmap.vue
index d4bd37c2..854a5507 100644
--- a/src/components/vue-ui-heatmap.vue
+++ b/src/components/vue-ui-heatmap.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, nextTick } from "vue";
-import { opacity, makeXls, createUid } from "../lib";
+import { opacity, createUid, createCsvContent, downloadCsv } from "../lib";
 import mainConfig from "../default_configs.json";
 import pdf from "../pdf";
 import img from "../img";
@@ -194,7 +194,7 @@ const table = computed(() => {
 });
 
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const labels = ["", ...props.dataset.map((ds,i) => {
             return ds.name
@@ -211,14 +211,14 @@ function generateXls() {
         }
 
         const tableXls = [[heatmapConfig.value.style.title.text],[heatmapConfig.value.style.title.subtitle.text],[[""],[""],[""]]].concat([labels]).concat(values);
-
-        makeXls(tableXls, heatmapConfig.value.style.title.text || "vue-ui-heatmap");
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({csvContent, title: heatmapConfig.value.style.title.text || "vue-ui-heatmap"})
     });
 }
 
 defineExpose({
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -260,7 +260,7 @@ defineExpose({
             :hasImg="true"
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
         />
diff --git a/src/components/vue-ui-mood-radar.vue b/src/components/vue-ui-mood-radar.vue
index 96504e00..38ae5fc0 100644
--- a/src/components/vue-ui-mood-radar.vue
+++ b/src/components/vue-ui-mood-radar.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, nextTick } from "vue";
-import { createPolygonPath, shiftHue, opacity, makeXls, makePath, createUid } from "../lib";
+import { createPolygonPath, shiftHue, opacity, makePath, createUid, createCsvContent, downloadCsv } from "../lib";
 import pdf from "../pdf";
 import img from "../img";
 import mainConfig from "../default_configs.json";
@@ -182,7 +182,7 @@ const table = computed(() => {
     return { head, body };
 });
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const labels = table.value.head.map((h,i) => {
             return [[
@@ -190,8 +190,8 @@ function generateXls() {
             ],[table.value.body[i]], [isNaN(table.value.body[i] / grandTotal.value) ? '-' : table.value.body[i] / grandTotal.value * 100]]
         });
         const tableXls = [[radarConfig.value.style.chart.title.text],[radarConfig.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(labels);
-
-        makeXls(tableXls, radarConfig.value.style.chart.title.text || "vue-ui-mood-radar");
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: radarConfig.value.style.chart.title.text || "vue-ui-mood-radar"});
     });
 }
 
@@ -240,7 +240,7 @@ function getData() {
 defineExpose({
     getData,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -283,7 +283,7 @@ defineExpose({
             hasImg
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
         />
diff --git a/src/components/vue-ui-onion.cy.js b/src/components/vue-ui-onion.cy.js
index 1cf615fb..2b3dd5d8 100644
--- a/src/components/vue-ui-onion.cy.js
+++ b/src/components/vue-ui-onion.cy.js
@@ -76,13 +76,13 @@ describe('<VueUiOnion />', () => {
 
       cy.get(`[data-cy="user-options-summary"]`).click();
 
-      cy.get(`[data-cy="user-options-pdf"]`).click();
+      cy.get(`[data-cy="user-options-pdf"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.pdf`);
-      cy.get(`[data-cy="user-options-xls"]`).click();
+      cy.get(`[data-cy="user-options-xls"]`).click({ force: true});
       cy.wait(3000);
-      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.xlsx`);
-      cy.get(`[data-cy="user-options-img"]`).click();
+      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.csv`);
+      cy.get(`[data-cy="user-options-img"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.png`);
       cy.clearDownloads();
diff --git a/src/components/vue-ui-onion.vue b/src/components/vue-ui-onion.vue
index b19a9b17..704715d5 100644
--- a/src/components/vue-ui-onion.vue
+++ b/src/components/vue-ui-onion.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, nextTick } from "vue";
-import { convertColorToHex, palette, opacity, makeXls, createUid } from "../lib.js";
+import { convertColorToHex, palette, opacity, createUid, createCsvContent, downloadCsv } from "../lib.js";
 import pdf from "../pdf";
 import img from "../img";
 import mainConfig from "../default_configs.json";
@@ -206,13 +206,14 @@ function generateImage() {
     }, 100)
 }
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const title = [[onionConfig.value.style.chart.title.text], [onionConfig.value.style.chart.title.subtitle.text], [""]];
         const head = table.value.head;
         const body = table.value.body;
         const tableXls = title.concat([head]).concat(body);
-        makeXls(tableXls, onionConfig.value.style.chart.title.text || 'vue-ui-onion');
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: onionConfig.value.style.chart.title.text || 'vue-ui-onion'})
     });
 }
 
@@ -221,7 +222,7 @@ const selectedSerie = ref(undefined);
 defineExpose({
     getData,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -269,7 +270,7 @@ defineExpose({
             :hasImg="true"
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
         />
diff --git a/src/components/vue-ui-quadrant.cy.js b/src/components/vue-ui-quadrant.cy.js
index 6b1c82d9..dfab7c7f 100644
--- a/src/components/vue-ui-quadrant.cy.js
+++ b/src/components/vue-ui-quadrant.cy.js
@@ -65,13 +65,13 @@ describe('<VueUiQuadrant />', () => {
 
 
       cy.get(`[data-cy="user-options-summary"]`).click();        
-      cy.get(`[data-cy="user-options-pdf"]`).click();
+      cy.get(`[data-cy="user-options-pdf"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.pdf`);
-      cy.get(`[data-cy="user-options-xls"]`).click();
+      cy.get(`[data-cy="user-options-xls"]`).click({ force: true});
       cy.wait(3000);
-      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.xlsx`);
-      cy.get(`[data-cy="user-options-img"]`).click();
+      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.csv`);
+      cy.get(`[data-cy="user-options-img"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.png`);
       cy.clearDownloads();
diff --git a/src/components/vue-ui-quadrant.vue b/src/components/vue-ui-quadrant.vue
index 3e45e1d3..9f5eec5f 100644
--- a/src/components/vue-ui-quadrant.vue
+++ b/src/components/vue-ui-quadrant.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, onMounted, nextTick, watch } from "vue";
-import { palette, createUid, giftWrap, shiftHue, opacity, convertColorToHex, makeXls } from "../lib";
+import { palette, createUid, giftWrap, shiftHue, opacity, convertColorToHex, createCsvContent, downloadCsv } from "../lib";
 import pdf from "../pdf.js";
 import img from "../img.js";
 import mainConfig from "../default_configs.json";
@@ -479,20 +479,21 @@ function generateImage() {
     }, 100)
 }
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const title = [[quadrantConfig.value.style.chart.title.text], [quadrantConfig.value.style.chart.title.subtitle.text], [""]];
         const head = table.value.head;
         const body = table.value.body
         const tableXls = title.concat([head]).concat(body);
-        makeXls(tableXls, quadrantConfig.value.style.chart.title.text || 'vue-ui-quadrant');
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: quadrantConfig.value.style.chart.title.text || 'vue-ui-quadrant'})
     });
 }
 
 defineExpose({
     getData,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -537,7 +538,7 @@ defineExpose({
             hasTable
             hasLabel
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
             @toggleLabels="mutableConfig.plotLabels.show = !mutableConfig.plotLabels.show"
diff --git a/src/components/vue-ui-radar.cy.js b/src/components/vue-ui-radar.cy.js
index cd6c7e71..36e6b200 100644
--- a/src/components/vue-ui-radar.cy.js
+++ b/src/components/vue-ui-radar.cy.js
@@ -73,7 +73,7 @@ describe('<VueUiRadar />', () => {
         cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.pdf`);
         cy.get(`[data-cy="user-options-xls"]`).click({ force: true });
         cy.wait(3000);
-        cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.xlsx`);
+        cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.csv`);
         cy.get(`[data-cy="user-options-img"]`).click({ force: true });
         cy.wait(3000);
         cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.png`);
@@ -85,8 +85,8 @@ describe('<VueUiRadar />', () => {
         wrapper.componentVM.generatePdf();
         cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.pdf`);
         cy.wait(3000);
-        wrapper.componentVM.generateXls();
-        cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.xlsx`);
+        wrapper.componentVM.generateCsv();
+        cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.csv`);
         cy.wait(3000);
         wrapper.componentVM.generateImage();
         cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.png`);
diff --git a/src/components/vue-ui-radar.vue b/src/components/vue-ui-radar.vue
index 5bad1809..30bf8807 100644
--- a/src/components/vue-ui-radar.vue
+++ b/src/components/vue-ui-radar.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, nextTick } from "vue";
-import { palette, createPolygonPath, shiftHue, opacity, convertColorToHex, makeXls, makePath, createUid } from "../lib";
+import { palette, createPolygonPath, shiftHue, opacity, convertColorToHex, makePath, createUid, createCsvContent, downloadCsv } from "../lib";
 import pdf from "../pdf";
 import img from "../img";
 import mainConfig from "../default_configs.json";
@@ -301,7 +301,7 @@ function generateImage() {
     }, 100)
 }
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const title = [[radarConfig.value.style.chart.title.text], [radarConfig.value.style.chart.title.subtitle.text], [""]];
         const head = [[""],[radarConfig.value.translations.target], ...legendSet.value.flatMap(l => [[l.name], ["%"]])];
@@ -314,15 +314,15 @@ function generateXls() {
         });
 
         const tableXls = title.concat([head]).concat(body);
-
-        makeXls(tableXls, radarConfig.value.style.chart.title.text || "vue-ui-radar");
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: radarConfig.value.style.chart.title.text || "vue-ui-radar"})
     });
 }
 
 defineExpose({
     getData,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -370,7 +370,7 @@ defineExpose({
             :hasImg="true"
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
         />
diff --git a/src/components/vue-ui-rings.cy.js b/src/components/vue-ui-rings.cy.js
index 6e9e21f0..a4a51a15 100644
--- a/src/components/vue-ui-rings.cy.js
+++ b/src/components/vue-ui-rings.cy.js
@@ -35,13 +35,13 @@ describe('<VueUiRings />', () => {
 
       cy.get(`[data-cy="user-options-summary"]`).should('exist').click()
 
-      cy.get(`[data-cy="user-options-pdf"]`).click();
+      cy.get(`[data-cy="user-options-pdf"]`).click({ force: true});
       cy.wait(5000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.pdf`);
-      cy.get(`[data-cy="user-options-xls"]`).click();
+      cy.get(`[data-cy="user-options-xls"]`).click({ force: true});
       cy.wait(3000);
-      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.xlsx`);
-      cy.get(`[data-cy="user-options-img"]`).click();
+      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.csv`);
+      cy.get(`[data-cy="user-options-img"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.png`);
       cy.clearDownloads();
diff --git a/src/components/vue-ui-rings.vue b/src/components/vue-ui-rings.vue
index 73970ba2..fc993767 100644
--- a/src/components/vue-ui-rings.vue
+++ b/src/components/vue-ui-rings.vue
@@ -4,9 +4,10 @@ import {
   palette,
   convertColorToHex,
   opacity,
-  makeXls,
   createUid,
   shiftHue,
+  createCsvContent,
+  downloadCsv
 } from "../lib";
 import pdf from "../pdf";
 import img from "../img";
@@ -303,7 +304,7 @@ const dataTable = computed(() => {
 });
 
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const labels = table.value.head.map((h,i) => {
             return [[
@@ -311,15 +312,15 @@ function generateXls() {
             ],[table.value.body[i]], [isNaN(table.value.body[i] / grandTotal.value) ? '-' : table.value.body[i] / grandTotal.value * 100]]
         });
         const tableXls = [[ringsConfig.value.style.chart.title.text],[ringsConfig.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(labels);
-
-        makeXls(tableXls, ringsConfig.value.style.chart.title.text || "vue-ui-rings");
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: ringsConfig.value.style.chart.title.text || "vue-ui-rings"});
     });
 }
 
 defineExpose({
     getData,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -374,7 +375,7 @@ defineExpose({
         hasImg
         hasTable
         @generatePdf="generatePdf"
-        @generateXls="generateXls"
+        @generateCsv="generateCsv"
         @generateImage="generateImage"
         @toggleTable="() => mutableConfig.showTable  = !mutableConfig.showTable"
       />
diff --git a/src/components/vue-ui-scatter.cy.js b/src/components/vue-ui-scatter.cy.js
index fc2cdedf..d495573e 100644
--- a/src/components/vue-ui-scatter.cy.js
+++ b/src/components/vue-ui-scatter.cy.js
@@ -192,13 +192,13 @@ describe('<VueUiScatter />', () => {
           }
         });
 
-        cy.get(`[data-cy="user-options-pdf"]`).click();
+        cy.get(`[data-cy="user-options-pdf"]`).click({ force: true});
         cy.wait(3000);
         cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.pdf`);
-        cy.get(`[data-cy="user-options-xls"]`).click();
+        cy.get(`[data-cy="user-options-xls"]`).click({ force: true});
         cy.wait(3000);
-        cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.xlsx`);
-        cy.get(`[data-cy="user-options-img"]`).click();
+        cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.csv`);
+        cy.get(`[data-cy="user-options-img"]`).click({ force: true});
         cy.wait(3000);
         cy.readFile(`cypress\\Downloads\\${fixture.config.style.title.text}.png`);
         cy.clearDownloads();
diff --git a/src/components/vue-ui-scatter.vue b/src/components/vue-ui-scatter.vue
index f047db97..bc6c62a5 100644
--- a/src/components/vue-ui-scatter.vue
+++ b/src/components/vue-ui-scatter.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, nextTick, onMounted } from "vue";
-import { palette, opacity, makeXls, createUid } from '../lib';
+import { palette, opacity, createUid, createCsvContent, downloadCsv } from '../lib';
 import pdf from "../pdf";
 import img from "../img";
 import mainConfig from "../default_configs.json";
@@ -280,7 +280,7 @@ function generateImage() {
 
 }
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const labels = ["", scatterConfig.value.table.translations.correlationCoefficient, scatterConfig.value.table.translations.nbrPlots, `${scatterConfig.value.style.layout.dataLabels.xAxis.name} ${scatterConfig.value.table.translations.average}`, `${scatterConfig.value.style.layout.dataLabels.yAxis.name} ${scatterConfig.value.table.translations.average}`];
 
@@ -295,15 +295,15 @@ function generateXls() {
         });
 
         const tableXls = [[scatterConfig.value.style.title.text],[scatterConfig.value.style.title.subtitle.text],[[""],[""],[""]]].concat([labels]).concat(values)
-
-        makeXls(tableXls, scatterConfig.value.style.title.text || "vue-ui-heatmap");
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: scatterConfig.value.style.title.text || "vue-ui-heatmap"})
     });
 }
 
 defineExpose({
     getData,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -347,7 +347,7 @@ defineExpose({
             :hasImg="true"
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
         />
diff --git a/src/components/vue-ui-table.vue b/src/components/vue-ui-table.vue
index 21d46be4..45524c3f 100644
--- a/src/components/vue-ui-table.vue
+++ b/src/components/vue-ui-table.vue
@@ -871,7 +871,7 @@
 </template>
 
 <script>
-import { makeDonut, treeShake, palette, convertColorToHex, convertConfigColors, makeXls, calcLinearProgression } from "../lib";
+import { makeDonut, treeShake, palette, convertColorToHex, convertConfigColors, calcLinearProgression, createCsvContent, downloadCsv } from "../lib";
 import mainConfig from "../default_configs.json";
 
 export default {
@@ -1132,8 +1132,8 @@ export default {
         makeDonut,
         convertColorToHex,
         convertConfigColors,
-        makeXls,
-
+        createCsvContent,
+        downloadCsv,
         // specific
         applyDonutOption() {
             const donutSet = this.selectedDonutCategory.options.map((option, i) => {
@@ -1168,7 +1168,8 @@ export default {
             const head = this.dataset.header.map(h => h.name);
             const body = selection === 'all' ? this.bodyCopy.map(b => b.td) : this.visibleRows.map(r => r.td);
             const table = [head].concat(body);
-            this.makeXls(table, 'vue-ui-table');
+            const csvContent = this.createCsvContent(table);
+            this.downloadCsv({ csvContent, title: 'vue-ui-table'})
         },
         calcLinearProgression,
         closeAllDropdowns() {
diff --git a/src/components/vue-ui-vertical-bar.cy.js b/src/components/vue-ui-vertical-bar.cy.js
index 9062b29c..bbda1767 100644
--- a/src/components/vue-ui-vertical-bar.cy.js
+++ b/src/components/vue-ui-vertical-bar.cy.js
@@ -95,7 +95,7 @@ describe('<VueUiVerticalBar />', () => {
         cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.pdf`);
         cy.get(`[data-cy="user-options-xls"]`).click({ force: true });
         cy.wait(3000);
-        cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.xlsx`);
+        cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.csv`);
         cy.get(`[data-cy="user-options-img"]`).click({ force: true });
         cy.wait(3000);
         cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.png`);
diff --git a/src/components/vue-ui-vertical-bar.vue b/src/components/vue-ui-vertical-bar.vue
index b924d948..0c2d3497 100644
--- a/src/components/vue-ui-vertical-bar.vue
+++ b/src/components/vue-ui-vertical-bar.vue
@@ -5,8 +5,9 @@ import {
     palette,
     opacity,
     shiftHue,
-    makeXls,
-    createUid
+    createUid,
+    createCsvContent,
+    downloadCsv
 } from "../lib.js";
 import pdf from "../pdf.js";
 import img from "../img.js";
@@ -348,7 +349,7 @@ const table = computed(() => {
     return { head, body };
 });
 
-function generateXls() {
+function generateCsv() {
     const title = [[verticalBarConfig.value.style.chart.title.text], [verticalBarConfig.value.style.chart.title.subtitle.text], [""]];
     const head = table.value.head;
     const body = table.value.body.map(tr => {
@@ -364,14 +365,15 @@ function generateXls() {
     });
     
     const tableXls = title.concat([head]).concat(body);
-    makeXls(tableXls, verticalBarConfig.value.style.chart.title.text || "vue-ui-vertical-bar");
+    const csvContent = createCsvContent(tableXls);
+    downloadCsv({ csvContent, title: verticalBarConfig.value.style.chart.title.text || "vue-ui-vertical-bar"})
 }
 
 defineExpose({
     getData,
     recalculateHeight,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -416,7 +418,7 @@ defineExpose({
             hasTable
             hasSort
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
             @toggleSort="() => {
diff --git a/src/components/vue-ui-waffle.cy.js b/src/components/vue-ui-waffle.cy.js
index 8cbda987..b11b82f6 100644
--- a/src/components/vue-ui-waffle.cy.js
+++ b/src/components/vue-ui-waffle.cy.js
@@ -91,13 +91,13 @@ describe('<VueUiWaffle />', () => {
           .contains(`${fixture.config.style.chart.title.text} : ${fixture.config.style.chart.title.subtitle.text}`);
       })
 
-      cy.get(`[data-cy="user-options-pdf"]`).click();
+      cy.get(`[data-cy="user-options-pdf"]`).click({ force: true});
       cy.wait(5000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.pdf`);
-      cy.get(`[data-cy="user-options-xls"]`).click();
+      cy.get(`[data-cy="user-options-xls"]`).click({ force: true});
       cy.wait(3000);
-      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.xlsx`);
-      cy.get(`[data-cy="user-options-img"]`).click();
+      cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.csv`);
+      cy.get(`[data-cy="user-options-img"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.style.chart.title.text}.png`);
       cy.clearDownloads();
diff --git a/src/components/vue-ui-waffle.vue b/src/components/vue-ui-waffle.vue
index 32ddd405..e032f3d6 100644
--- a/src/components/vue-ui-waffle.vue
+++ b/src/components/vue-ui-waffle.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, nextTick } from "vue";
-import { palette, shiftHue, opacity, convertColorToHex, makeXls, createUid } from "../lib";
+import { palette, shiftHue, opacity, convertColorToHex, createUid, createCsvContent, downloadCsv } from "../lib";
 import pdf from "../pdf";
 import img from "../img";
 import mainConfig from "../default_configs.json";
@@ -321,7 +321,7 @@ function generateImage() {
     }, 100)
 }
 
-function generateXls() {
+function generateCsv() {
     nextTick(() => {
         const labels = table.value.head.map((h,i) => {
             return [[
@@ -330,7 +330,8 @@ function generateXls() {
         });
         const tableXls = [[waffleConfig.value.style.chart.title.text],[waffleConfig.value.style.chart.title.subtitle.text],[[""],["val"],["%"]]].concat(labels);
 
-        makeXls(tableXls, waffleConfig.value.style.chart.title.text || "vue-ui-waffle");
+        const csvContent = createCsvContent(tableXls);
+        downloadCsv({ csvContent, title: waffleConfig.value.style.chart.title.text || "vue-ui-waffle"})
     });
 }
 
@@ -377,7 +378,7 @@ const dataTable = computed(() => {
 defineExpose({
     getData,
     generatePdf,
-    generateXls,
+    generateCsv,
     generateImage
 });
 
@@ -425,7 +426,7 @@ defineExpose({
             :hasImg="true"
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
         />
diff --git a/src/components/vue-ui-xy.cy.js b/src/components/vue-ui-xy.cy.js
index a9aced47..3c2f67ba 100644
--- a/src/components/vue-ui-xy.cy.js
+++ b/src/components/vue-ui-xy.cy.js
@@ -172,15 +172,15 @@ describe('<VueUiXy />', () => {
 
       cy.get(`[data-cy="user-options-summary"]`).click({force:true});
 
-      cy.get(`[data-cy="user-options-pdf"]`).click();
+      cy.get(`[data-cy="user-options-pdf"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.chart.title.text}.pdf`);
 
-      cy.get(`[data-cy="user-options-xls"]`).click();
+      cy.get(`[data-cy="user-options-xls"]`).click({ force: true});
       cy.wait(3000);
-      cy.readFile(`cypress\\Downloads\\${fixture.config.chart.title.text}.xlsx`);
+      cy.readFile(`cypress\\Downloads\\${fixture.config.chart.title.text}.csv`);
 
-      cy.get(`[data-cy="user-options-img"]`).click();
+      cy.get(`[data-cy="user-options-img"]`).click({ force: true});
       cy.wait(3000);
       cy.readFile(`cypress\\Downloads\\${fixture.config.chart.title.text}.png`);
 
diff --git a/src/components/vue-ui-xy.vue b/src/components/vue-ui-xy.vue
index 158a2833..59b9520b 100644
--- a/src/components/vue-ui-xy.vue
+++ b/src/components/vue-ui-xy.vue
@@ -36,7 +36,7 @@
             hasLabel
             hasTable
             @generatePdf="generatePdf"
-            @generateXls="generateXls"
+            @generateCsv="generateCsv"
             @generateImage="generateImage"
             @toggleTable="mutableConfig.showTable = !mutableConfig.showTable"
             @toggleLabels="mutableConfig.dataLabels.show = !mutableConfig.dataLabels.show"
@@ -683,15 +683,16 @@ import {
     shiftHue, 
     opacity, 
     convertColorToHex, 
-    convertConfigColors, 
-    makeXls,
+    convertConfigColors,
     adaptColorToBackground,
     calcLinearProgression,
     createSmoothPath,
     createStar,
     createPolygonPath,
     createUid,
-    closestDecimal
+    closestDecimal,
+    createCsvContent,
+    downloadCsv
 } from '../lib';
 import mainConfig from "../default_configs.json";
 import DataTable from "../atoms/DataTable.vue";
@@ -1199,7 +1200,8 @@ export default {
         img,
         convertColorToHex,
         convertConfigColors,
-        makeXls,
+        downloadCsv,
+        createCsvContent,
         adaptColorToBackground,
         calcLinearProgression,
         useMouse,
@@ -1869,12 +1871,13 @@ export default {
                 });
             }, 100)
         },
-        generateXls() {
+        generateCsv() {
             const title = [[this.chartConfig.chart.title.text], [this.chartConfig.chart.title.subtitle.text], [""]];
             const head = ["",...this.table.head.map(h => h.label)]
             const body = this.table.body
             const table = title.concat([head]).concat(body);
-            this.makeXls(table, this.chartConfig.chart.title.text || 'vue-ui-xy');
+            const csvContent = this.createCsvContent(table);
+            this.downloadCsv({ csvContent, title: this.chartConfig.chart.title.text || 'vue-ui-xy'})
         },
         showSpinnerImage() {
             this.isImaging = true;
diff --git a/src/default_configs.json b/src/default_configs.json
index 0db1c499..debcf4ae 100644
--- a/src/default_configs.json
+++ b/src/default_configs.json
@@ -145,9 +145,9 @@
             "average": "Average",
             "by": "by",
             "chooseCategoryColumn": "Choose category column",
-            "exportAllButton": "XLSX all",
+            "exportAllButton": "CSV all",
             "exportAllLabel": "Export all rows of your current filtered dataset",
-            "exportPageButton": "XLSX page",
+            "exportPageButton": "CSV page",
             "exportPageLabel": "Export rows of the current page",
             "from": "From",
             "inputPlaceholder": "Search...",
diff --git a/src/lib.js b/src/lib.js
index 342a39c8..f5ba8661 100644
--- a/src/lib.js
+++ b/src/lib.js
@@ -1,5 +1,3 @@
-import * as XLSX from "xlsx";
-
 export function makeDonut(item, cx, cy, rx, ry) {
     let { series } = item;
     if (!series || item.base === 0)
@@ -501,29 +499,6 @@ export function convertConfigColors(config) {
     return config;
 }
 
-export function makeXls(table, fileName) {
-
-    function s2ab(s) {
-        let buf = new ArrayBuffer(s.length);
-        let view = new Uint8Array(buf);
-        for (let i = 0; i < s.length; i++) {
-            view[i] = s.charCodeAt(i) & 0xff;
-        }
-        return buf;
-    }
-
-    const workbook = XLSX.utils.book_new();
-    const worksheet = XLSX.utils.aoa_to_sheet(table);
-    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
-    const excelFile = XLSX.write(workbook, { bookType: 'xlsx', type: 'binary' });
-    const blob = new Blob([s2ab(excelFile)], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
-    const link = document.createElement('a');
-    link.href = window.URL.createObjectURL(blob);
-    link.download = `${fileName.replaceAll(" ", "_")}.xlsx`;
-    link.click();
-    window.URL.revokeObjectURL(link.href);
-}
-
 export function calcLinearProgression(plots) {
     let x1, y1, x2, y2;
     const len = plots.length;
@@ -697,6 +672,26 @@ export function makePath(plots, closed = true) {
     return `M${path}${closed ? 'Z' : ''}`;
 }
 
+export function downloadCsv({ csvContent, title = "vue-data-ui" }) {
+    const encodedUri = encodeURI(csvContent);
+    const link = document.createElement('a');
+    link.setAttribute("href", encodedUri);
+    link.setAttribute("download", `${title}.csv`);
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+    window.URL.revokeObjectURL(encodedUri);
+}
+
+/**
+ * 
+ * @param {string[][]} rows
+ * @returns 
+ */
+export function createCsvContent(rows) {
+    return `data:text/csv;charset=utf-8,${rows.map(r => r.join(',')).join('\n')}`;
+}
+
 const lib = {
     adaptColorToBackground,
     addVector,
@@ -712,18 +707,19 @@ const lib = {
     closestDecimal,
     convertColorToHex,
     convertConfigColors,
+    createCsvContent,
     createPolygonPath,
     createSmoothPath,
     createStar,
     createUid,
     degreesToRadians,
     degreesToRadians,
+    downloadCsv,
     giftWrap,
     isSafeValue,
     isValidUserValue,
     makeDonut,
     makePath,
-    makeXls,
     matrixTimes,
     opacity,
     palette,