7 ms·
A Linguistic Introduction to D3
- n1000 7y agoCan anyone recommend a data visualisation course that is based on D3?
- rajangdavis 7y agoNot a course per se, but you can definitely learn a lot by tweaking preexisting code found on https://observablehq.com https://observablehq.com.
- saintPirelli 7y agoAnything by Shirley Wu.
- wodenokoto 7y agoWhile she looks accomplished, it doesn't look like she does any teaching, so why recommend her?
- rhcom2 7y agohttps://frontendmasters.com/teachers/shirley-wu/ https://frontendmasters.com/teachers/shirley-wu/
- martyvis 7y agoCheck out the course Learning Data Visualization with D3.js on Lynda.com at http://www.lynda.com/D3-js-tutorials/Learning-Data-Visualization-D3-js/594451-2.html http://www.lynda.com/D3-js-tutorials/Learning-Data-Visualiza....
- paulgb 7y agoI made a free course that teaches D3+React: https://webvis.paulbutler.org/ https://webvis.paulbutler.org/ I wrote it to accompany an in-person class I teach at work, but it's meant to work standalone as well.
- jashmenn 7y agoWe'll be releasing our new tutorial-based book Fullstack D3 and Data Visualization in a couple of weeks: https://www.fullstack.io/fullstack-d3 https://www.fullstack.io/fullstack-d3
- vajrabum 7y agoFreecodecamp.org has a module on data visualization that's based on d3.
- fouronnes3 7y agoI have a dataviz side project, and I'm curious to learn d3 to improve the web rendering. Right now I'm generating png images with matplotlib and showing those with <img>. It's very decent, but it would be much better with svg or html. The task looks daunting though because it sounds like what I actually need to learn is 3 separate languages: d3, SVG and javascript. Then redo all the fine tuning of styles and themes I did in plt again. A lot of work.
- haraball 7y agoMaybe plotly could be helpful for you, if you're already using python? https://plot.ly/d3-js-for-python-and-pandas-charts/ https://plot.ly/d3-js-for-python-and-pandas-charts/
- brylie 7y agoSee also: https://plot.ly/ipython-notebooks/cufflinks/ https://plot.ly/ipython-notebooks/cufflinks/
- brylie 7y agoThere is a lot of nuance to writing a full-fledged charting library, particularly when spanning across languages. Try not to reinvent the wheel, when there are already mature projects with the same goals: - http://holoviews.org/ http://holoviews.org/ - https://altair-viz.github.io/ https://altair-viz.github.io/
- krilly 7y agochart.js is great for simple visualisations. If you don't want to learn something as massive as d3, this is the step below https://www.chartjs.org https://www.chartjs.org
- GlennS 7y agoYou could start by rendering static images in SVG as a first step? Vega https://vega.github.io/vega/ https://vega.github.io/vega/ or vega-lite https://vega.github.io/vega-lite/examples/ https://vega.github.io/vega-lite/examples/ might also be good intermediate step. Those are based on writing a declarative description of the chart(s) you want in a domain specific languag. They will be less flexible than d3, but should make it simpler to get good results as long as you don't want anything too custom. Disclaimer: I haven't used them myself, but they are from the same university research group that Mike Bostock (d3 author) used to be in, and I have seen him plugging them. You will likely find any of these approaches quite different to matplotlib. Hopefully in a good way. Despite having suggested these alternatives, I would actually strongly recommend learning d3. It's really good.
- barryp 7y agoNice! Very timely for me too, I was just doing some D3 stuff this morning, and this very clearly explained what's going on under the hood. I was definitely in the "copy/paste pieces of code from various snippets over at bl.ocks.org, cross my fingers and hope for the best." camp. It makes much more sense now.