4 ms·

Show HN: Tool to turn your HTML into a collapsible tree

36 points by peterbe 12y ago

deleted 12y ago
[deleted]
vladikoff 12y ago
Cool! Can't scroll right though? :(
- peterbe 12y ago
  What browser?
  - runarberg 12y ago
    firefox 29 on ubuntu 14.04. Unable to scroll right when the tree expands past the windows width.
ChrisNorstrom 12y ago
Nice project. Very smooth. You should make a todo list app out of this. The tree layout would make it very easy to organize projects and tasks. One thing: you should increase the minimum size of the smallest sized clickable circles. They're hard to click on to expand.
- peterbe 12y ago
  A minimum is coming. I have a friend and colleague who's hopefully going to help me make the area of the circles be proportional to the size instead of the radius. Then we'll give it a minimum.
  - mmun 12y ago
    Just take the radius to be the square root of the size and then multiply it by a suitable scaling constant. This will ensure that the area, which is proportional to the square of the radius, remains proportional to the size.
- zebra 12y ago
  Tree based todo list: http://todo.yt http://todo.yt
  - ChrisNorstrom 12y ago
    Woah thank you. Did you make this? My only problem is that when I check off a task the loading icon stays up forever.
leeoniya 12y ago
nice, i'd prefer more to be unfolded from the get-go. maybe 3 levels
- peterbe 12y ago
  I kinda like the idea of starting gently so you can see what's going on.
gisenberg 12y ago
Entered http://www.google.com http://www.google.com, got infinite loading spinner.
- peterbe 12y ago
  Worked now http://htmltree.peterbe.com/?url=www.google.com http://htmltree.peterbe.com/?url=www.google.com Could have just been a dead squirrel in the pipes. All cleared.
kitwalker12 12y ago
smooth. Though, for some reason it couldn't parse my top-level address. Worked fine if I provided a second level URL
- peterbe 12y ago
  What was the URL so I can debug?
  - kitwalker12 12y ago
    I checked again. It's working now.
joeheyming 12y ago
I thought this was very meta: http://htmltree.peterbe.com/?url=htmltree.peterbe.com http://htmltree.peterbe.com/?url=htmltree.peterbe.com
- vram22 12y ago
  Did you mean recursive? https://www.google.co.in/search?q=recursion https://www.google.co.in/search?q=recursion :)
gamegoblin 12y ago
This perfectly illustrates the table-hell the hackernews is designed on.
- crowhack 12y ago
  Yeah won't even open the tables for me, and wow 38.1kb.
- hrjet 12y ago
  Is it because of tables, or because the HTML is not valid? I had reported this sometime back, but was turned down: https://github.com/HackerNews/HN/issues/78 https://github.com/HackerNews/HN/issues/78
karangoeluw 12y ago
Make this go into the shadow DOM too. http://htmltree.peterbe.com/?url=http:%2F%2Fkaran.github.io%2Fx-meme%2Fcomponents%2Fx-meme%2Fdemo.html http://htmltree.peterbe.com/?url=http:%2F%2Fkaran.github.io%...
diasks2 12y ago
Neat idea. At first it wasn't completely obvious to me that you could click on a node to expand it. You might want to add just a little bit of text to help people out there. Additionally, it seems that as the graph spreads to the right it disappears outside of the div and I can't find any way to click or scroll to keep following it horizontally.

36 points by peterbe 12y ago

deleted 12y ago

[deleted]

vladikoff 12y ago

Cool! Can't scroll right though? :(

peterbe 12y ago
What browser?
- runarberg 12y ago
  firefox 29 on ubuntu 14.04. Unable to scroll right when the tree expands past the windows width.

ChrisNorstrom 12y ago

Nice project. Very smooth. You should make a todo list app out of this. The tree layout would make it very easy to organize projects and tasks. One thing: you should increase the minimum size of the smallest sized clickable circles. They're hard to click on to expand.

peterbe 12y ago
A minimum is coming. I have a friend and colleague who's hopefully going to help me make the area of the circles be proportional to the size instead of the radius. Then we'll give it a minimum.
- mmun 12y ago
  Just take the radius to be the square root of the size and then multiply it by a suitable scaling constant. This will ensure that the area, which is proportional to the square of the radius, remains proportional to the size.
zebra 12y ago
Tree based todo list: http://todo.yt http://todo.yt
- ChrisNorstrom 12y ago
  Woah thank you. Did you make this? My only problem is that when I check off a task the loading icon stays up forever.

leeoniya 12y ago

nice, i'd prefer more to be unfolded from the get-go. maybe 3 levels

peterbe 12y ago
I kinda like the idea of starting gently so you can see what's going on.

gisenberg 12y ago

Entered http://www.google.com http://www.google.com, got infinite loading spinner.

peterbe 12y ago
Worked now http://htmltree.peterbe.com/?url=www.google.com http://htmltree.peterbe.com/?url=www.google.com Could have just been a dead squirrel in the pipes. All cleared.

kitwalker12 12y ago

smooth. Though, for some reason it couldn't parse my top-level address. Worked fine if I provided a second level URL

peterbe 12y ago
What was the URL so I can debug?
- kitwalker12 12y ago
  I checked again. It's working now.

joeheyming 12y ago

I thought this was very meta: http://htmltree.peterbe.com/?url=htmltree.peterbe.com http://htmltree.peterbe.com/?url=htmltree.peterbe.com

vram22 12y ago
Did you mean recursive? https://www.google.co.in/search?q=recursion https://www.google.co.in/search?q=recursion :)

gamegoblin 12y ago

This perfectly illustrates the table-hell the hackernews is designed on.

crowhack 12y ago
Yeah won't even open the tables for me, and wow 38.1kb.
hrjet 12y ago
Is it because of tables, or because the HTML is not valid? I had reported this sometime back, but was turned down: https://github.com/HackerNews/HN/issues/78 https://github.com/HackerNews/HN/issues/78

karangoeluw 12y ago

Make this go into the shadow DOM too. http://htmltree.peterbe.com/?url=http:%2F%2Fkaran.github.io%2Fx-meme%2Fcomponents%2Fx-meme%2Fdemo.html http://htmltree.peterbe.com/?url=http:%2F%2Fkaran.github.io%...

diasks2 12y ago

Neat idea. At first it wasn't completely obvious to me that you could click on a node to expand it. You might want to add just a little bit of text to help people out there. Additionally, it seems that as the graph spreads to the right it disappears outside of the div and I can't find any way to click or scroll to keep following it horizontally.