Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Building Data-Driven Applications with Danfo.js
  • Toc
  • feedback
Building Data-Driven Applications with Danfo.js

Building Data-Driven Applications with Danfo.js

By : Odegua, Oni
3.8 (4)
close
Building Data-Driven Applications with Danfo.js

Building Data-Driven Applications with Danfo.js

3.8 (4)
By: Odegua, 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)
close
1
Section 1: The Basics
3
Section 2: Data Analysis and Manipulation with Danfo.js and Dnotebook
10
Section 3: Building Data-Driven Applications

Creating basic charts with Plotly.js

Plotly.js supports many basic charts that can be quickly used to convey information. Some examples of basic charts available in Plotly are scatter plots, line, bar, pie and bubble charts, dot plots, treemaps, tables, and so on. You can find a complete list of supported basic charts here: https://plotly.com/javascript/basic-charts/.

In this section, we will cover some basic charts such as scatter plots, bar charts, and bubble charts.

First, we'll start with scatter plots.

Creating a scatter plot with Plotly.js

A scatter plot is typically used to plot two variables against each other. The plot is displayed as a collection of points, hence the name scatter plot. The following screenshot shows an example of a scatter plot:

Figure 5.15 – Example of a scatter plot showing Fare against Age margin

To make a scatter plot using Plotly, you simply specify the plot type, as we show in the following example...

bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete