Amelia Wattenberger 🪷 @Wattenberger Twitter profile | Pikagi

Pikagi

Amelia Wattenberger 🪷

@Wattenberger

30,828

Followers

4,883

Following

774

Media

5,638

Statuses

design, LLMs, web dev, data viz, tools for thought ✨ R&D @GitHubNext , previously design @AdeptAILabs

🍃 Oakland

https://t.co/J9ml9WgMCU

Joined January 2013

Don't wanna be here? Send us removal request.

Pinned Tweet

@Wattenberger

Amelia Wattenberger 🪷

9 months

here's a quick write-up of a way I'm using @OpenAI 's embeddings that I haven't seen before. For my writing app, I want to highlight each sentence on any scale: ✨ happy — sad ✨ concrete — abstract ✨ + anything! but had to get creative to do this cheaply, quickly, & robustly

34

47

390

Last Seen Profiles

@Freefall

@xKingJTA

@tapiokamilksuki

@AgusAjus13

@LaverdeCaro

@_temo1234

@mistressanna_96

@Kr1msou

@cassandragoldie

@maryhawn

@globedx

@ClaireVerove

@PRolny

@kimuriffee

@metartis

@Totalfute

@vesica13b

@Coach_Gameli

@Systems_2

@lm_princess2024

@witt_rowan

@Ceezerres

@soypeloenpecho

@turkmendagz

@Legene53

@anyag

@Navo_

@ou367

@LiLYPSE

@BradPittWeb

@Mako31051365144

@pocomi_chi

@mamckillop

@Linsoul_JP

@cruelanda

@reis_maique

@Wattenberger

Amelia Wattenberger 🪷

3 years

YES clicky undo / redo wheel ready for action feels so good!

84

421

4K

@Wattenberger

Amelia Wattenberger 🪷

3 years

new vscode extension! 🦶👣 Footsteps 🐾🦶 I'm always jumping between a few sections of code, and wanted to make that navigation seamless - Footsteps tracks your recently edits and highlights them. Those fade as you edit other lines, like prints in sand.

102

728

4K

@Wattenberger

Amelia Wattenberger 🪷

4 years

I'm always using percents in CSS, but often have to stop and ask: "% of what?" hint: it's probably not what you think. hopefully this guide helps clear things up - there's a fun exercise at the bottom, too:

47

770

3K

@Wattenberger

Amelia Wattenberger 🪷

1 year

so excited to share with you all: a new @GitHubNext addition to Copilot Labs... ✨ Code Brushes ✨ We wondered how we could make editing your code feel as tactile and easy as paint with a brush in Photoshop? writeup: and 🧵

Tweet media one

84

452

3K

@Wattenberger

Amelia Wattenberger 🪷

3 years

want to make custom visualizations, but also use a modern Javascript framework? Same! 🌿🌼🌿 I wrote up a guide for combining React & d3 🌿🌼🌿 you might not love the takeaways, but it's a strategy that I've come to really enjoy!

55

458

3K

@Wattenberger

Amelia Wattenberger 🪷

4 years

I put together a little guide on how to scale SVG elements, and what the viewBox property does. Essentially.. 🔭🌟🔭🌟🔭🌟 SVG elements are a telescope into another dimension 🔭🌟🔭🌟🔭🌟 I hope this is a useful demo!

34

634

3K

@Wattenberger

Amelia Wattenberger 🪷

1 year

next time I'm bashing my head against a bug? 100% using Brushes in Copilot Labs

@eigenbom

Ben Porter

1 year

there goes 2 hours of my life

Tweet media one

127

228

7K

33

243

2K

@Wattenberger

Amelia Wattenberger 🪷

3 years

working on a little platform to teach SVG! I want to explore ways to make learning ambient & enjoyable. but also, I want everyone to know the basics of SVGs

46

178

2K

@Wattenberger

Amelia Wattenberger 🪷

3 years

We just released an exploration I've been wanting to do for a while: ✨✨ Can we visualize a codebase? ✨✨ We always look at our code in a file/folder list - what would a bird's-eye-view look like, and how could that enhance our understanding of code?

50

373

2K

@Wattenberger

Amelia Wattenberger 🪷

2 years

