Viewing profile — wattenberger

I hadn't seen it until today - looks like a useful product!

Spot on! It's a space I've been wanting to explore, and so have been tinkering with it this last week while we're in between larger projects. I definitely don't see it being a prod…

oh no! My best guess would be that there are many element-heavy SVGs on the page. I was hoping for better performance, since the files will almost definitely be smaller than large …

There are definitely many trade-offs with using a circle pack layout - I snuck a bit of the reasoning into the collapsed section halfway through the write-up! Overall, this layout …

Hmm, it should be loading! What OS/browser are you on?

We always look at our code in a file/folder list - I explored an alternative way to view codebases, showing a bird's-eye-view of its structure. This write-up walks through the moti…

I also added it after your first comment so might have snuck it by you ;) I'm curious what it is that you're seeing, if you have the chance to leave an image!

interesting! I'm seeing them grouped in the middle. It's a tricky layout, using d3.js's circle packing algorithm, then recursively using a force layout to relax each folder's conte…

I explored an alternative way to view codebases to the typical folder/file list, showing a bird's-eye-view of its structure. https://octo.github.com/projects/repo-visualization

ah shoot, thanks for the updated link!

I probably need to add more context to the page, but I want to specify that my intention with this tool wasn't that long sentence == bad. I was inspired by this image: https://twit…

Sounds similar to this guide I put together - understanding how the different modules work together and who is responsible for what is really helpful. https://wattenberger.com/blog…

Repeating a comment I made above, this semi-finished blog post I'm working on might be helpful: https://wattenberger.com/blog/react-and-d3 I generally like to stick with React for …

one thing that might help is this blog post I'm (slowly) putting together: https://wattenberger.com/blog/react-and-d3 I've done a lot of work that uses d3 within a JS framework (Re…

There are tons of different d3 modules (40+). As someone who uses d3 extensively, but rarely uses its selection and data binding functionality, I put together a birds-eye view of t…

I really love creating things with SVG + React! I usually will use that until things start to jank up, and then switch to Canvas, which is more annoying for interactions and debugg…

ah, the joys of frontend web development! I added a 30ms debounce, just to help out a bit. I'm seeing some serious jank in Firefox, which smells like the beginning of a rabbit hole…