# Elasticsearch d3 and angularJS

**URL:** <https://discuss.elastic.co/t/elasticsearch-d3-and-angularjs/34380>\
**Category:** Elasticsearch\
**Created:** [November 12, 2015, 8:04am UTC](https://discuss.elastic.co/t/elasticsearch-d3-and-angularjs/34380 "2015-11-12T08:04:27Z")\
**Posts on this page:** 7\
**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, 8:04am UTC](https://discuss.elastic.co/t/elasticsearch-d3-and-angularjs/34380/1 "2015-11-12T08:04:27Z")

</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 .

---

<div class="post-metadata">

**Author:** ![dadoonet](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dadoonet/32/137187_2.png) [@dadoonet](https://discuss.elastic.co/u/dadoonet)\
**Post date:** [November 12, 2015, 8:35am UTC](https://discuss.elastic.co/t/elasticsearch-d3-and-angularjs/34380/2 "2015-11-12T08:35:47Z")

</div>

Well. "it's not working" might not be enough for the community to give you some help.

---

<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, 8:44am UTC](https://discuss.elastic.co/t/elasticsearch-d3-and-angularjs/34380/3 "2015-11-12T08:44:21Z")

</div>

> [@RAJAUG](#):
>
> [Data visualization with Elasticsearch aggregations and D3 | Elastic Blog](https://www.elastic.co/blog/data-visualization-elasticsearch-aggregations)

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 .

---

<div class="post-metadata">

**Author:** ![dadoonet](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dadoonet/32/137187_2.png) [@dadoonet](https://discuss.elastic.co/u/dadoonet)\
**Post date:** [November 12, 2015, 9:05am UTC](https://discuss.elastic.co/t/elasticsearch-d3-and-angularjs/34380/4 "2015-11-12T09:05:45Z")

</div>

May be you need to look at CORS settings?

[https://www.elastic.co/guide/en/elasticsearch/reference/current/breaking\_20\_setting\_changes.html#\_cors\_allowed\_origins](https://www.elastic.co/guide/en/elasticsearch/reference/current/breaking_20_setting_changes.html#_cors_allowed_origins)

---

<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:14am UTC](https://discuss.elastic.co/t/elasticsearch-d3-and-angularjs/34380/5 "2015-11-12T09:14:52Z")

</div>

So it means project structure is correct

**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:** ![dadoonet](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dadoonet/32/137187_2.png) [@dadoonet](https://discuss.elastic.co/u/dadoonet)\
**Post date:** [November 12, 2015, 9:54am UTC](https://discuss.elastic.co/t/elasticsearch-d3-and-angularjs/34380/6 "2015-11-12T09:54:03Z")

</div>

I have no idea! 😛 Not a front end developer here!  
You might have more luck asking this in the [Kibana group](https://discuss.elastic.co/c/kibana)?

---

<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 5, 2017, 11:39pm UTC](https://discuss.elastic.co/t/elasticsearch-d3-and-angularjs/34380/7 "2017-07-05T23:39:02Z")

</div>


