anmolkoul / node-dc-mongo

Source code for the project demonstrating data visualization using d3.js, dc.js, node.js and mongodb

node-dc-mongo

Source code for the project demonstrating data visualization using d3.js, dc.js, node.js and mongodb

For the full post please visit:

https://anmolkoul.wordpress.com/2015/06/05/interactive-data-visualization-using-d3-js-dc-js-nodejs-and-mongodb

Required Components:
D3.js
Dc.js
Node.js
Crossfilter.js
Jquery
MongoDB

Steps for successful execution:

1. Install MongoDB
   2.Insert the data into mongoDB as given in the blog
   3.Install Nodejs and NPM
   
2. Navigate to the node-dc-mongo directory using command prompt and run npm install, this will install the dependencies
   
3. Navigate to the node-dc-mongo directory using command prompt and run npm start
   
4. In your browser go to localhost:8080/index.html
   

node-dc-mongo's Issues

Live demo

@anmolkoul : this project is awsome.

Can you provide a simple live demo for it?

What is the role of color gradient "blue to orange"

Hi Anmol,

Could you please specify the role of color gradient in the bar graph.
Blue-->Orange
What does this color gradient signify ?

Connection defined but not required or accessed correctly.

Hello Anmol Koul,

Thanks alot for this fantastic project. Both your explanation on the blog and the codes provided
me a good reading and learning experience.

However, I noticed a little issue and identified a way it can be fixed.

Issue:
The mongoose connection (connectionsubject) used in SubjectViews.js was neither defined nor required in
SubjectViews.js. Hence its undefined there.
However, this mongoose connection was defined in server.js and never used there.

Fix:
Move require db.js to SubjectViews.js like this: var db = require('../../config/db');
This stepback (../../) can be avoided but it is ok just to keep the structure of the app and the blogpost in sync.

Also, move:
var mongoose = require('mongoose'); and
var connectionsubject = mongoose.createConnection(db.urlSubjectViews);
to SubjectViews.js

I have fixed this and made a pull request.

JS file can't connect to mongodb

Cannot find your dataset

How do I access the dataset that you used? It gives 404 Error when I click on the link to your dropbox.

Error : npm start

Hi Anmol,
Thank you very much for this tutorial.
When I run "npm install" I had this error:

{ [Error: Cannot find module '../build/Release/bson'] code: 'MODULE_NOT_FOUND' }
js-bson: Failed to load c++ bson extension, using pure JS version
Magic happens on port 8080
Error: ENOENT, stat 'C:\Users\Home\Desktop\node-dc-mongo-master\public\login.html'
at Error (native)
Error: ENOENT, stat 'C:\Users\Home\Desktop\node-dc-mongo-master\public\login.html'
at Error (native)

And when I try localhost:8080 I can just see titles whitout charts.
I'm using Windows 7 64 bits
Thank you

Can't use js file correctly

Hi Anmolkoul,
thans a lot for your post and this amazing project.

I followed all your step to set up the sever and open the index.html in my browser. However I can't do any visualization because the js file can't run successfully.

I got the following error when I start get the index file:

Dashboard.js:10 Uncaught TypeError: Cannot read property 'forEach' of undefined
at makeGraphs (Dashboard.js:10)
at notify (queue.js:45)
at Object. (queue.js:35)
at Object.event (d3.js:491)
at XMLHttpRequest.respond (d3.js:1904)

Where did you call the makeGraphs function and what kind of parameter did you pass into it?