Yes, you could add a new column, populate it with random numbers, then sort by that. Also D3 has a shuffle utility. But why would you want a random ordering?
Hi Curran, I really liked this video. It was the only one that was easy to follow and worked for me. Please can you advise me on how to structure the files if we want two graphs on the same page? When I put one then another, two boxes are made, but both graphs appear and overlap in the top box! Any thoughts?
After maybe 6+ hrs I found a solution :D. I used the advice in this link: www.tutorialspoint.com/d3js/d3js_selections.htm And the key for me was giving each an id="", and then use d3.select('#graph_id') to pick up only the graph I wanted.
@@cwlrs4944 It's a great suggestion for future videos, thank you! I would suggest flexbox layout of DIVs that have SVGs inside them, like this vizhub.com/curran/88c7d23443554b7ca2436ba70a2f8f1f?edit=files&file=index.html
Yes, I will make new videos using React and D3. A lot of the D3 DOM manipulation doesn't make sense to do if you are using React - better to use React to build the DOM, and use D3 only for scales and non-DOM stuff.
![Making a Bar Chart with D3.js and SVG [Reloaded]](http://i.ytimg.com/vi/NlBt-7PuaLk/mqdefault.jpg)
I just love the birds on the background
Thank you for creating such a nice tutorial with explicit explanation.I'm a beginner at D3.js, this is really helpful !
Can we create row charts with rows in other random fashion other than ascending and descending?
Yes, you could add a new column, populate it with random numbers, then sort by that. Also D3 has a shuffle utility. But why would you want a random ordering?
Hi Curran, I really liked this video. It was the only one that was easy to follow and worked for me. Please can you advise me on how to structure the files if we want two graphs on the same page? When I put one then another, two boxes are made, but both graphs appear and overlap in the top box! Any thoughts?
After maybe 6+ hrs I found a solution :D. I used the advice in this link: www.tutorialspoint.com/d3js/d3js_selections.htm
And the key for me was giving each an id="", and then use d3.select('#graph_id') to pick up only the graph I wanted.
@@cwlrs4944 It's a great suggestion for future videos, thank you! I would suggest flexbox layout of DIVs that have SVGs inside them, like this vizhub.com/curran/88c7d23443554b7ca2436ba70a2f8f1f?edit=files&file=index.html
@@currankelleher Thanks for getting back to me, yeah that looks good!
Thanks for creating these videos Curran. Appreciate it! :)
for the area though, you could tweak the opacity to make it a bit more pretty!
You can fork this & modify it to have the opacity tweak - and share the link here!
@@currankelleher Sure thing. Here you go - vizhub.com/indieNik/29285729ad6840fca469b14e8428ac31
@@indieNik Awesome!!!
Big tnx for such tutorials!
I'm a beginner in js/d3, could you plz show/tell how to wrap that all into react component?
Yes, I will make new videos using React and D3. A lot of the D3 DOM manipulation doesn't make sense to do if you are using React - better to use React to build the DOM, and use D3 only for scales and non-DOM stuff.
lots of birds.... but that cannot obscure the splendor of your tutorial..