kristin_baumann, to svelte

The 2024 Du Bois Data Visualization Society Challenge has started!

Here is my re-creation of Du Bois Poster Nr. 6 for week 1, implemented with D3 and Svelte.

Live: https://du-bois-challenge-2024.kristin-baumann.com/#challenge1
Github: https://github.com/kristinbaumann/du-bois-challenge-2024

#DuBoisChallenge2024 #d3 #svelte #dataviz

seblammers, (edited ) to Dragonlance
@seblammers@vis.social avatar

⭐ New project out today:
https://storiesfromthenightsky.netlify.app/

The light from the travels for years (and years) until it reaches your eyes. This of the night sky shows you for each star what happened on Earth when the light started traveling from the star to you. That way, any star has a story to tell you. You can zoom in, move around and hover all the stars to reveal the historical events they are connected to.

Built with and

sushee, to rust
@sushee@fosstodon.org avatar

I think I'm gonna hack some nice next year, haven't done that in a while. I also have a bunch of #R things I need to try, and some other libs and are waiting too and the rest will be lots of , a bunch of anyways and some to be continued until it doesn't hurt anymore. ;)

kristin_baumann, to svelte

Du Bois Data Visualization Society Challenge - Week 3 of 10:

My recreation of Du Bois' poster no. 19, again implemented with D3 and Svelte, with transitions on load and hover interactions.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge3

Github: https://github.com/kristinbaumann/du-bois-challenge-2024

#DuBoisChallenge2024 #d3 #svelte #dataviz

video/mp4

adam, to svelte

This D3.js data visualization I’m working on started as a page on my (Next.js) blog, but I think it’ll be better long-term to have it in its own repo.

After some planning for what I’ll need, I think The Pudding’s Svelte Starter Repo is the way to go. Coming from a group whose primary focus is D3.js data Viz, this looks far better than anything I could come up with.

Anyone have any recommended resources for learning Svelte?

https://github.com/the-pudding/svelte-starter

schizanon, (edited ) to random
seblammers, to svelte
@seblammers@vis.social avatar

I just ported over this classic map from pure to a version.

This time, I learned a lot while creating a custom legend component that is tucked right above the .

Play with the code here:
https://svelte.dev/repl/7d7c651eb5b746aab45fa9735bb09956?version=4.1.1

seblammers, to programming
@seblammers@vis.social avatar

Big announcement: I'm releasing my first ever #webdev project today!

It's aimed at my beloved #dataviz community, esp. those eager to learn about the awesome combination of #svelte and #d3

Check out this collection of awesome real world projects sourced from the community:
https://awesome-svelte-and-d3.netlify.app/

In addition to the projects, I started collecting #tutorials that focus on the combination of #svelte and #d3

I'm sure the list is not complete, so send your links my way and I'll include them!

Tae156, to random
@Tae156@borahae.love avatar

So all I've watched is bits of clips #Yoongi #D3 here & there. I'm worried there's now a This Is BigHit coming, but it's still not for RM. I wonder if he's going last, just to make sure Tae & Jk don't cause complete undressed chaos. So it will be Yoongi & Jimin throwing aside the fluffy cardigans again & shaving their heads, and 😥😥😥😥😥😥😥😥😥 I'm weirdly not able to cope with this thought.

seblammers, to svelte
@seblammers@vis.social avatar

Fantastic news for the #svelte + #d3 #dataviz world:

There is now a comprehensive beginner friendly course:
https://www.newline.co/courses/better-data-visualizations-with-svelte

~10 hours of video content, multiple charts, and code examples, 20 exercises, self-paced.

kayserifserif, to random

wow… i think i'm finally starting to understand the data join/enter/exit pattern in

i will promptly forget again when i stop working with it, though

schizanon, to supplements

I take way to many #supplements in general. At night I take #melatonin, #taurine, #stjohnswort, #d3, #theanine, #glucosamine, #gaba and #magnesium. None of those are supposed to interrupt #sleep but here we are; mind's racing, heart rate's up, stomach's a little upset.

Which one do you think it is?

#insomnia #SleepProblems #supplement #nutrition

ash, to random
@ash@bne.social avatar

Weird discovery: I'm working on a D3 equirectangular (plate carrée) map. So longitude and latitude should map directly to pixels.

And it does for the most part. But when I try to draw boxes that I'd expect to be rectangular, they come out warped. (Those red lines should be following the lines of latitude on the map.)

janeadams, to svelte
@janeadams@vis.social avatar

