docs: more examples

tool3 · Jun 4, 2024 · b6eeb4f · b6eeb4f
1 parent 873f3af
commit b6eeb4f
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 21 deletions.
diff --git a/branding/shellfie.js b/branding/shellfie.js
@@ -17,48 +17,56 @@ const colors = [
 ];
 
 // generate random chart data
-// const data = [];
+const data = [];
 const labels = ['c', 'h', 'a', 'r', 't', 's', 'c', 'i', 'i', '3.0'];
-// for (let i = 0; i < 3; i++) {
-//     const color = colors[i];
-//     const value = Math.floor(Math.random() * 20);
-//     data.push({ value, color, label: `loading` });
-// }
+for (let i = 0; i < labels.length; i++) {
+    const color = colors[i];
+    const value = Math.floor(Math.random() * 20);
+    data.push({ value, color, label: `%${labels[i]}%` });
+}
 
-const data = [
-  { label: "label", value: 1, color: "pink" },
-  { label: "label", value: 2, color: "purple" },
-  { label: "label", value: 1.5, color: "marine" },
-  { label: "label", value: 3, color: "orange" },
-  { label: "label", value: 2.5, color: "green" }
-];
+// const data = [
+//   { label: "label", value: 1, color: "pink" },
+//   { label: "label", value: 2, color: "purple" },
+//   { label: "label", value: 1.5, color: "marine" },
+//   { label: "label", value: 3, color: "orange" },
+//   { label: "label", value: 2.5, color: "green" }
+// ];
 const chart = new Chartscii(data, {
     // height: 10
     // width: 50
     // width: 50,
     // // padding: 2,
-    // barSize: 1,
-    padding: 1,
     barSize: 1,
-    valueLabels: true,
-    colorLabels: true,
-    // naked: true,
+    // padding: 2,
     // valueLabels: true,
+    colorLabels: true,
+    naked: true,
+    valueLabels: true,
     // fill: '░',
     // colorLabels: true,
-    // theme: 'pastel',
+    theme: 'nature',
     // orientation: 'vertical'
 });
 
 
 (async () => {
     try {
+        // const data = chart.create();
+        // console.log(data);
+        // await shellfie(data, {
+        //     name: './chartscii_chartpoint',
+        //     viewport: {
+        //         width: 1024,
+        //         height: 300
+        //     },
+        // });
         const data = chart.create();
         console.log(data);
         await shellfie(data, {
-            name: './chartscii_chartpoint',
+            name: './chartscii_test',
             viewport: {
-                width: 1024,
+                width: 1000,
                 height: 300
             },
         });

diff --git a/shellfies/chartscii_main.png b/shellfies/chartscii_main.png
diff --git a/shellfies/horizontal/chartscii_lush_invert_naked.png b/shellfies/horizontal/chartscii_lush_invert_naked.png
diff --git a/shellfies/horizontal/chartscii_nature_valuelabels_naked.png b/shellfies/horizontal/chartscii_nature_valuelabels_naked.png
diff --git a/shellfies/horizontal/chartscii_pastel_lush_invert_naked.png b/shellfies/horizontal/chartscii_pastel_lush_invert_naked.png