we can _finally_ talk about an experiment @GitHubNext in the works for a long time: GitHub Blocks! tldr ✨ There's a lot more to your codebase than just.. code. We want to make it easier to create interactive docs, support your team workflows, and bring your repo to life ✨ 🧵

Tweet media one

39

230

2K

@Wattenberger

Amelia Wattenberger 🪷

3 years

polishing up a vscode extension I've wanted for a while now for jumping between the code chunks you're working on it highlights your recent changes, with the highlights fading as you edit more places + keybindings to jump between changes. super excited to try it out myself!

62

135

1K

@Wattenberger

Amelia Wattenberger 🪷

5 years

a total work in progress, but I'm curious what you all think of my React Hooks blog post draft: is it interesting? does the page flow well? I want to add... + lots of simple but concrete examples + custom hooks that I 💖 + common gotchas (?)

54

282

1K

@Wattenberger

Amelia Wattenberger 🪷

4 years

Ever wondered how to make complex SVG components in React? I put together a walkthrough of how I would create a simple gauge component. Come along for the journey, and I hope you feel like a wizard by the time we get back! 🧙‍♂️ 🧙‍♂️

29

261

1K

@Wattenberger

Amelia Wattenberger 🪷

4 years

Hast thou been tempted to use !important to make your CSS "work"? Or wondered why your styles weren't working? Here's a quick write-up of how the CSS Cascade works, so we can all learn it once and for all! 💦🌿🐟🛶🏞🍃 🍃🏞🛶🐟🌿💦

35

333

1K

@Wattenberger

Amelia Wattenberger 🪷

5 years

🎉 and we're LIVE! ☀️ I'm so excited that the book is finally available! I've been trying to stuff everything I know about building data visualizations into one book, while also packing in fun projects and tips. I'd be stoked if you checked it out at ❤

Tweet media one

49

163

991

@Wattenberger

Amelia Wattenberger 🪷

5 years

Want a birds-eye-view of D3.js? I finally finished my MONGO "blog post" on the different parts of d3, grouped by similar functionality. I learned a ton of new methods. I hope you find it useful - I bet you'll learn something new even with a quick scan.

21

257

1K

@Wattenberger

Amelia Wattenberger 🪷

1 year

I left prototype land to help implement this ✨ adorable ✨ SVG animation to celebrate 100M developers using @github 😍 check it out on your profile page!

19

65

981

@Wattenberger

Amelia Wattenberger 🪷

1 year

😅 is anyone else getting sick of chatbots? I wrote down a few thoughts on why chatbots are not the future of interfaces and how we can be more thoughtful:

60

150

935

@Wattenberger

Amelia Wattenberger 🪷

3 years

really liking this change in layout for my "writing flow" tool. it uses GPT-3 to summarize paragraphs as you're writing - giving you an abbreviated version on the right which is easily skimmable & re-orderable

30

71

885

@Wattenberger

Amelia Wattenberger 🪷

3 years

today is my first day at Github! 🌟😀🌟 you're looking at the newest Staff Engineer doing R&D of developer experience on the @githubOCTO team 🌟🤙🌟 I'm _so_ excited to explore crazy ideas for making your workflow better - first agenda item: VR pull requests (jk, probably)

47

11

827

@Wattenberger

Amelia Wattenberger 🪷

1 year

wrap it up, folks! I just proved that hot dogs are, unequivocally, sandwiches 🌭 embeddings for different foods from the @OpenAI API, reduced dimensionality with UMAP, plotted here colored by "category". Hot dogs are solidly in the sandwich cluster, along with tacos and burritos

51

79

764

@Wattenberger

Amelia Wattenberger 🪷

5 years

Started a blog post I've been itching to write: ✨How to combine React + D3.js✨ Let me know if there's anything in particular that you struggle with, whether it's "how do I draw axes?" or "how the heck do I animate elements?!"

23

85

738

@Wattenberger

Amelia Wattenberger 🪷

4 years

Introducing... 🥖👩‍🍳🥓 🥗👩‍🍳🍝 I noticed that I was curating "recipes" for @sveltejs apps, and cooked up a home for them to live. Just a few so far, but I have lot that I want to add.

15

141

738

@Wattenberger

Amelia Wattenberger 🪷

1 year

😅 apparently I crossed the line here

Tweet media one

36

26

689

@Wattenberger

Amelia Wattenberger 🪷