Thanks to Enrico Bertini for sharing this awesome read by Connor Rothschild about a 'framework-first' aproach to . I've never seen and compared for visualization so clearly before. Really well done.

https://www.connorrothschild.com/viz

kristin_baumann, to svelte

Du Bois Data Visualization Society Challenge - Week 7/10: My recreation of Du Bois' poster no.47, done with D3 & Svelte. Again I tried to recreate it as close to the original as possible, make it responsive and added a pattern fill to match the hand-painted look.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge7
Github: https://github.com/kristinbaumann/du-bois-challenge-2024

seblammers, to svelte
@seblammers@vis.social avatar

For my ❤️ people out there:

Matthias Stahl started a beginner friendly video series, where he goes through nice little mini-projects and explains how to make responsive with the perfect combo of svelte and d3 :)

Start here:
https://www.youtube.com/watch?v=2-Zw_QGTrlU

So far there are 6 videos with more on the way 🚀

hrbrmstr, (edited ) to random
@hrbrmstr@mastodon.social avatar

For day 13 of the (relationships/family) we use and to explore the malware families used by threat actors, and let you tap into them to go to the entries on Malpedia.

Totally forgot to post the link yesterday :facepalm: https://observablehq.com/@hrbrmstr/2024-30-day-map-challenge-day-12-relationships-family

kristin_baumann, to svelte

Some D3 canvas and Svelte fun with the Mandelbrot fractal :)

First time trying out @viz_hub: https://vizhub.com/kristinbaumann/mandelbrot_fractal

kristin_baumann, to svelte

Du Bois Data Visualization Society Challenge - Week 6/10: My recreation of Du Bois' poster no. 54, done with D3, Svelte. Again I tried to recreate it as close to the original as possible and make it responsive.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge6

Github: https://github.com/kristinbaumann/du-bois-challenge-2024

kristin_baumann, to svelte

Du Bois Data Visualization Society Challenge - Week 5/10: My recreation of Du Bois' poster no. 13, done with D3, Svelte. Added a pattern fill to match the hand-painted look & transitions on load.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge5

Github: https://github.com/kristinbaumann/du-bois-challenge-2024

fu, to Hockey

1st Intermission UW-River Fall 0 - 0 Elmira College national championship @hockey ncaa.com/game/6232371

Fu, to Hockey
@Fu@hostux.social avatar

If there is no checking in Women's hockey, how is checking from behind only a 2-minute penalty? national championship @hockey https://www.ncaa.com/game/6232371

Fu, to Hockey
@Fu@hostux.social avatar

2nd Intermission UW-River Falls 1 - 1 Elmira College national championship @hockey https://www.ncaa.com/game/6232371

jt_rebelo, to microsoft Portuguese
@jt_rebelo@ciberlandia.pt avatar

@d3 @fsfe
pela Portaria n.⁰ 395/2024/2 (de 29.02.2024), hoje (18/03/2024) publicada em Diário da República, a Direcção-Geral do Orçamento fica autorizada a assumir os encargos orçamentais resultantes da celebração de contrato de aquisição de licenciamento de software para os anos de 2024, 2025 e 2026, até ao montante de €362.243,97, mais IVA.
Mais 445 mil euros de dinheiro público para Código Fechado, para a MS.

kristin_baumann, to svelte

𝗗𝘂 𝗕𝗼𝗶𝘀 𝗗𝗮𝘁𝗮 𝗩𝗶𝘀𝘂𝗮𝗹𝗶𝘇𝗮𝘁𝗶𝗼𝗻 𝗦𝗼𝗰𝗶𝗲𝘁𝘆 𝗖𝗵𝗮𝗹𝗹𝗲𝗻𝗴𝗲 - 𝗪𝗲𝗲𝗸 𝟵/𝟭𝟬. My re-creation of Du Bois' poster no. 51 implemented with D3 & Svelte. Once more close to the original and responsive.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge9
Github: https://github.com/kristinbaumann/du-bois-challenge-2024

#DuBoisChallenge2024 #d3 #svelte #dataviz #datavisualization

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • InstantRegret
  • mdbf
  • ethstaker
  • magazineikmin
  • GTA5RPClips
  • rosin
  • thenastyranch
  • Youngstown
  • osvaldo12
  • slotface
  • khanakhh
  • kavyap
  • DreamBathrooms
  • JUstTest
  • Durango
  • everett
  • tester
  • cisconetworking
  • Leos
  • cubers
  • modclub
  • ngwrru68w68
  • tacticalgear
  • anitta
  • provamag3
  • normalnudes
  • lostlight
  • All magazines