163  |  svelte.js for web-based dataviz with Amelia Wattenberger

47:19
 
Share
 

Manage episode 280048454 series 2313435
By Enrico Bertini and Moritz Stefaner, Enrico Bertini, and Moritz Stefaner. Discovered by Player FM and our community — copyright is owned by the publisher, not Player FM, and audio is streamed directly from their servers. Hit the Subscribe button to track updates in Player FM, or paste the feed URL into other podcast apps.
document.addEventListener("DOMContentLoaded", function() { var player = document.getElementById("player-60f8b3dd75a34"); podlovePlayerCache.add([{"url":"https:\/\/datastori.es\/wp-json\/podlove-web-player\/shortcode\/publisher\/4682","data":{"version":5,"show":{"title":"Data Stories","subtitle":"A podcast on data and how it affects our lives \u2014 with Enrico Bertini and Moritz Stefaner","summary":"Enrico Bertini and Moritz Stefaner discuss the latest developments in data analytics, visualization and related topics.","poster":"https:\/\/datastori.es\/wp-content\/cache\/podlove\/ee\/2a473f91a0edbb253663696244c6f4\/data-stories_500x.png","link":"https:\/\/datastori.es"},"title":"163\u00a0\u00a0|\u00a0\u00a0svelte.js for web-based dataviz with Amelia Wattenberger","subtitle":"","summary":"","publicationDate":"2020-12-14T15:50:53+01:00","duration":"00:47:19.731","poster":"https:\/\/datastori.es\/wp-content\/cache\/podlove\/b7\/d2cea1fc5d7c6d7b628d90e390bac1\/svelte-js-for-web-based-dataviz-with-amelia-wattenberger_500x.png","link":"https:\/\/datastori.es\/163-svelte-js-for-web-based-dataviz-with-amelia-wattenberger\/","chapters":[{"start":"00:00:31.944","title":"Welcome back to Data Stories!","href":"","image":""},{"start":"00:01:08.559","title":"Our podcast is listener-supported, please consider making a donation!","href":"https:\/\/www.patreon.com\/datastories","image":""},{"start":"00:01:57.558","title":"Our topic:svelte.js","href":"https:\/\/svelte.dev","image":""},{"start":"00:02:32.932","title":"Our guest: Amelia Wattenberger","href":"https:\/\/wattenberger.com","image":""},{"start":"00:04:45.178","title":"What framworks are out there?","href":"","image":""},{"start":"00:09:09.831","title":"Reactive programming","href":"","image":""},{"start":"00:12:34.423","title":"What is svelte.js?","href":"","image":""},{"start":"00:17:52.653","title":"How would a typical structure of a svelte data viz look like?","href":"","image":""},{"start":"00:23:08.477","title":"What would be criteria to use svelte.js?","href":"","image":""},{"start":"00:26:26.840","title":"What are the drawbacks of svelte.js?","href":"","image":""},{"start":"00:28:36.799","title":"Why are websites nowadays so complicated in programming?","href":"","image":""},{"start":"00:32:51.654","title":"How to get started with svelte.js?","href":"https:\/\/svelte.dev\/tutorial\/basics","image":""},{"start":"00:34:43.803","title":"Amelia's Svelte Recipes","href":"https:\/\/svelte.recipes","image":""},{"start":"00:35:32.268","title":"Podcast: Svelte Radio","href":"https:\/\/www.svelteradio.com\/","image":""},{"start":"00:35:53.168","title":"Matthias Stahl: How you setup data visualization with Svelte","href":"https:\/\/www.youtube.com\/watch?v=xtTrcCp2aVU","image":""},{"start":"00:36:44.248","title":"Layer Cake: a framework for svelte.js","href":"https:\/\/layercake.graphics\/","image":""},{"start":"00:39:42.906","title":"Data Stories gift recommendations","href":"","image":""},{"start":"00:40:00.313","title":"Enrico: New Tufte book \"Seeing with Fresh Eyes\"","href":"https:\/\/www.edwardtufte.com\/tufte\/seeing-with-fresh-eyes","image":""},{"start":"00:40:47.833","title":"Enrico: The AxiDraw drawing machine","href":"https:\/\/www.axidraw.com\/","image":""},{"start":"00:42:35.134","title":"Moritz: Best pen for AxiDrawer G-Tec C-4 Extra Fine","href":"https:\/\/www.pilotpen.eu\/en\/g-tec-c4-extra-fine-tip.html","image":""},{"start":"00:43:04.268","title":"Moritz: \"I Am a Book. I Am a Portal to the Universe\" by Stefanie Posavec, Miriam Quick","href":"https:\/\/www.penguin.co.uk\/books\/314\/314526\/i-am-a-book--i-am-a-portal-to-the-universe-\/9780241408759.html","image":""},{"start":"00:44:09.712","title":"Amelia: Frontend Masters online courses","href":"","image":""},{"start":"00:44:34.453","title":"Shirley Wu's course to d3","href":"https:\/\/frontendmasters.com\/courses\/d3\/","image":""},{"start":"00:44:37.952","title":"Svelte course by Rich Harris","href":"https:\/\/frontendmasters.com\/courses\/svelte\/","image":""},{"start":"00:45:44.021","title":"Get in touch with us and support us on Patreon >","href":"https:\/\/www.patreon.com\/datastories","image":""}],"audio":[{"url":"https:\/\/datastori.es\/podlove\/file\/6807\/s\/webplayer\/c\/website\/163-svelte-js-for-web-based-dataviz-with-amelia-wattenberger.m4a","size":"35487614","title":"MPEG-4 AAC Audio (m4a)","mimeType":"audio\/mp4"},{"url":"https:\/\/datastori.es\/podlove\/file\/6808\/s\/webplayer\/c\/website\/163-svelte-js-for-web-based-dataviz-with-amelia-wattenberger.mp3","size":"45532899","title":"MP3 Audio (mp3)","mimeType":"audio\/mpeg"}],"files":[{"url":"https:\/\/datastori.es\/podlove\/file\/6808\/s\/webplayer\/163-svelte-js-for-web-based-dataviz-with-amelia-wattenberger.mp3","size":"45532899","title":"MP3 Audio","mimeType":"audio\/mpeg"},{"url":"https:\/\/datastori.es\/podlove\/file\/6807\/s\/webplayer\/163-svelte-js-for-web-based-dataviz-with-amelia-wattenberger.m4a","size":"35487614","title":"MPEG-4 AAC Audio","mimeType":"audio\/mp4"}],"contributors":[]}}, {"url":"https:\/\/datastori.es\/wp-json\/podlove-web-player\/shortcode\/config\/ds\/theme\/ds","data":{"activeTab":"chapters","subscribe-button":{"feed":"https:\/\/datastori.es\/feed\/podcast\/","clients":[{"id":"overcast","service":null},{"id":"stitcher","service":null},{"id":"spotify","service":null},{"id":"pocket-casts","service":null},{"id":"google-podcasts","service":null},{"id":"apple-podcasts","service":null},{"id":"rss","service":null}]},"share":{"channels":["facebook","twitter","whats-app","linkedin","pinterest","xing","mail","link"],"outlet":"https:\/\/datastori.es\/wp-content\/plugins\/podlove-web-player\/web-player\/share.html","sharePlaytime":true},"related-episodes":{"source":"disabled","value":null},"version":5,"theme":{"tokens":{"brand":"#5728b1","brandDark":"#47309b","brandDarkest":"#221064","brandLightest":"#FFF","shadeDark":"#47309b","shadeBase":"#5728b1","contrast":"#221064","alt":"#fff"},"fonts":{"ci":{"name":"","family":[" AvenirNext"," Avenir Next","Segoe UI","-apple-system","BlinkMacSystemFont","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":"600"},"regular":{"name":"regular","family":["AvenirNext","Avenir Next","Segoe UI","-apple-system","BlinkMacSystemFont","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":300},"bold":{"name":"bold","family":["AvenirNext","Avenir Next","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":700}}},"base":"https:\/\/datastori.es\/wp-content\/plugins\/podlove-web-player\/web-player\/"}}]); podlovePlayer(player, "https://datastori.es/wp-json/podlove-web-player/shortcode/publisher/4682", "https://datastori.es/wp-json/podlove-web-player/shortcode/config/ds/theme/ds").then(function() { player && player.classList.remove("podlove-web-player-loading"); }); });

This week, we are joined by Amelia Wattenberger, journalist-engineer at the Pudding and book author. We discuss the exciting Svelte framework for web development, which is especially well suited for developing interactive data visualizations. Hear how it compares to other frameworks like react, why web development nowadays seems so complicated, and finally, hear a few ideas for last minute dataviz-related present ideas for the holiday season 🙂

Links

Remember: our podcast is listener-supported, please consider making a donation! Using Patreon or Paypal. Thanks 🙂


Related episodes

Chapters

1. Welcome back to Data Stories! (00:00:31)

2. Our podcast is listener-supported, please consider making a donation! (00:01:08)

3. Our topic:svelte.js (00:01:57)

4. Our guest: Amelia Wattenberger (00:02:32)

5. What framworks are out there? (00:04:45)

6. Reactive programming (00:09:09)

7. What is svelte.js? (00:12:34)

8. How would a typical structure of a svelte data viz look like? (00:17:52)

9. What would be criteria to use svelte.js? (00:23:08)

10. What are the drawbacks of svelte.js? (00:26:26)

11. Why are websites nowadays so complicated in programming? (00:28:36)

12. How to get started with svelte.js? (00:32:51)

13. Amelia's Svelte Recipes (00:34:43)

14. Podcast: Svelte Radio (00:35:32)

15. Matthias Stahl: How you setup data visualization with Svelte (00:35:53)

16. Layer Cake: a framework for svelte.js (00:36:44)

17. Data Stories gift recommendations (00:39:42)

18. Enrico: New Tufte book "Seeing with Fresh Eyes" (00:40:00)

19. Enrico: The AxiDraw drawing machine (00:40:47)

20. Moritz: Best pen for AxiDrawer G-Tec C-4 Extra Fine (00:42:35)

21. Moritz: "I Am a Book. I Am a Portal to the Universe" by Stefanie Posavec, Miriam Quick (00:43:04)

22. Amelia: Frontend Masters online courses (00:44:09)

23. Shirley Wu's course to d3 (00:44:34)

24. Svelte course by Rich Harris (00:44:37)

25. Get in touch with us and support us on Patreon > (00:45:44)

168 episodes