Data Viz w/ Svelte and D3 Tutorial – Custom and Interactive Data Visualization

Channel:

freeCodeCamp.org

Subscribers:

11,000,000

Published on July 16, 2025 2:06:03 PM ● Video Link: https://www.youtube.com/watch?v=XSJD5ay1D_8

Duration: 0:00

12,875 views

326

Learn how to create responsive, animated, interactive charts using Svelte and D3.js from ‪@ever-greg‬

Follow along in your browser here:
https://svelte.dev/playground/hello-world?version=5.34.5

Completed code: https://svelte.dev/playground/20adb7678797430185a61dbb47fce3f9?version=5.36.4

Thanks to ‪@LeagueofPigs‬ for permission to use their clip. Check out them out:    • Fastest Pigs On The Planet?  

Other resources
League of Pigs data: https://github.com/gckirchoff/league-of-pigs-data
PokeAPI: https://pokeapi.co/
D3.js: https://d3js.org/

❤ ️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learninghttps://scrimba.com/freecodecampmp

🎉 Thanks to our Champion and Sponsor supporters:
👾 Drake Milly
👾 Ulises Moralez
👾 Goddard Tan
👾 David MG
👾 Matthew Springman
👾 Claudio
👾 Oscar R.
👾 jedi-or-sith
👾 Nattira Maneerat
👾 Justin Hual

--

Learn to code for free and get a developer jobhttps://www.freecodecamp.org/rg

Read hundreds of articles on programminghttps://freecodecamp.org/newsws