[OC] How many
's until you hit the bottom?

  1. What happened to the

    love?

  2. A

    is essentially a box to organize content on a webpage. Most websites consist of a lot of divs inside of divs inside of divs.

  3. A

    is HTML ; basically a subdivision of a webpage that contains text and interactable things. For example, a Reddit comment is entirely contained within a large
    . Within that
    , there are three more
    , aligned top-to-bottom : one contains your avatar, username and timestamp ; one more contains the text of your comment ; the last one contains the upvote, reply, award, share etc. buttons.

  4. The document object model or DOM is used to organize HTML into a header that includes details like the website's name and a Body

    are used to divide the "body" of a website into containerized blocks so you can manipulate it better

  5. If you want an example, just right click on a website and click inspect. You'll see a hierarchy of

    's. You can hover over them and it should highlight the bits of content that it contains.

  6. This layout is weird. It makes it hard to read and see which company it lines up with - and the author clearly had trouble fitting in the labels because bars are skipped. There is no explanation for the x-axis ordering. It looks like it wants to be a distribution, but it’s not explained

  7. Read the descriptive comment. It's a histogram, the bar "labels" are along the x-axis. I didn't think I needed to explain histograms to people on this sub.

  8. I don’t understand how to read this diagram. What does “Count” mean? Is it the number of websites which reach a certain div depth? And the annotations are just pointing out some examples?

  9. It’s a histogram….. OP is counting divs in each website in a set of popular websites and showing the statistical distribution with callouts for some more popular websites.

  10. it's the number of divs on the x axis and the number of webpages on the y. Yes, the annotations are pointing to examples

  11. Number of websites with that many levels of

    's. As I mentioned in the description comment, I point out the deepest and shallowest and a few other popular sites.

  12. You should flip the x and y axis. The invert the graph to represent “deep” Most people think of the direction down when hearing the word deep. If the bars go down, it feels and looks “deep”

  13. I'd be kinda curious how often / many

    tags were used, especially on sites with seemingly just one
    tag. I'm not long off a course that really pushed the use of sections instead for screen reader compatibility as the next step forward in Web design.

  14. 's are another thing that gets into the mix. I just wasn't sure how to efficiently take all combinations of

    's, 's, and 's. Plus, "
    's deep" was kinda catchy.

  15. Am I the only person who found this chart pretty clear to understand upon first looking at it? It’s just a histogram! It’s a histogram that shows the distribution of websites based on how many levels of

    s they have in their source code. And it’s more that just whimsical, it shows useful patterns too - like that 10 levels is pretty common for popular websites to have, and 30 is not. So if you’re a beginner web developer and using 30, this graph would help you realize your coding techniques are a bit too complicated (in general).

  16. It was pretty clear to me. But I've learned in my 52 years (and 20 of those writing college exams) that that does not mean it's clear to everyone. The confusion here is that both axes are a count of something.

  17. It is nice, I think. Doesn't need colors or whatnot, shows something like a poisson distribution, prominent sites are labled, but not all of them, that data would go in a detailed list somewhere, it isn't going to fit in the chart.

  18. Why do all bars need to be labeled in a histogram? The labels are just to point out some interesting things.

  19. Huh??? You want the PDF or SVG? It was supposed to look kinda whimsical because it's really just a fun little study.

  20. Yea, I was sick of hearing people bad-mouthing the Haitians trying to improve their situation by coming to the U.S. It's not their fault they were born in a country with so many problems (most of which are beyond anyone's control).

  21. Can you include the full list of websites you used? The callouts are helpful for pulse websites but you give no info on the others or what your method was for choosing websites to include. (E.g. “top 100 most visited sites” or something would be a good piece of info to put into the plot title/subtitle)

  22. Apple's website has most divs because of the technic which shows you images like video when you scrolling

  23. I didn't do an exhaustive search of all pages on a site. I just took those that Google linked to in the searches. I took the deepest result if more than one page on a site was visited.

  24. Beautiful would be if I can look at the histogram and VISUALLY understand that the tallest bar represented a dimension such as “deep.”

  25. If you have lots of divs, shallowly nested you probably have a lot of stuff to lay out, like a shop catalogue page or list of blog entries.

  26. This may be the post that makes me leave this sub. I love data and somewhat familiar with programming but who gives a shit about this and what the fuck does it mean???

  27. It's not beautiful, it isn't easy to read even after reading the comments, and if I did manage to figure out what the data means it's useless since it appears to use a random selection of 215 unknown websites.

  28. I just went to the links in the Google search. A lot of the sites were visited many times. I took the greatest depth for the site.

  29. Twitter

    s are fucking insane. I once tried to find a way to play with twitter images via an extension, took me fully 20 minutes to find them

  30. Was Source or Inspect used? A modern site injects a lot of (actually most) content dynamically via JavaScript which is only visible in Inspect. I'm therefore pretty sure this is not correct. Twitter is outright not correct (I checked).

  31. It calculates after the page fully loads. I explain the details in other posts, but I took the greatest depth found in a page on any given site. It was not an exhaustive search.

  32. I've not done any web development in a number of years and I'm surprised to see divs are still such a common element. I thought the future was going to be named HTML5 elements like

    ,
    , and
    , and that using too many divs was discouraged as "div-itis." Not that I ever personally cared or took that advice to heart - I kind of rolled my eyes at it, and I guess a lot of other people did as well?

  33. I live nearby, so it appeared in my Google search of "news." I wouldn't have called it out had it not been an outlier.

  34. Div density bounds are actually considered to be enough to recover a person’s history, were some extension to collect and report them.

  35. Leave a Reply

    Your email address will not be published. Required fields are marked *

    Author: admin