Danfo.js
Getting StartedAPI ReferenceContributing GuideGithub
Search…
Danfo.js Documentation
Getting Started
API reference
User Guides
Migrating to the stable version of Danfo.js
Using Danfojs in React
Titanic Survival Prediction using Danfo.js and Tensorflow.js
Building Data Driven Applications with Danfo.js - Book
Contributing Guide
Release Notes
Powered By GitBook
Using Danfojs in React
TL:DR See Example react application using danfojs here​
Danfojs works for both browser and NodeJs environment, and as such is available to frontend frameworks like React and Vue.
In order to use Danfojs in a library like React, you must install the browser side version from npm.
npm install danfojs
​
or
​
yarn add danfojs
Follow the steps here to bootstrap a React app, and in your App.js or any file where you want to use danfojs, you can import it as follow:
import "./App.css";
import * as dfd from "danfojs";
Now you have access to all features under the dfd namespace. Below is a sample App.js file using danfojs:
import "./App.css";
import * as dfd from "danfojs";
​
function App() {
​
const df = new dfd.DataFrame(
{ pig: [20, 18, 489, 675, 1776], horse: [4, 25, 281, 600, 1900] },
{ index: [1990, 1997, 2003, 2009, 2014] }
);
df.head().print()
​
​
return (
<div className="App">
<header className="App-header">
<a
className="App-link"
href="https://danfo.jsdata.org/getting-started"
target="_blank"
rel="noopener noreferrer"
>
Learn Danfojs
</a>
</header>
</div>
);
}
​
export default App;
On running the app, we get the following output in the console:
Note that you can also import specific modules. For instance, in the code below we import only the DataFrame module:
import { DataFrame } from "danfojs";
Following these steps, you can use danfojs in any client-side library.
Previous
Migrating to the stable version of Danfo.js
Next
Titanic Survival Prediction using Danfo.js and Tensorflow.js
Last modified 8mo ago
Copy link