TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Data Structure Visualizations

514 pointsby n008over 11 years ago

20 comments

gavinpcover 11 years ago
I dream of a world where this is built in everywhere that I write expressions. It&#x27;s so hard, and we desperately need it. Bret Victor has called a lot of attention to this lately, and rightly so.<p>It&#x27;s easy to forget how much we have to remember inside our heads just to work with code. And why? Much of this work could and should be done by the machine, which would free us to focus on what we want. But the need for context, different execution environments, etc, all make this difficult to tackle generally.<p>More and more lately, I find that I&#x27;m interested in <i>this problem</i> more than the code itself.
评论 #6929795 未加载
评论 #6929506 未加载
评论 #6930061 未加载
评论 #6932471 未加载
评论 #6932944 未加载
评论 #6929551 未加载
lelandbateyover 11 years ago
As someone who just finished a datastructre class (as in had my final just a few days ago) I used the heck out of this site all semester long!<p>The visualization for B-trees and Red&#x2F;black trees was totally invaluable!
评论 #6930160 未加载
gregfjohnsonover 11 years ago
I wrote a web site <a href="http://gregfjohnson.com/redblackbuilder.html" rel="nofollow">http:&#x2F;&#x2F;gregfjohnson.com&#x2F;redblackbuilder.html</a> that takes interactive algorithm visualization another step. I would be delighted and appreciative if people go check it out and provide thoughts and feedback. IMHO It is fun and informative to play with, and a great tool for learning the algorithms.<p>It is specific to red-black trees, but I am considering adding other data structure manipulation algorithms as well.<p>On insert and delete, you can single-step forward and backward and see the tree manipulations at each step. Or, you can do the entire operation at once.<p>There is pseudo-code for insert and delete, and at each forward or backward step the line of code being executed is highlighted.
capkutayover 11 years ago
This was pretty valuable when I took algorithms from this professor. Things like mergesort and indexing in B+ trees can seem very abstract when you try to learn it via a snippet of java code. These visualizations are even more useful if you need a refresher on algorithms for job interviews.
satyampujariover 11 years ago
This is so useful. Here&#x27;s another <a href="http://www.sorting-algorithms.com/" rel="nofollow">http:&#x2F;&#x2F;www.sorting-algorithms.com&#x2F;</a>
评论 #6930336 未加载
FrankenPCover 11 years ago
Wow, this is valuable. It&#x27;s not the kooky new framework that rockets tech forward, it&#x27;s tools like this.
wijtover 11 years ago
There are some great visualisations here. Coming up with good visualisations is tricky. I can&#x27;t help but mention my own attempt at a more general framework for algorithm visualisation: <a href="http://will.thimbleby.net/algorithms/" rel="nofollow">http:&#x2F;&#x2F;will.thimbleby.net&#x2F;algorithms&#x2F;</a>
评论 #6939984 未加载
评论 #6934040 未加载
olegstepanovover 11 years ago
We did similar stuff 12 years ago when I was an undergrad at SpbITMO. The website with the visualisers (in Russian) can be found here: <a href="http://rain.ifmo.ru/cat/view.php/vis" rel="nofollow">http:&#x2F;&#x2F;rain.ifmo.ru&#x2F;cat&#x2F;view.php&#x2F;vis</a>
wlievensover 11 years ago
You should check Amit Patel&#x27;s blog articles, they are chuck full of interactive visualisations that are really well executed.
评论 #6940744 未加载
enjalotover 11 years ago
I just wish there was a button in each example that would populate with some demo data. I like to watch something go and then figure out it out by playing with the parameters. From this I don&#x27;t immediately know what kind of inputs and outputs to use&#x2F;expect (integers? floats? strings?).<p>very sweet project tho!
antoniusover 11 years ago
Glad I found this to reiterate what I learned as my Data Structure exam is tomorrow :)
GowGuy47over 11 years ago
Just found out yesterday that I&#x27;ll be having my first interview for a Google Software Engineering position in about a month. This is truly going to be invaluable, thank you!
mmanfrinover 11 years ago
This is incredibly useful, as someone who is an engineer with a non-technical degree.<p>Ironically (or perhaps coincidentally), I got my non-technical degree from the very school this is hosted on.
deletesover 11 years ago
Took a quick look at their insertion sort algorithm. It looks wrong, doing unnecessary swaps, when moving elements up. For and extra O(1) memory your can avoid that.
nu2ycombinatorover 11 years ago
I always had hard time learning algorithms through visualization softwares. Most effective way for me was reading and visualizing in my mind.
crncostaover 11 years ago
Amazing! thanks for share.
srchitover 11 years ago
Awsome!! One of the best visualizations, I came across
ananth99over 11 years ago
Thank you for this priceless resource.
alixaxelover 11 years ago
Lovely!!
lisptimeover 11 years ago
thanks for sharing