Bar Chart

49 views
Skip to first unread message

ABINASH SINGH

unread,
Jun 2, 2015, 11:49:43 AM6/2/15
to d3...@googlegroups.com

Hello friends I am new in D3.js. Can anybody help me to get this bar chart. This is my json data 


{
  "Wednesday": {
    "OTHERS": {
      "count": 1,
      "responseTime": 234
    },
    "URGENT": {
      "count": 1,
      "responseTime": 234
    },
    "NORMAL": {
      "count": 1,
      "responseTime": 234
    }
  },
  "Tuesday": {
    "OTHERS": {
      "count": 1,
      "responseTime": 5
    }
  }
}




I have atteched one file that i did i.e. test.html and data.json. But i want my json file to be like data1.json.
data.json
test.html
data1.json

Micah Stubbs

unread,
Jun 7, 2015, 5:19:33 PM6/7/15
to d3...@googlegroups.com
Hi Abhinash,

I created an example chart from your data1.json file and the colors in test.html.  Hopefully these are helpful - feel free to reply here with questions about how the chart works or the approach I took.  

ABINASH SINGH

unread,
Jun 8, 2015, 1:32:25 AM6/8/15
to d3...@googlegroups.com
Thanks for your reply Micah. It really help me a lot.



--
You received this message because you are subscribed to a topic in the Google Groups "d3-js" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/d3-js/sI8DOAvxfjA/unsubscribe.
To unsubscribe from this group and all its topics, send an email to d3-js+un...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--
Thanks,
Abinash Kumar Singh
Software Engineer

Micah Stubbs

unread,
Jun 8, 2015, 9:13:22 AM6/8/15
to d3...@googlegroups.com

Good to hear! 

- Micah

ABINASH SINGH

unread,
Jun 8, 2015, 11:09:44 AM6/8/15
to d3...@googlegroups.com
Your code is working fine but I didn't get that code. What if I need to make some changes in future. Although I did the same using c3.js. it is very easy and interesting. I have visited many websites to learn d3 but I didn't found any descriptive tutorials that i can understand. As I am new to d3 and fresher also it is really very tough to understand what is happening beside these codes. Can you please suggest me some tutorials or can explanation of the same code. I am noy understanding the functionality of domain(), range(), rangeRoundBands(), rangeRound() and map() functions. For now i am using c3.js only.

Micah Stubbs

unread,
Jun 10, 2015, 10:30:19 AM6/10/15
to d3...@googlegroups.com
Hi Abinash,

I understand the challenge of finding approachable tutorials starting out.  For me, these two step-by-step tutorials were really helpful

from Sebastian at DashingD3js

from Scott Murray at USF

be patient, and work through both of these. To succeed, you should be ready to spend several days reading, trying the code examples, and reflecting.  After that, you should have some intuition for how common patterns in d3js work.

After that, the d3js API reference is your friend - there you can find precise definitions of what each function does, and what parameters it accepts.


good luck!

ABINASH SINGH

unread,
Jun 10, 2015, 11:08:22 AM6/10/15
to d3...@googlegroups.com
Thanks Micah..
Reply all
Reply to author
Forward
0 new messages