wattenberger

8 ms·

1. 31.▲
   by wattenberger 7y ago

   Most d3 examples will have a "draw" function that you call every time the data is updated. You basically bind your dataset to SVG elements, then D3.js will diff the new data with that bound data and decide what to update. A good i
2. 32.▲
   by wattenberger 7y ago

   that makes total sense, and I love the concept. (even though I also want the recording of the presentation!)
3. 33.▲
   by wattenberger 7y ago

   this is really great, thanks for sharing! I like the linked Papers We Love slides - wish I could have seen the presentation!
4. 34.▲
   by wattenberger 7y ago

   it is! and thank you for submitting this to hn, I really appreciate it To give you a bit of context, the _large_ majority of people buy the advanced package (which really surprised me). The advanced package really just tries to bring all of
5. 35.▲
   by wattenberger 7y ago

   thanks! I'm always open to requests for new posts as well, if there's anything you want to read about.
6. 36.▲
   by wattenberger 7y ago

   status_quo69's answer is great, just here to add a few thoughts. This is largely why I wanted to write a post like this - often "using d3.js" is what we think we need to do, but I wanted to show that most of the API is just u
7. 37.▲
   by wattenberger 7y ago

   oh interesting! I'm using a basic Netlify setup so I never looked into this. I'll check it out when I get a moment, thanks for flagging!
8. 38.▲
   by wattenberger 7y ago

   I think I should have written more about this in the blog post. Creating data viz with d3.js is basically as low level as it's going to get for drawing charts in the browser. There are many higher level libs (most of which utilize d3.j
9. 39.▲
   by wattenberger 7y ago

   so great to hear it, thanks for the kind words!
10. 40.▲
    by wattenberger 7y ago

    k is right that d3 has some helper functions for drawing on canvas, so most of the methods here will work: https://wattenberger.com/blog/d3#drawing-svg-shapes Canvas is way more performant than SVG for a lot of shapes,
11. 41.▲
    by wattenberger 7y ago

    ah! thanks for flagging that, just fixed it.
12. 42.▲
    Show HN: How to learn D3.js, an in-depth guide and birds-eye view(wattenberger.com)

    7 points by wattenberger 7y ago|0 comments
13. 43.▲
    by wattenberger 7y ago

    I totally agree - especially when I consider how long ago it was created (early 2011, more than 8 years ago) and how quickly most things in the Frontend web world age.
14. 44.▲
    by wattenberger 7y ago

    Exactly! I should probably have a section (or at least a link to a resource) that talks about _why_ you would want to learn this. I have an image in the book detailing the spectrum of data viz tools on the web. At one end are the quick-pick
15. 45.▲
    by wattenberger 7y ago

    hey thanks! I really appreciate your kind words I'm really interested in using this amazing tech most of us have at our fingertips to try new ways to learn things. There have to be so many avenues we haven't yet explored, and I fi
16. 46.▲
    by wattenberger 7y ago

    thanks! I really appreciate it
17. 47.▲
    by wattenberger 7y ago

    Interesting! I'm actually a big fan of the font. Fonts are a weirdly personal choice - I'll think on adding a font toggle, since the whole point of the article is to be read.
18. 48.▲
    by wattenberger 7y ago

    If that's the worst thing you found, I'm stoked! I was hoping that only happened at few enough window sizes that not many people noticed. This is an unfortunate side-effect of using iframes to show inline examples. There are a few
19. 49.▲
    by wattenberger 7y ago

    Thanks for flagging! This post was a bit of a WIP and I had just moved the examples to their own repo last night :) Fixed and updated
20. 50.▲
    by wattenberger 7y ago

    Hey thanks! The code is all up at https://github.com/Wattenberger/blog/ for anyone who's curious. There are some interesting bits in there - the basic structure is: - the post itself is at src/Interactio
21. 51.▲
    Learn how to make interactive data visualizations(fullstack.io)

    1 points by wattenberger 7y ago|0 comments
22. 52.▲
    by wattenberger 12y ago

    I totally agree that some of the data is suspicious. I did spend some time cleaning the data, and removed any data points that looked too unrealistic. That particular one actually was discussed in the original thread ( https://new
23. 53.▲
    HN Salary Survey Results Visualized(hn-survey-fall-2014.firebaseapp.com)

    2 points by wattenberger 12y ago|2 comments
24. 54.▲
    by wattenberger 12y ago

    Umbel — Austin, TX -- Umbel is building the infrastructure by which companies own, control and access their consumer-centric data. Our platform enables customers to leverage their data rights and create tangible business value. We take empl