[OC] How many

's until you hit the bottom?

I have not ONE clue what

A

A

You’re in one now

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

If you've ever looked at the html source of a website you visit, you'll see A LOT of them.

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

Consider yourself blessed.

I count 19 for familydollar.com, 18 for vegas.com 9 for CNN 25 for reddit

My code:

You could just use document.querySelectorAll("div").length to get the answer

Is this counting the div and the div breaks?

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

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.

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?

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.

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

I can read a graph like no other. But this got be stumped too 😂

Number of websites with that many levels of

I think it means the total number of divs on the page? In which case this should be a scatter plot?

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”

Should have thought of that. It would have been easy enough to do.

I'd be kinda curious how often / many

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

I initially thought this was xkcd

I don't know much about divs but I know that graphic designers cry at this graph

What does any of this mean??

Read the description.

My apologies, but I have no idea what any of this is.

Sort the comments by "best" and scrolling down a bit will give a great explanation (from someone else).

Please make a better label for the y axis. Good God...

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

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.

I'm sorry this doesn't look beautiful. It's interesting but there's unlabeled bars and the labels present are just thrown about

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.

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

Why does this OC look like it's been run through a photocopier a few times?

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

What is the significance of the order of the bars on the graph? Why are they not all labeled?

It's a histogram.

Why is there so much unlabeled data on this chart? Kinda not beautiful if you ask me.

Just here to say its pretty cool to see you mention Haitians on the your most recent

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).

All due respect, data is beautiful when it’s easily understood.

It's just made for a particular audience. As a web developer, it was pretty clear.

You'd get it if you developed websites or scraped data from them.

Source: The Internet

Is there a special disadvantage if div‘s are cascading too deep?

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)

What does the vertical axis means here? A count of what?

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

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.

You misread the graph, Apple is not the deepest. Websites like apple’s level of nesting is the most common.

This is confusing and far from beautiful.

This style is an xkcd ripoff.

It's the XKCD font... There are actually packages that squiggle the lines and stuff too.

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

Yeah.... what?

It might be better, but I'm sure people would complain that I put a histogram on its side.

Why is Twitter such an outlier? Why do they need so many divs?

I heard twitter is very sophisticated

Amnesty Porn 300?

Reddit is full of divs :p

So is it good or bad to have a lot of Divs?

Neither. It just is

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.

Hard to decide

This looks like a xkcd post

Hey, I want to thank all ya'll that took the time to answer my question about what this is.

Wjactv? Like the Johnstown, PA news station?

Yea. Lol. I’m in Bedford County so it showed up when I googled “news.”

How should we interpret this graph? What does the X axis represent ?

It's the number of

yep, that's some stuff. Very readable, much data, wow.

So aside from the graphical issues with this post, what's the point being conveyed?

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???

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.

this isn't an airport you don't need to announce your departure

Is it based on main page or?

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.

What's a div? Maybe a little explanation while you try to farm karma?

Read some other comments for some great explanations. This one isn’t for everyone.

https://en.wikipedia.org/wiki/Div_and_span

OP I'm just here to say the viz is cool, I got it despite having to Google what a div is.

So deeeep put her ass to sleep..

This should be scatter, not bar

You really can't make a histogram a scatter plot.

Then there’s my shit way off the chart at 116 divs deep. I need that many for.. reasons.

Twitter

[удалено]

Maybe. Didn’t really think about it.

I wonder how many Amazon and Home Depot have.

I'll do a more exhaustive search at some point. The description comment lists all the sites crawled.

Thought this was

Wait a second... Why is twitter of all websites 30+ divs deep?

Modern web development is just divs all the way down!

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).

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.

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

What’s between Reddit and vox

Why is family dollar so low and Safeway so high?

it's

Not a ducking clue what this means…

My homie here is just gonna drop WJACTV with no explanation like Marty Radovonic is the next Steve Jobs? I like it!

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.

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

I don’t understand what this graph is intended to communicate. I also don’t know what

unrelated but vids stop working after a while on app, what the hey

I read this that vegas had its own family dollar. I immediately started imagining what that’d be like.