Elasticsearch d3 and angularJS

Elastic Stack Elasticsearch
1

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 , 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) . but it's not working . may be i am missing something . I am looking some help to make this work .

2

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

1 Like
3

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 .

4

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

5

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 ?

6

I have no idea! :stuck_out_tongue: Not a front end developer here!
You might have more luck asking this in the Kibana group?