D3.js - Can't read json file
up vote
0
down vote
favorite
I'm working on a d3.js project and I'm struggling with reading in my json file (my data doesn't load). I'm not sure if it's an issue with my code or my file.
My location.json file looks like this (first few lines)
[
{
"Latitude": 15.64624,
"Longitude": 32.46113,
"": ""
},
{
"Latitude": 37.67971,
"Longitude": -121.9076,
"": ""
},
{
"Latitude": 40.51361,
"Longitude": -74.25005999999998,
"": ""
}
]
My source code looks like this:
d3.json('../static/data/serial_killers/location.json', function(error,
mapData) {
var features = mapData.features;
map.selectAll('.geo-path')
.data(features)
.enter().append('path')
.attr('class', 'geo-path')
.attr('d', path)
.attr("visibility", "visible")
.style("stroke-opacity", 1)
.style("fill-opacity", 0.5);
});
I also tried to tackle it this way, to no prevail
d3.json("../static/data/serial_killers/location.json",
function(topology) {
map.selectAll('.geo-path')
.data(topology.features)
.enter()
.append('path')
.attr('class', 'geo-path')
.attr('d', path)
.attr("visibility", "visible")
.style("stroke-opacity", 1)
.style("fill-opacity", 0.5);
});
any help would be greatly appreciated
javascript d3.js
asked Nov 19 at 18:06
William Stevens
11
|
show 1 more comment
up vote
0
down vote
favorite
I'm working on a d3.js project and I'm struggling with reading in my json file (my data doesn't load). I'm not sure if it's an issue with my code or my file.
My location.json file looks like this (first few lines)
[
{
"Latitude": 15.64624,
"Longitude": 32.46113,
"": ""
},
{
"Latitude": 37.67971,
"Longitude": -121.9076,
"": ""
},
{
"Latitude": 40.51361,
"Longitude": -74.25005999999998,
"": ""
}
]
My source code looks like this:
d3.json('../static/data/serial_killers/location.json', function(error,
mapData) {
var features = mapData.features;
map.selectAll('.geo-path')
.data(features)
.enter().append('path')
.attr('class', 'geo-path')
.attr('d', path)
.attr("visibility", "visible")
.style("stroke-opacity", 1)
.style("fill-opacity", 0.5);
});
I also tried to tackle it this way, to no prevail
d3.json("../static/data/serial_killers/location.json",
function(topology) {
map.selectAll('.geo-path')
.data(topology.features)
.enter()
.append('path')
.attr('class', 'geo-path')
.attr('d', path)
.attr("visibility", "visible")
.style("stroke-opacity", 1)
.style("fill-opacity", 0.5);
});
any help would be greatly appreciated
javascript d3.js
asked Nov 19 at 18:06
William Stevens
11
That's not valid JSON. There's a trailing comma at the end, and no closing square bracket. How is the JSON file created? Are you composing it manually? Don't. PHP for instance hasjson_encode().
– Chris G
Nov 19 at 18:07
@ChrisG sorry about that - the json i posted here was just a slice of a much longer file (no trailing comma, and the square bracket is included - i edited it in the code above). That being said, do you know what else may be wrong?
– William Stevens
Nov 19 at 18:16
According to the docs, the.jsoncommand seems to return a promise and is to be used like:d3.json(url).then(function (mapData) { ... });
– Chris G
Nov 19 at 18:22
If your running that outside of a webserver, ie from a file directory, its probably not going to work for security reasons. How are you running it?
– terpinmd
Nov 19 at 18:32
@terpinmd i have the file saved in one of my folders on my laptop (so i guess locally) ... i didnt think this would be an issue..?
– William Stevens
Nov 19 at 18:38
|
show 1 more comment
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I'm working on a d3.js project and I'm struggling with reading in my json file (my data doesn't load). I'm not sure if it's an issue with my code or my file.
My location.json file looks like this (first few lines)
[
{
"Latitude": 15.64624,
"Longitude": 32.46113,
"": ""
},
{
"Latitude": 37.67971,
"Longitude": -121.9076,
"": ""
},
{
"Latitude": 40.51361,
"Longitude": -74.25005999999998,
"": ""
}
]
My source code looks like this:
d3.json('../static/data/serial_killers/location.json', function(error,
mapData) {
var features = mapData.features;
map.selectAll('.geo-path')
.data(features)
.enter().append('path')
.attr('class', 'geo-path')
.attr('d', path)
.attr("visibility", "visible")
.style("stroke-opacity", 1)
.style("fill-opacity", 0.5);
});
I also tried to tackle it this way, to no prevail
d3.json("../static/data/serial_killers/location.json",
function(topology) {
map.selectAll('.geo-path')
.data(topology.features)
.enter()
.append('path')
.attr('class', 'geo-path')
.attr('d', path)
.attr("visibility", "visible")
.style("stroke-opacity", 1)
.style("fill-opacity", 0.5);
});
any help would be greatly appreciated
javascript d3.js
asked Nov 19 at 18:06
William Stevens
11
I'm working on a d3.js project and I'm struggling with reading in my json file (my data doesn't load). I'm not sure if it's an issue with my code or my file.
My location.json file looks like this (first few lines)
[
{
"Latitude": 15.64624,
"Longitude": 32.46113,
"": ""
},
{
"Latitude": 37.67971,
"Longitude": -121.9076,
"": ""
},
{
"Latitude": 40.51361,
"Longitude": -74.25005999999998,
"": ""
}
]
My source code looks like this:
d3.json('../static/data/serial_killers/location.json', function(error,
mapData) {
var features = mapData.features;
map.selectAll('.geo-path')
.data(features)
.enter().append('path')
.attr('class', 'geo-path')
.attr('d', path)
.attr("visibility", "visible")
.style("stroke-opacity", 1)
.style("fill-opacity", 0.5);
});
I also tried to tackle it this way, to no prevail
d3.json("../static/data/serial_killers/location.json",
function(topology) {
map.selectAll('.geo-path')
.data(topology.features)
.enter()
.append('path')
.attr('class', 'geo-path')
.attr('d', path)
.attr("visibility", "visible")
.style("stroke-opacity", 1)
.style("fill-opacity", 0.5);
});
any help would be greatly appreciated
javascript d3.js
javascript d3.js
asked Nov 19 at 18:06
William Stevens
11
asked Nov 19 at 18:06
William Stevens
11
edited Nov 19 at 18:13
asked Nov 19 at 18:06
William Stevens
11
asked Nov 19 at 18:06
William Stevens
11
asked Nov 19 at 18:06
William Stevens
11
11
That's not valid JSON. There's a trailing comma at the end, and no closing square bracket. How is the JSON file created? Are you composing it manually? Don't. PHP for instance hasjson_encode().
– Chris G
Nov 19 at 18:07
@ChrisG sorry about that - the json i posted here was just a slice of a much longer file (no trailing comma, and the square bracket is included - i edited it in the code above). That being said, do you know what else may be wrong?
– William Stevens
Nov 19 at 18:16
According to the docs, the.jsoncommand seems to return a promise and is to be used like:d3.json(url).then(function (mapData) { ... });
– Chris G
Nov 19 at 18:22
If your running that outside of a webserver, ie from a file directory, its probably not going to work for security reasons. How are you running it?
– terpinmd
Nov 19 at 18:32
@terpinmd i have the file saved in one of my folders on my laptop (so i guess locally) ... i didnt think this would be an issue..?
– William Stevens
Nov 19 at 18:38
|
show 1 more comment
That's not valid JSON. There's a trailing comma at the end, and no closing square bracket. How is the JSON file created? Are you composing it manually? Don't. PHP for instance hasjson_encode().
– Chris G
Nov 19 at 18:07
@ChrisG sorry about that - the json i posted here was just a slice of a much longer file (no trailing comma, and the square bracket is included - i edited it in the code above). That being said, do you know what else may be wrong?
– William Stevens
Nov 19 at 18:16
According to the docs, the.jsoncommand seems to return a promise and is to be used like:d3.json(url).then(function (mapData) { ... });
– Chris G
Nov 19 at 18:22
If your running that outside of a webserver, ie from a file directory, its probably not going to work for security reasons. How are you running it?
– terpinmd
Nov 19 at 18:32
@terpinmd i have the file saved in one of my folders on my laptop (so i guess locally) ... i didnt think this would be an issue..?
– William Stevens
Nov 19 at 18:38
That's not valid JSON. There's a trailing comma at the end, and no closing square bracket. How is the JSON file created? Are you composing it manually? Don't. PHP for instance has
json_encode().– Chris G
Nov 19 at 18:07
That's not valid JSON. There's a trailing comma at the end, and no closing square bracket. How is the JSON file created? Are you composing it manually? Don't. PHP for instance has
json_encode().– Chris G
Nov 19 at 18:07
@ChrisG sorry about that - the json i posted here was just a slice of a much longer file (no trailing comma, and the square bracket is included - i edited it in the code above). That being said, do you know what else may be wrong?
– William Stevens
Nov 19 at 18:16
@ChrisG sorry about that - the json i posted here was just a slice of a much longer file (no trailing comma, and the square bracket is included - i edited it in the code above). That being said, do you know what else may be wrong?
– William Stevens
Nov 19 at 18:16
According to the docs, the
.json command seems to return a promise and is to be used like: d3.json(url).then(function (mapData) { ... });– Chris G
Nov 19 at 18:22
According to the docs, the
.json command seems to return a promise and is to be used like: d3.json(url).then(function (mapData) { ... });– Chris G
Nov 19 at 18:22
If your running that outside of a webserver, ie from a file directory, its probably not going to work for security reasons. How are you running it?
– terpinmd
Nov 19 at 18:32
If your running that outside of a webserver, ie from a file directory, its probably not going to work for security reasons. How are you running it?
– terpinmd
Nov 19 at 18:32
@terpinmd i have the file saved in one of my folders on my laptop (so i guess locally) ... i didnt think this would be an issue..?
– William Stevens
Nov 19 at 18:38
@terpinmd i have the file saved in one of my folders on my laptop (so i guess locally) ... i didnt think this would be an issue..?
– William Stevens
Nov 19 at 18:38
|
show 1 more comment
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53380337%2fd3-js-cant-read-json-file%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
That's not valid JSON. There's a trailing comma at the end, and no closing square bracket. How is the JSON file created? Are you composing it manually? Don't. PHP for instance has
json_encode().– Chris G
Nov 19 at 18:07
@ChrisG sorry about that - the json i posted here was just a slice of a much longer file (no trailing comma, and the square bracket is included - i edited it in the code above). That being said, do you know what else may be wrong?
– William Stevens
Nov 19 at 18:16
According to the docs, the
.jsoncommand seems to return a promise and is to be used like:d3.json(url).then(function (mapData) { ... });– Chris G
Nov 19 at 18:22
If your running that outside of a webserver, ie from a file directory, its probably not going to work for security reasons. How are you running it?
– terpinmd
Nov 19 at 18:32
@terpinmd i have the file saved in one of my folders on my laptop (so i guess locally) ... i didnt think this would be an issue..?
– William Stevens
Nov 19 at 18:38