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

Data Stories

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

• Svelte tutorial
• svelte.recipes
• Svelte Radio
• Mathias Stahl: How you setup data visualization with Svelte
• Layercake
• “I am a book. I am a portal to the universe.”
• Pilot G-Tec C4
• https://www.madefromdata.com/products
• https://frontendmasters.com/courses/d3/
• https://frontendmasters.com/courses/svelte/

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

---

Related episodes

• NYT Graphics and D3 with Mike Bostock and Shan Carter
• The Pudding with Matt Daniels

Hoofdstukken

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

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

https://www.patreon.com/datastories

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

https://svelte.dev

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

https://wattenberger.com

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)

https://svelte.dev/tutorial/basics

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

https://svelte.recipes

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

https://www.svelteradio.com/

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

https://www.youtube.com/watch?v=xtTrcCp2aVU

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

https://layercake.graphics/

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

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

https://www.edwardtufte.com/tufte/seeing-with-fresh-eyes

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

https://www.axidraw.com/

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

https://www.pilotpen.eu/en/g-tec-c4-extra-fine-tip.html

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

https://www.penguin.co.uk/books/314/314526/i-am-a-book--i-am-a-portal-to-the-universe-/9780241408759.html

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

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

https://frontendmasters.com/courses/d3/

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

https://frontendmasters.com/courses/svelte/

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

https://www.patreon.com/datastories