2 years

it's really interesting how an interface shapes the act of creation! here's a quick Sunday noodle on a ui for Stable Diffusion I'm betting that uis will replace the bulk of prompt crafting - why should everyone learn how the model thinks when we can bake it in?

33

86

673

@Wattenberger

Amelia Wattenberger 🪷

4 years

I had the absolute pleasure of digging into the State of JS data and creating this visualization of how opinions & usage of JS tools have changed over the past few years. Still amazed at how quickly @SachaGreif and @benitteraphael put this site together!

19

119

612

@Wattenberger

Amelia Wattenberger 🪷

2 years

I want visitors to be able to learn from existing SVGs, so I built in the ability to import a raw SVG string (huge, fun dropdown to import existing svgs incoming!). I'm also re-building the "selected element" controls so they work even for hugely magnified viewports.

22

50

580

@Wattenberger

Amelia Wattenberger 🪷

2 years

honestly? I love the serpent chart! 🐍 depicting time as a spiral is one of my favorite ways to show change over time _and_ seasonal patterns. I played with reinforcing the value using a color scale as well, which is easier to compare across years

Tweet media one

@palewire

Ben Welsh

2 years

A radial layout adds an extra, almost emotional layer to this chart.

Tweet media one

8

16

130

20

56

550

@Wattenberger

Amelia Wattenberger 🪷

2 years

what if.. live diagrams embedded in your repo & readme? I could go on... but I won't!

8

55

550

@Wattenberger

Amelia Wattenberger 🪷

3 years

I saw a super inspiring video about kumiko, a Japanese woodcraft creating panels out of repeated shapes. I created a generator that turns any image into a pattern - you choose the shapes. It's v fun to play with: would love to see anything you make!

20

100

548

@Wattenberger

Amelia Wattenberger 🪷

2 years

🎉 some progress on SVG path editing 🎉 SVG paths are the way to go if you want fancy shapes on the web, but their "d" attribute can be really opaque. this ui gets at the core of what I want to make: a playground that makes learning fun & gives you an implicit understanding

24

43

461

@Wattenberger

Amelia Wattenberger 🪷

3 years

lil bit o' progress on my SVG playground (I'm hoping to turn it into a teaching platform) ✨ we've got rotation! and drag-n-drop re-ordering! ✨

22

30

423

@Wattenberger

Amelia Wattenberger 🪷

5 years

making some progress on my "how to learn d3" blog post. I plan on highlighting some of my favorite d3 modules, and showing some groups of similar functionality. Hopefully this will be a good jumping-off point. 🦘 What are your biggest questions or blockers with learning d3.js?

8

73

407

@Wattenberger

Amelia Wattenberger 🪷

3 years

finally finished my walkthrough of d3-force, part of the d3 API that helps with everything from making network diagrams to a light physics engine to move particles use it as a playground to learn the different forces and how to combine them 🌌☄ ☄🌌

12

61

400

@Wattenberger

Amelia Wattenberger 🪷

6 months

Infinite canvases! we love them! 🤩 but can we make them even better? Here's a little exploration of how we might make them easier to use by 🍃 adding physical forces, or 🌱 exporting the data into other formats.

23

39

399

@Wattenberger

Amelia Wattenberger 🪷

1 year

I made a little app to help you find your Tweeple on Mastodon 🦣 ✨ ✨ I was hoping to do some fun data vis, but will save that for another day!

19

96

387

@Wattenberger

Amelia Wattenberger 🪷

3 years

🎊🎊 the D3 & Data Visualization video course is finally open! 🎉🎉 it was a ton of work, but the video course is finally ready for you! Get access to the wonderful newline platform, with inline, editable code that makes it easy to jump in right away!

11

58

386

@Wattenberger

Amelia Wattenberger 🪷

11 months

bittersweet update from me: Yesterday was my last on the amazing @GitHubNext team. It’s been a wonderful, whirlwind ride with the kindest, most talented humans ❤️ Off on a new adventure very soon!

42

5

376

@Wattenberger

Amelia Wattenberger 🪷

3 months

little personal update: 🥳 I'm back at my schenanigans at @GitHubNext 🥳 Super happy to get back to imagining and exploring what the future of being a developer might look like - there is so much room to innovate and make development more fun, easier, & more powerful!

35

