# Data visulization Elasticsearch and d3.js

**URL:** https://discuss.elastic.co/t/data-visulization-elasticsearch-and-d3-js/34395
**Category:** Kibana
**Created:** [November 12, 2015, 9:58am UTC](https://discuss.elastic.co/t/data-visulization-elasticsearch-and-d3-js/34395 "2015-11-12T09:58:16Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![RAJAUG](https://avatars.discourse-cdn.com/v4/letter/r/ed8c4c/32.png) [@RAJAUG](https://discuss.elastic.co/u/RAJAUG)
#### Post date: [November 12, 2015, 9:58am UTC](https://discuss.elastic.co/t/data-visulization-elasticsearch-and-d3-js/34395/1 "2015-11-12T09:58:16Z")

</div>

I would like to make different kinds of graph using elasticsearch , AngularJS and D3.js .

i have elaticsearch server in my local machine [http://localhost:9200](http://localhost:9200)  
, index name is nfl. i want to make graph based on data from  
elasticsearch index. I was trying to follow example mentioned in  
([https://www.elastic.co/blog/data-visualization-elasticsearch-aggregations](https://www.elastic.co/blog/data-visualization-elasticsearch-aggregations))  
. but it's not working . may be i am missing something . I am looking  
some help to make this work.

there are steps mentioned in requirement :  
1.elasticsearch.js  
2. d3.v3.js, or include the D3 source in a script tag in the html  
3. require.js (save file as require.js)  
4. nfl\_2013.json and nfl\_mapping.json (download)  
5. a text editor  
6. a webserver

there is no description for step 6 (webserver) , I am using nodeJS ,  
but request is not reaching to my elasticsearch server , does it need  
package.json also ?

It would be nice if you can explain project configuration in more details .

project structure is like this

nfl  
scripts

```
  - -d3.v3.js
   -elasticsearch.js
   -main.js
   -require.js

```

index.html

There is no need of package.json ?

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [July 6, 2017, 2:09pm UTC](https://discuss.elastic.co/t/data-visulization-elasticsearch-and-d3-js/34395/2 "2017-07-06T14:09:17Z")

</div>


