Question

73

d3 js - loading json without a http get

rated 0 times [ 76] [ 3] / answers: 1 / hits: 69873 / 12 Years ago, thu, june 7, 2012, 12:00:00

I am learning d3. There are certain ways of loading the data in d3 js. But all of them seem to make a HTTP GET. In my scenario, I already have the json data in a string. How can I use this string instead of making another http request? I tried to look for documentation for this but found none.

This works:

d3.json(/path/flare.json, function(json) {

    //rendering logic here

}

Now, if I have:

//assume this json comes from a server (on SAME DOMAIN)

var myjson = '{name: flare,children: [{name: analytics,children: [{name: cluster,children: [{name: MergeEdge, size: 10 }]}]}]}';

How do I use already computed 'myjson' in d3 & avoid a async call to server? Thanks.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

catrinas

Add To Favorites

Follow

Total Points: 587

Total Questions: 100

Total Answers: 105

Location: Rwanda

Member since Thu, Feb 10, 2022

2 Years ago

catrinas questions

1 ReactJs: refs is not defined (no-undef)

Tue, Jul 21, 20, 00:00, 4 Years ago

1 React Material UI open modal from within autocomplete lose focus

Tue, Apr 7, 20, 00:00, 4 Years ago

1 {msg=Signature for this request is not valid., success=false} error for Binance Api withdraw and deposit request

Tue, Dec 10, 19, 00:00, 5 Years ago

1 Redux Error Actions must be plain objects. Use custom middleware for async actions

Wed, Aug 21, 19, 00:00, 5 Years ago

1 How to disable only selected button onClick inside .map() function of REACT js

Wed, Apr 17, 19, 00:00, 5 Years ago

View All

answered 12 Years ago odaliss · Accepted Answer

Simply replace d3.json call with

json = JSON.parse( myjson );

IE:

var myjson = '{name: flare,children: [{name: analytics,children: [{name: cluster,children: [{name: MergeEdge, size: 10 }]}]}]}';



// d3.json(/path/flare.json, function(json) { #delete this line



    json = JSON.parse( myjson ); //add this line



    //rendering logic here



//} #delete this line

UPDATE 09/2013

Original code has changed. So varname json should be root:

// d3.json(flare.json, function(error, root) { #delete this line



    root = JSON.parse( myjson ); //add this line



    //rendering logic here



//} #delete this line