4

371

@Wattenberger

Amelia Wattenberger 🪷

5 years

🎉 finally wrapped up my React Hooks blog post. 🙌 I revised a bit, finished, and added custom hooks I 💖 + resources for your exploration. Feel free to send feedback, thoughts, opinions my way! Are there any custom hooks that you think should be on here? Send those my way too!

19

105

365

@Wattenberger

Amelia Wattenberger 🪷

1 year

it's been an absolute joy spinning up Copilot for Docs this past month, to explore the question: "What would it feel like to have an expert on hand?"

12

51

367

@Wattenberger

Amelia Wattenberger 🪷

4 years

Just realized I never announced that.. We have Fullstack D3 and Data Visualization for sale as a hardcover! 🎇🎉✨ Honestly, it's the best looking book on my bookshelf. I hadn't realized how much content was in here! book info:

14

54

358

@Wattenberger

Amelia Wattenberger 🪷

4 years

on a personal note: 🥄🎉🥄 Today is my first day at The Pudding! 🎉🥄🎉 My site is updated, and I could not be more excited to dig in! If you somehow haven't heard of their work, check out some of the amazing @puddingviz articles

Tweet media one

36

11

353

@Wattenberger

Amelia Wattenberger 🪷

3 years

I'm always looking for fun datasets, and the Data is Plural archive is 🌟amazing🌟, but it can be hard to browse I put together an easier way to dig around and find fun datasets - including search and topics! but what I REALLY want to share with you...

10

63

346

@Wattenberger

Amelia Wattenberger 🪷

1 year

starting to lay out an interactive bit of my infinite canvas write-up, centered around 🍏What if the data embedded in canvases can be exported into different forms? 🍏How does it feel to transition between [ canvas | spreadsheet | text | slideshow | ... ] while preserving data?

21

34

338

@Wattenberger

Amelia Wattenberger 🪷

2 years

come join my✨ Data Visualization workshop ✨ with @smashingmag , starting this Thursday! You'll leave with a really solid foundation to build the amazing, custom, interactive visualizations you see in places like the @nytimes , using d3 + SVG + @sveltejs

9

51

329

@Wattenberger

Amelia Wattenberger 🪷

2 years

