Book Image

Building Data-Driven Applications with Danfo.js

By : Rising Odegua, Stephen Oni
Book Image

Building Data-Driven Applications with Danfo.js

By: Rising Odegua, Stephen Oni

Overview of this book

Most data analysts use Python and pandas for data processing for the convenience and performance these libraries provide. However, JavaScript developers have always wanted to use machine learning in the browser as well. This book focuses on how Danfo.js brings data processing, analysis, and ML tools to JavaScript developers and how to make the most of this library to build data-driven applications. Starting with an overview of modern JavaScript, you’ll cover data analysis and transformation with Danfo.js and Dnotebook. The book then shows you how to load different datasets, combine and analyze them by performing operations such as handling missing values and string manipulations. You’ll also get to grips with data plotting, visualization, aggregation, and group operations by combining Danfo.js with Plotly. As you advance, you’ll create a no-code data analysis and handling system and create-react-app, react-table, react-chart, Draggable.js, and tailwindcss, and understand how to use TensorFlow.js and Danfo.js to build a recommendation system. Finally, you’ll build a Twitter analytics dashboard powered by Danfo.js, Next.js, node-nlp, and Twit.js. By the end of this app development book, you’ll be able to build and embed data analytics, visualization, and ML capabilities into any JavaScript app in server-side Node.js or the browser.
Table of Contents (18 chapters)
1
Section 1: The Basics
3
Section 2: Data Analysis and Manipulation with Danfo.js and Dnotebook
10
Section 3: Building Data-Driven Applications

Structuring and designing the app

React.js has some core philosophy of app design, which is mostly about breaking up the UI into a component hierarchy, and also one of the ideas is to identify where your state should live.

In this section, we will see how to design the structure of our no-code app with React.js and also consider the React philosophy of app design. With this principle, we will find it easy to implement a basic UI in React.

First, let's understand what a no-code environment is and what we want to achieve with it. The no-code environment is used to make data handling and analysis easier with just the click of a few buttons.

We will create a platform where users can upload their data, perform analysis, and do what they do with code, such as the following:

  • DataFrame-to-DataFrame operations such as concat
  • Arithmetic operations such as cummax and cumsum
  • Querying to filter out a DataFrame by a column value
  • Describing a DataFrame

We...