Have the following JSON structure and would like to create a line and scatter plot graph of it using D3.js.
Several clarifications to make this easier.
1) The x-axis should be a date
2) The y-axis ordinal
3) The scatter and line graph should be on the same graph (not 2 separate ones or a need to toggle between the two)
4) Not concerned with a perfect CSS, but it should look presentable. More concerned about well written JS using D3.js
5) In the JSON, if the reading == N, then this means that there was no data for it. So there should be no data point in the graph.
var d2 = [
{
city: "Mexico City",
lat: "23.345",
lon: "15.34",
altitude: "10000",
calWeek1: {
reading: Y,
weekDate: "12\/13\/2013",
temp: 23
},
calWeek2: {
reading: Y,
weekDate: "12\/20\/13",
temp: 28
},
calWeek3: {
reading: Y,
weekDate: "12\/27\/2013",
temp: 20
},
calWeek4: {
reading: Y,
weekDate: "1\/3\/2014",
temp: 27
}
},
{
city: "Chicago",
lat: "28.345",
lon: "16.34",
altitude: "0",
calWeek1: {
reading: N,
weekDate: "12\/13\/2013",
temp: 0
},
calWeek2: {
reading: Y,
weekDate: "12\/20\/13",
temp: 12
},
calWeek3: {
reading: Y,
weekDate: "12\/27\/2013",
temp: 20
},
calWeek4: {
reading: Y,
weekDate: "1\/3\/2014",
temp: 10
}
}];
Hi,
Read your details and checked the JSON. Interested to work on your project.
Note: JSON format is not correct. Please provide the correct JSON format.
Question: Which data will be Y-axis, please explain little bit more.
Thanks.
Hi, my name is Joe. First of all, I think your project budget for this is way too big. That is if the 4 requirements listed are you need. I am only willing to bid for around $60 for this project. With regard to the project, am I correct to assum that the y values will be for the temperatures. Thanks and have a nice day.
hi,
I'm a web developer. I have lot of experience in HTML5 ,js , jquery and CSS3.I have worked with graphs before. I understand the project and I'm ready to start the project immediately.
Thanks and Regards
Shivakumar Ilango
Hello, i am well experienced in javascript, as a matter of fact i just completed a related project. I am interested in doing your project and i have gone through the script i.e D3.js, that you specified in the brief. I have a good knowledge of statistics, which is sure to be helpful in this project. I can start on 10th and will be able to deliver the project to you in a week. It will be highly helpful if you can give a pictorial representation of the type of graph you need. My assumption from your brief is that you need a 2D graph with both line and scatter graph combined into one. Hoping to hear a positive reply. Have a nice day :)
I've estimated 16 hours of work to develop the D3 graph, with a line and a scatter plot.
I already have experience developing several graphs, using D3, for companies' inhouse applications in the telecommunications industry. These graphs show real-time data, and can be navigated (zoom in and out, pan, information on mouseover, etc).
I'm sure you'll be satisfed with the final product. I'll be available if you have any questions about this proposal.
Thank you!
Hello,
Just read the documentation and I'm pretty sure that I can make it done easily. I am actually a javascript developer working on NodeJS and NOSQL DBs for about 2 years. I used D3 during a course that was covering Javascript techniques for fontend developers. We have developed different types of graphs and charts using D3, would like to mention the Radial menu as well.
You will get a clean and well commented code at the end of the project. The most relaxing fact for me is you are more concerned about the functionality instead of perfect web design :)
Regards.
Im new to this platform.
I can do this clean and quick.
Im working several years with JavaScript and half a year with d3js.
So I can do this project for you without any problems.