Skip to content

amir-saeed/Node-data-visualization-with-D3js-DCjs-and-mongoDB

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Data visualization with Node.js, D3.js , DC.js and mongoDB

Create the visual charts with the data provide in Excel sheet. Import that CSV into mongoDB, then create the charts using D3.js

Commong libraries / framework:

D3.js:

A javascript based visualization engine which will render interactive charts and graphs based on the data.

Dc.js:

A javascript based wrapper library for D3.js which makes plotting the charts a lot easier.

Crossfilter.js:

A javascript based data manipulation library. Works splendid with dc.js. Enables two way data binding.

Node JS:

Our powerful server which serves data to the visualization engine and also hosts the webpages and javascript libraries.

Mongo DB:

The resident No-SQL database which will serve as a fantastic data repository for our project.

Import CSV in data folder using following command

Open the command prompt, start mongo db by typing "mongod", it will start the mongodb.

Open another command prompt, start the mongo db by typing "mongo", then create new database "donorchoose".

Navigate to "data" folder and copy the file into "C drive"

type the following command

mongoimport -d donorchoose -c projects --type csv --file C:\projects-min.csv --headerline --upsert

Alt text

View the imported records using robomongo management studio GUI

All imported records

Alt text

Single record

Alt text

Setup

Navigate to main folder and

run npm install

it will install dependencies.

run *node server

and open http://localhost:8080

Final output when you run the application

Alt text

About

Node data visualization with D3.js DC.js and mongoDB

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages