JSJ 308: D3.js with Ben Clinkinbeard

JavaScript Jabber

Episode | Podcast

Date: Tue, 10 Apr 2018 10:00:00 +0000

<div class="trix-content"> <div><strong>Panel: </strong></div><ul> <li>Joe Eames</li> <li>Cory House</li> <li>Aimee Knight</li> </ul><div> <strong>Special Guests: </strong>Ben Clinkinbeard</div><div>In this episode, the JavaScript Jabber panelists talk about <a href="https://d3js.org/">D3.js</a> with Ben Clinkinbeard. D3.js is a <a href="https://www.javascript.com/">JavaScript</a> library that has you use declarative code to tell it what you want and then it figures out all of the browser inconsistencies and creates the notes for you. He talks about the two main concepts behind D3, scales and selections, which once you understand make D3 a lot more user friendly. He then touches on SPGs and discusses his <a href="https://benclinkinbeard.com/d3in5days/">Learn D3 in 5 Days course</a>.</div><div><strong>In particular, we dive pretty deep on:</strong></div><ul> <li>What is <a href="https://d3js.org/">D3.js</a>?</li> <li>Stands for Data Driven Documents</li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li>How much of the learning curve is attributed to learning D3?</li> <li>SPG</li> <li>2 main concepts behind D3: scales and selections</li> <li>Is learning about SPGs a prerequisite to leaning D3?</li> <li>How serious are you talking when saying idiosyncrasies?</li> <li>SPG tag</li> <li>Understanding positioning in SPG</li> <li>Positions with CSS transforms</li> <li>Are you required to use SPG?</li> <li>Not required to use SPG with D3</li> <li>Canvas</li> <li>SPG is vector based</li> <li>SPG utility function</li> <li><a href="https://brendansudol.com/writing/responsive-d3">Responseivefy</a></li> <li><a href="https://benclinkinbeard.com/d3in5days/">Learn D3 in 5 Days course</a></li> <li>Is there and overlap with D3 and React?</li> <li>And much, much more!</li> </ul><div><strong>Links:</strong></div><ul> <li><a href="https://d3js.org/">D3.js</a></li> <li><a href="https://www.javascript.com/">JavaScript</a></li> <li><a href="https://brendansudol.com/writing/responsive-d3">Responsivefy</a></li> <li><a href="https://benclinkinbeard.com/d3in5days/">Learn D3 in 5 Days course</a></li> <li><a href="https://reactjs.org/">React </a></li> <li><a href="https://twitter.com/bclinkinbeard?lang=en">@bclinkinbeard</a></li> <li><a href="https://github.com/bclinkinbeard">Ben’s GitHub</a></li> </ul><div><strong>Picks:</strong></div><div>Cory</div><ul> <li>React cheat sheet</li> <li><a href="https://www.youtube.com/watch?v=4fVdg3EEbi4">“Why software engineers disagree about everything” by Haseeb Qureshi</a></li> </ul><div>Joe Eames</div><ul><li><a href="http://2ality.com/2018/03/javascript-typescript-reasonml.html">“JavaScript vs. TypeScript vs. ReasonML” by Dr. Axel Rauschmayer</a></li></ul><div>Aimee</div><ul> <li><a href="https://levelup.gitconnected.com/how-to-use-technical-debt-in-your-favor-98bae475ba68">“How To Use Technical Debt In Your Favor”</a></li> <li><a href="https://twitter.com/NeuroscienceNew?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor">Neuroscience News Twitter</a></li> </ul><div>Ben</div><ul><li><a href="https://github.com/GoogleChromeLabs/comlink">ComLink</a></li></ul> </div> Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy