javascript - Loading local data for visualization using D3.js -

I am working on a project for which I need to see a complex type of data (see). In essence, I have a large part of the data that I can export in JSON, CSV or some other arbitrary flat format, although I probably prefer to save from XML (detailed link in detail for the details of the underlying data See). / P>

I have started working on visualization using D3, I wrote the layout works fine so far when I do some very simple data testing which I would like to use in javascript The array is hardcoded as. The tutorial I have read about data binding in D3 is a bit confusing in the sense that some use JSON and use some to format TXT / CSV while others use hardcode arrays / matrix.

In the case of JSON, I saw a tutorial where the storyteller advised to host a JSON file on a webserver and obtained it using an HTTP request instead of reading the local file. I realize that this domain is due to exceeding the request limits, which I believe is that I have to work some way. At this point I'm not sure how to proceed:

1. The D3 powered view will be on a series of HTML reports, which I wrote as the result of an analysis tool has been made. Analysis is done on users' computers, and HTML reports are also made locally on client side.

2. Intended users are definitely not tech-savvy, so it's

   To record, I have tried to tell them that they do not have the option of instructing JSON or any other type or resources to run a webserver on their computer in order to be able to serve through a local host. To try it, Python is running the SimpleHTTPServer module, and then everything works fine. I then tried to work harder in the HTML reports generated, then call the JSON object from my script, which is D3,

     // d3.json (uses "mydata.json") function (jsn) {d3.json (majason, function (jsn) {nodedata = jason.aillings; ...}   
    which is unsuccessful since I want to finally send the JSON object That D3.js is expecting a URL.  
    What can I do to avoid / resolve this problem?   
    
    
    To load local files without using a server, add a script tag to remove a variable or object element from the specified source data, which you In the example below, I load the data into a particular country [COUNTRY_ISO3CODE] .jsf Specifically, a Afghanistan data file may have content in the format:  
     data [AFG] = {"name": "Afghanistan", "estimation": 9.003, .. .}   
    This will happen in the calling file:  
     if (! Data [iso3]) {// just load as required da ta as script // if using jQuery $ ('body'). Append ("& lt; script type = 'text / javascript' src = 'jdb /" + iso3 + ".js' & gt; & lt; / script & gt;") // if using jQuery / * var script If not, then document.createElement ("script"); Script.type = "text / javascript"; Script src = "jdb /" + iso3 + ".js"; //? _ = "+ (New Date ()); URL may have to be random to avoid cached data document. A.de.appendChild (script); * / // call data-handling function only after // desired Data has been fully loaded. In this case, I get every 100 milliseconds var intervalID = set interval (function () (if (data [iso3]) {// Once the data is detected, then data Clear Interval ();     Dicators (Main Duper, ISO 3) d Rokarrts (main Dupr, ISO 3)}}, 100)