Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

D3.js - load csv file from chrome

I 've got a webProject with dc.js (d3.js+crossfilter.js) and ndx.csv file. When i run project into chrome from visual studio, everythings is Ok. Now after build project and copy in other computers, Run that.
The problem is here. When i try to run webProject [html file] in other computers with Chrome, this browser has error "XMLHttpRequest cannot load file:///C:/Users/9901/Desktop/WebSite1/ndx.csv. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource." I search about this problem, but haven't found solution. Hints:

  1. I want just use browser "Chrome Portable", Otherwise no problrm with IE and FireFox
  2. My addressbar in run: "file:///C:/Users/User-1/Desktop/WebSite1/Index.html".
  3. I don't have web server in other computers.
like image 777
Hossein Ganjyar Avatar asked Sep 05 '15 17:09

Hossein Ganjyar


2 Answers

If you're not married to Chrome, you can use Firefox. It works by default.

like image 175
user3007270 Avatar answered Sep 20 '22 08:09

user3007270


I had a similar issue before and I resolved it with an easy approach. You can't get data from .csv file because host and protocol are different.

To fix this issue, you should run a simple web server. The following example would work.

npm install -g http-server

http-server

like image 32
elite0226 Avatar answered Sep 20 '22 08:09

elite0226