javascriptdata · risenW · Jun 27, 2021 · Jun 27, 2021 · Jul 3, 2021 · Jul 3, 2021
diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml
@@ -5,9 +5,9 @@ name: Node.js CI
 
 on:
   push:
-    branches: [ master ]
+    branches: [ master, dev, danfo/typescript ]
   pull_request:
-    branches: [ master ]
+    branches: [ master, dev ]
 
 jobs:
   test:
@@ -16,15 +16,12 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [10.x, 12.x, 14.x]
+        node-version: [12.x, 14.x]
 
     steps:
     - uses: actions/checkout@v2
     - name: Use Node.js ${{ matrix.node-version }}
       uses: actions/setup-node@v1
       with:
         node-version: ${{ matrix.node-version }}
-    - run: cd danfojs-node && yarn
-    - run: cd danfojs-node && yarn test
-    - run: cd danfojs-browser && yarn
-    - run: cd danfojs-browser && yarn test
+    - run: yarn test
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,5 @@
 .editorconfig
-node_modules
+node_modules
+test/fixtures/*
+test/samples/*
+*.xlsx
diff --git a/README.md b/README.md
@@ -47,145 +47,168 @@ easy and intuitive. It is heavily inspired by [Pandas](https://pandas.pydata.org
   - Robust data preprocessing functions like [OneHotEncoders](https://danfo.jsdata.org/api-reference/general-functions/danfo.onehotencoder), [LabelEncoders](https://danfo.jsdata.org/api-reference/general-functions/danfo.labelencoder), and scalers like [StandardScaler](https://danfo.jsdata.org/api-reference/general-functions/danfo.standardscaler) and [MinMaxScaler](https://danfo.jsdata.org/api-reference/general-functions/danfo.minmaxscaler) are supported on DataFrame and Series
 
 
+## Installation
+There are three ways to install and use Danfo.js in your application
+* For Nodejs applications, you can install the [__danfojs-node__]() version via package managers like yarn and/or npm:
 
-To use Danfo.js via script tags, copy and paste the CDN below to the body of your HTML file
+```bash
+npm install danfojs-node
+
+or
+
+yarn add danfojs-node
+```
+For client-side applications built with frameworks like React, Vue, Next.js, etc, you can install the [__danfojs__]() version:
+
+```bash
+npm install danfojs
+
+or
+
+yarn add danfojs
+```
+
+For use directly in HTML files, you can add the latest script tag from [JsDelivr](https://www.jsdelivr.com/package/npm/danfojs) to your HTML file:
+<script src="https://cdn.jsdelivr.net/npm/danfojs@1.0.0/lib/bundle.min.js"></script>
 
 ```html
-    <script src="https://cdn.jsdelivr.net/npm/danfojs@0.2.7/lib/bundle.min.js"></script> 
+    <script src="https://cdn.jsdelivr.net/npm/danfojs@1.0.0/lib/bundle.min.js"></script> 
 ```
 See all available versions [here](https://www.jsdelivr.com/package/npm/danfojs)
 
 ### Example Usage in the Browser
 
-> See the example below in [Code Sandbox](https://codepen.io/risingodegua/pen/bGwPGMG)
+> Run in [Code Sandbox](https://codepen.io/risingodegua/pen/bGwPGMG)
 
 ```html
 
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.plot.ly/plotly-1.2.0.min.js"></script> 
-    <script src="https://cdn.jsdelivr.net/npm/danfojs@0.2.7/lib/bundle.min.js"></script> 
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script src="https://cdn.jsdelivr.net/npm/danfojs@1.0.0/lib/bundle.min.js"></script> 
 
     <title>Document</title>
-</head>
-
-<body>
+  </head>
 
+  <body>
     <div id="div1"></div>
     <div id="div2"></div>
     <div id="div3"></div>
 
     <script>
 
-        dfd.read_csv("https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv")
-            .then(df => {
-
-                df['AAPL.Open'].plot("div1").box() //makes a box plot
+      dfd.readCSV("https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv")
+          .then(df => {
 
-                df.plot("div2").table() //display csv as table
+              df['AAPL.Open'].plot("div1").box() //makes a box plot
 
-                new_df = df.set_index({ key: "Date" }) //resets the index to Date column
-                new_df.plot("div3").line({ columns: ["AAPL.Open", "AAPL.High"] })  //makes a timeseries plot
+              df.plot("div2").table() //display csv as table
 
-            }).catch(err => {
-                console.log(err);
-            })
+              new_df = df.setIndex({ column: "Date", drop: true }); //resets the index to Date column
+              new_df.head().print() //
+              new_df.plot("div3").line({
+                  config: {
+                      columns: ["AAPL.Open", "AAPL.High"]
+                  }
+              })  //makes a timeseries plot
 
+          }).catch(err => {
+              console.log(err);
+          })
     </script>
-
-</body>
-
+  </body>
 </html>
+
 ```
 
 Output in Browser:
 
 ![](assets/browser-out.gif)
 
-## How to install
-Danfo.js is hosted on NPM, and can installed via package managers like npm and yarn
-
-```sh
-npm install danfojs-node
-```
-
 ### Example usage in Nodejs
 
 ```javascript
 
 const dfd = require("danfojs-node")
 
+const file_url = "https://web.stanford.edu/class/archive/cs/cs109/cs109.1166/stuff/titanic.csv"
+dfd.readCSV(file_url)
+    .then(df => {
+        //prints the first five columns
+        df.head().print()
+
+        // Calculate descriptive statistics for all numerical columns
+        df.describe().print()
 
-dfd.read_csv("https://web.stanford.edu/class/archive/cs/cs109/cs109.1166/stuff/titanic.csv")
-  .then(df => {
-    //prints the first five columns
-    df.head().print()
+        //prints the shape of the data
+        console.log(df.shape);
 
-    //Calculate descriptive statistics for all numerical columns
-    df.describe().print()
+        //prints all column names
+        console.log(df.columns);
 
-    //prints the shape of the data
-    console.log(df.shape);
+        // //prints the inferred dtypes of each column
+        df.ctypes.print()
 
-    //prints all column names
-    console.log(df.column_names);
+        //selecting a column by subsetting
+        df['Name'].print()
 
-    //prints the inferred dtypes of each column
-    df.ctypes.print()
+        //drop columns by names
+        cols_2_remove = ['Age', 'Pclass']
+        df_drop = df.drop({ columns: cols_2_remove, axis: 1 })
+        df_drop.print()
 
-    //selecting a column by subsetting
-    df['Name'].print()
 
-    //drop columns by names
-    cols_2_remove = ['Age', 'Pclass']
-    df_drop = df.drop({ columns: cols_2_remove, axis: 1 })
-    df_drop.print()
+        //select columns by dtypes
+        let str_cols = df_drop.selectDtypes(["string"])
+        let num_cols = df_drop.selectDtypes(["int32", "float32"])
+        str_cols.print()
+        num_cols.print()
 
 
-    //select columns by dtypes
-    let str_cols = df_drop.select_dtypes(["string"])
-    let num_cols = df_drop.select_dtypes(["int32", "float32"])
-    str_cols.print()
-    num_cols.print()
+        //add new column to Dataframe
 
+        let new_vals = df['Fare'].round(1)
+        df_drop.addColumn("fare_round", new_vals, { inplace: true })
+        df_drop.print()
 
-    //add new column to Dataframe
-    let new_vals = df['Fare'].round().values
-    df_drop.addColumn({ column: "fare_round", value:  new_vals})
-    df_drop.print()
+        df_drop['fare_round'].round(2).print(5)
 
-    df_drop['fare_round'].print(5)
+        //prints the number of occurence each value in the column
+        df_drop['Survived'].valueCounts().print()
 
-    //prints the number of occurence each value in the column
-    df_drop['Survived'].value_counts().print()
+        //print the last ten elementa of a DataFrame
+        df_drop.tail(10).print()
 
-    //print the last ten elementa of a DataFrame
-    df_drop.tail(10).print()
+        //prints the number of missing values in a DataFrame
+        df_drop.isNa().sum().print()
 
-    //prints the number of missing values in a DataFrame
-    df_drop.isna().sum().print()
+    }).catch(err => {
+        console.log(err);
+    })
 
-  }).catch(err => {
-    console.log(err);
-  })
 
 ```
 Output in Node Console:
 
 ![](assets/node-rec.gif)
-
-> If you want to use Danfo in frontend frameworks like React/Vue, read this [guide](https://danfo.jsdata.org/examples/using-danfojs-in-react)
-
-#### You can play with Danfo.js on Dnotebooks playground [here](https://playnotebook.jsdata.org/demo)
+## Notebook support
+* You can use Danfo.js on Dnotebooks playground [here](https://playnotebook.jsdata.org/demo)
+* VsCode nodejs notebook extension now supports Danfo.js. See guide [here](https://marketplace.visualstudio.com/items?itemName=donjayamanne.typescript-notebook)
 
 #### [See the Official Getting Started Guide](https://danfo.jsdata.org/getting-started)
 
 ## Documentation
 The official documentation can be found [here](https://danfo.jsdata.org)
 
+## Danfo.js Official Book
+
+![image](https://user-images.githubusercontent.com/29900845/134811659-25ff6b05-8e0d-415f-a60c-03ab1d33fd71.jpeg)
+
+
+We recently published a book titled "Building Data Driven Applications with Danfo.js". Read more about it [here](https://danfo.jsdata.org/building-data-driven-applications-with-danfo.js-book)
+
 ## Discussion and Development
 Development discussions take place [here](https://github.com/opensource9ja/danfojs/discussions). 
 
@@ -196,4 +219,4 @@ All contributions, bug reports, bug fixes, documentation improvements, enhanceme
 
 #### Created by [Rising Odegua](https://github.com/risenW) and [Stephen Oni](https://github.com/steveoni)
 
-<a href="https://www.producthunt.com/posts/danfo-js?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-danfo-js" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=233871&theme=light" alt="Danfo.js - Open Source JavaScript library for manipulating data. | Product Hunt Embed" style="width: 250px; height: 54px;" width="250px" height="54px" /></a>
+<a href="https://www.producthunt.com/posts/danfo-js?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-danfo-js" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=233871&theme=light" alt="Danfo.js - Open Source JavaScript library for manipulating data. | Product Hunt Embed" style="width: 250px; height: 54px;" width="250px" height="54px" /></a>
diff --git a/danfojs-browser/lib/bundle.js b/danfojs-browser/lib/bundle.js