🙎‍♀️: console. vscode: uh huh... 🙎‍♀️: console.l vscode: yep, keep going... 🙆‍♀️: console.log( vscode: console.loop_guard! nailed it!

14

10

332

@Wattenberger

Amelia Wattenberger 🪷

2 years

I got to spend the day learning! 🎁 watching @bruno_simon 's 🔥 threejs course to formalize concepts I've always hacked together 🎁 finally playing with @Rich_Harris 's svelte-cubed (amazing, as expected! declarative threejs code in Svelte) alt: a snowman + gifts in a snowglobe

7

12

323

@Wattenberger

Amelia Wattenberger 🪷

2 years

I want this SVG learning tool/sandbox to make it easy to learn how path commands work - dragging points won't act similar to in a typical design tool! to make it also useful as an editing tool, I added a way to convert the commands to absolute ones, which are a bit more familiar

14

27

317

@Wattenberger

Amelia Wattenberger 🪷

3 years

d3-force is one of my favorite d3 modules to use, but it can be tough to wrap your head around. Hopefully I can help with this d3-force article I'm working on (Star Wars themed, of course) ❓ if you've played with d3-force, what are the biggest gotchas you've run into?

8

31

314

@Wattenberger

Amelia Wattenberger 🪷

1 year

we added a toolbox full of "brushes" to VSCode - I'll talk about a few specific ones. Sometimes, you run across some code and have to stop to scratch your head. What if you could make code "more readable" with a click?

8

16

309

@Wattenberger

Amelia Wattenberger 🪷

5 years

Messing around with Three.js for generative art ❤ Loving @mattdesl 's canvas-sketch for setting up an environment where the tedious parts are automated & you get to dig in right away!

Tweet media one

Tweet media two

Tweet media three

Tweet media four

3

20

286

@Wattenberger

Amelia Wattenberger 🪷

5 years

My new book isn't coming out until Wednesday (in 3 days! 😮), but I'm so excited about the amazing cover that I've been showing everyone I see!

Tweet media one

11

30

271

@Wattenberger

Amelia Wattenberger 🪷

3 years

😺 made some good progress this weekend! - a default grid pattern to teach intuitively how SVG patterns work - a "hint" bar for key shortcuts - a new "selection" ui - duplicate, rotate, resize around center! - a 🔥 color picker from - shape previews +++

6

26

268

@Wattenberger

Amelia Wattenberger 🪷

3 years

✨ so excited to be part of this launch ✨ psst there's a fun Easter egg on if you look hard enough 🥚🤫

19

15

269

@Wattenberger

Amelia Wattenberger 🪷

5 years

🌈 Playing with interaction effects for the Complex Charts chapter of my book I don't think we use legend interactions enough!

6

50

258

@Wattenberger

Amelia Wattenberger 🪷

5 years

🖌️📚 putting together a SVG reference for q's like: - what shapes can I make? - what attributes to they need? - how do I implement border-radius? ❓What questions do you always run into when drawing with SVG? I always forget how to write polygon `points`.

4

56

253

@Wattenberger

Amelia Wattenberger 🪷

3 years

I love the instant feedback loop in my WIP tool for learning how gradients work, and exploring their different attributes 🦉👀

9

28

255

@Wattenberger

Amelia Wattenberger 🪷

3 years

new books! honestly they're both a tiny bit intimidating but I come armed with coffee ☕

Tweet media one

7

7

253

@Wattenberger

Amelia Wattenberger 🪷

2 years

obsessed with the amount of thought put into this one diagram on @ReutersGraphics - always finding the balance between crowding and providing info 😍

5

32

249

@Wattenberger

Amelia Wattenberger 🪷

2 years

🥰 just noticed @JoshWComeau 's shoutout in the State of CSS results - totally made my day! Josh is such a star and we're so lucky to have him in the web dev community!

Tweet media one

4

8

245

@Wattenberger

Amelia Wattenberger 🪷

1 year

🙋‍♀️me: I really need to finish up this article 💁‍♀️also me: right, but what if each example was visible behind a realistic-looking window ...and those windows live ✨ behind the content ✨ ...and the descriptions for those windows show up in sticky notes...

13

11

243

@Wattenberger

Amelia Wattenberger 🪷

4 years

started a blog post on something that has tripped me up many times in the past: ♒the CSS Cascade♒ or, How the browser chooses which style wins I'm only half sold on the hand-drawn elements here, but my goal is to run through the different "levels" and "tiers" of the waterfall

7

20

236

@Wattenberger

Amelia Wattenberger 🪷

4 years

I woke up this morning to my first bad review 🎉 I'm almost proud, but think 2/5 stars is a pretty harsh for their issues (detailed below). If you enjoyed Fullstack D3, I would be really thankful if you left a quick review, even without text! ♥

Tweet media one

46

17

232

@Wattenberger

Amelia Wattenberger 🪷

3 years

🙋‍♀️some personal news! Today is my last day at The Pudding. SO grateful to have spent the last year with the kindest, most talented team - I've loved working on tons of exciting & invigorating projects! Looking forward to a month off (!) before I start my next adventure 🏔️🌄🐙🙆‍♀️

15

1

234

@Wattenberger

Amelia Wattenberger 🪷

4 years

*while working on another project* ↪ why don't I finish up my React Gauge walkthrough instead? ↪ why don't I treat our walkthrough as a journey? ↪ why don't I create a generative SVG landscape to represent that journey? 🤔 why don't I ever get anything done?

8

16

229

@Wattenberger

Amelia Wattenberger 🪷

4 years

I re-built my sentence length mini-site It shows the length of sentences for classic works - it's super interesting how authors have different "rhythms" I also added a section to paste in your own text! I'll be using this to compare my rhythm to Poe's

6

35

229

@Wattenberger

Amelia Wattenberger 🪷

10 months

I'm so excited to share what's up next for me I'll be designing a digital AI teammate with the super talented people at @AdeptAILabs ! I'm just a week in and couldn't be more excited about the both wildly creative and technically rigorous team. Definitely watch this space 🤩✨

25

2

230

@Wattenberger

Amelia Wattenberger 🪷

3 years

🥓🥞 new Svelte recipe 🥞🥓 Here's the Svelte code I use to start a world map - each country has a bubble whose size & color can be hooked up to a data variable but I mostly wanted to share my fav way to handle maps on mobile: with two stacked spheres!

Tweet media one

Tweet media two

Tweet media three

9

23

226

@Wattenberger

Amelia Wattenberger 🪷

5 years

curious about the React repo, I plotted the file structure in a radial tree 🌳 Larger circles are larger files, and file types are visualized as different colors - look at all those yellow javascript files. Poke around yourself at

7

35

223

@Wattenberger

Amelia Wattenberger 🪷

4 years

some more work on my "Creating a Gauge in React" writeup 🔭 I might've gotten carried away with my "viewBox is a telescope into the SVG world" metaphor WIP up at as always, feedback is much appreciated!

4

24

220

@Wattenberger

Amelia Wattenberger 🪷

2 years

some of you might find use from this: I built a collection of 🌶️ recipes 🥬 for common components & functions I use for projects: 🌶️ 🥬 I like using recipes, instead of modules, where you can tweak as much as you want, but aren't starting from scratch!

4

13

217

@Wattenberger

Amelia Wattenberger 🪷

5 years

I was excited to be super productive during this plane ride but here we are 😅 fixed the code highlights so they only scroll on click, and.. mimicked the Aurora Borealis in the header

6

26

208

@Wattenberger

Amelia Wattenberger 🪷

2 years

I'm proposing an update to Maslow's Hierarchy of Needs after my trip to Stockholm

Tweet media one

20

11

210

@Wattenberger

Amelia Wattenberger 🪷

1 year

come join my✨ Data Visualization workshop 📷 with @smashingmag , starting next Thursday! You'll leave with a really solid foundation to build the amazing, custom, interactive visualizations you see in places like the @nytimes with d3 + SVG + @sveltejs 😍

4

35

207

@Wattenberger

Amelia Wattenberger 🪷

3 years

almost finished building the new keyboard 🙌 finished: ✅ soldering, adding hot swap switches and keycaps ✅ laser cut a fun case with frosted acrylic and walnut todo: ⬜ cut oled covers, fix wonky leds ⬜ the actual hard part. getting used to the new layout!

Tweet media one

Tweet media two

Tweet media three

10

16

207

@Wattenberger

Amelia Wattenberger 🪷

2 years

✨ new project ✨ it was super fun to dig around and make some visualizations of data on the current API ecosystem. The real win here was working with @tailwindcss (easy light/dark mode + responsive styles) and @framer motion (easy spring physics)!

10

24

206

@Wattenberger

Amelia Wattenberger 🪷

2 years

✨ teaching tool progress! ✨ my main goal with this tool is to get more people using SVG! when learning, there are so many elements and attributes to learn. thankfully, the @MozDevNet docs are hosted on github 😍 - cue always up-to-date, in-tool info with deep dive links

9

17

205

@Wattenberger

Amelia Wattenberger 🪷

4 years

🥧🗺 If you're not sick of red & blue maps yet, I'm here to make pies-in-maps a thing! 🍰🌍 🔴red: more Trump votes 🔵blue: more Biden votes (as of now), morphing into pies morphed into proportional vote pies (sized by total votes) Code & demo up at:

9

27

202

@Wattenberger

Amelia Wattenberger 🪷

2 years

🌊🌺 CSS Cascade layers are coming! 🌼🦅 They'll be super helpful for organizing your CSS, allowing you to be explicit about which styles "win", without having to worry about selector specificity. to celebrate, I added them to the CSS Cascade article 🎉

Tweet media one

6

36

198

@Wattenberger

Amelia Wattenberger 🪷

3 years

hey friends! If you're interested in job positions/contract work that's in the data viz / web dev / dashboard-building space, let me know! (DMs open) every now & then I get asked about my availability/interest in 🔥🔥 opportunities and would love to know who's looking / open!

10

42

195

@Wattenberger

Amelia Wattenberger 🪷

1 year

some weekend progress on my AI writing buddy tool ✨ controls describing the piece to help guide suggestions ✨ filterable suggestion types ✨ a more expansive-feeling style ✨ and most excitingly! I made a cute lil logo for a new ChatGPT-suggested app name

15

10

198

@Wattenberger

Amelia Wattenberger 🪷

1 year

What if writing felt more like sculpting clay? Re-built an experiment from 1.5 years ago (!) and wow! text summarization is so much better these days. Hoping to have something to share with you this week 🤞

7

12

197

@Wattenberger

Amelia Wattenberger 🪷

3 years

What if we could focus on the ✨ flow ✨ of our writing? playing around with GPT3 for short summaries of paragraphs, as an abstraction. Would be great to have a mode to focus on high-level "flow", without having to re-read all of the actual words

6

17

196

@Wattenberger

Amelia Wattenberger 🪷

4 years

📈📊want to craft fun, interactive visualizations on the web? join me in Amsterdam in April with Graphic Hunters and I'll take you from "what is SVG?" to a data viz whiz in two action-packed days!

5

37

193

@Wattenberger

Amelia Wattenberger 🪷

5 years

🙌 some progress on my React + D3 article 🙌 still needs a ton of work, a few things I'm deciding: - are the list hover + scroll interactions more annoying than they're worth? - is the current content understandable/helpful? - are there better examples?

10

31

192

@Wattenberger

Amelia Wattenberger 🪷

5 years

💎 Spent some time coding up a gauge example from Fullstack D3's Dashboard Design chapter as a React component. I want to do a full writeup at some point, but for now they live here: feel free to play around with the values, and look through the code!

9

30

186

@Wattenberger

Amelia Wattenberger 🪷

2 years

I've been building a custom dashboard for house hunting ✨ it's taught me so much about different neighborhoods and is super helpful for scanning listings I wish it were this easy for non-developers to collect and style information in one-off custom ways.

Tweet media one

16

10

187

@Wattenberger

Amelia Wattenberger 🪷

1 year

my new morning routine involves visiting Bing for my daily affirmations 🥰

Tweet media one

9

2

179

@Wattenberger

Amelia Wattenberger 🪷

3 years

the most valuable thing I've learned in my career isn't a specific skill, but instead the knowledge that "this will eventually work" Projects can be seriously overwhelming when you're in the middle of them, but they almost always come together, and usually faster than you think!

3

30

182

@Wattenberger

Amelia Wattenberger 🪷

5 years

Finishing up on an interactive blog post on.. interactions 😃 Having the whole code consistent on the right really helps give context to any changes. What do you think? I spent some time making the mobile experience work as well 😃

10

30

177

@Wattenberger

Amelia Wattenberger 🪷

4 years

I got the urge to finish up on my "How to create a gauge component in React.js" walkthrough. A few hours later, and I'm still detailing how to draw a SVG gradient! 🕳️🕳️🕳️ it's crazy how many tiny details there are to learn for such a simple concept.

5

12

175

@Wattenberger

Amelia Wattenberger 🪷

2 years

🐍 I added the spiral chart to 🐍 for any of you curious to explore the data or code!

@Wattenberger

Amelia Wattenberger 🪷

2 years

honestly? I love the serpent chart! 🐍 depicting time as a spiral is one of my favorite ways to show change over time _and_ seasonal patterns. I played with reinforcing the value using a color scale as well, which is easier to compare across years

Tweet media one

20

56

550

6

21

174

@Wattenberger

Amelia Wattenberger 🪷

2 years

👀👀👀

Tweet media one

12

4

172

@Wattenberger

Amelia Wattenberger 🪷

1 year

working on sticking infinite canvas boxes into clusters - still buggy but very promising 😯

12

12

171

@Wattenberger

Amelia Wattenberger 🪷

11 months

I'm happy to share a fun exploration of combining the fluid reasoning of LLMs with the rigid structure we're used to. ✨ What if we could spin up human-understandable worksheets to explore the logical flow LLMs use to solve problems? ✨

4

19

168

@Wattenberger

Amelia Wattenberger 🪷

1 year

I'm going to be 100% honest with you, I thought this was gonna be cute

15

1

168

@Wattenberger

Amelia Wattenberger 🪷

1 year

I realized that the web component color picker I was using was bogging down the page so I rolled my own! I personally prefer hsl-based pickers (the sliders best match my mental model) - would this work for you?

6

8

169

@Wattenberger

Amelia Wattenberger 🪷

1 month

I did some cutting-edge AI research into the best way to read code. 100% now part of my workflow:

Tweet card media

"use client"; by @cheekyelevatormusic587 | Suno

mongolian throat singing song. Listen and make your own with Suno.

11

10

167