Comments (16)
I would try something like this and without text.
http://jsfiddle.net/f4xkxkwL/
from algorithm-visualizer.
Additionally I think there should be a horizontal scroll for the algorithm description bar. For a large description like in the Knapsack Problem, it is becoming difficult to read.
from algorithm-visualizer.
@parkjs814 here's a screenshot of what I've implemented. (Notice the Next & Previous Button)
If you think it looks fine, I'll merge.
from algorithm-visualizer.
I've thought about it more, and we may need to show the lists vertically somewhere since they are going to be too many. How do you guys think?
(+ NVM of this comment. If theres too many examples in one algorithm (such as Dynamic Programming), let's just make that algorithm as one category.)
from algorithm-visualizer.
I meant pushing it to gh-pages
on your fork, my bad.
But no worries, it looks great :)
from algorithm-visualizer.
@duaraghav8 I'm currently working on improving it. I'll let you know when I'm done.
from algorithm-visualizer.
improved at 99c5a3e
from algorithm-visualizer.
Or, since we seem to use font-awesome and not bootstrap atm, maybe just use one of these.
http://fontawesome.io/icons/
from algorithm-visualizer.
@TornjV Well, icons alone are quite intuitive. So I guess they're suitable as well
from algorithm-visualizer.
@duaraghav8 It looks great!
As @TornjV said, it will be better without text.
from algorithm-visualizer.
guys please test my fork on your machines for the scrolling in Files Bar
Don't pay attention to the icons (ultimately it will be something similar to what tornjv suggested)
Just see if the functionality is good enough, or does something need to be changed.
Thanks
from algorithm-visualizer.
@duaraghav8 can you push it to gh-pages
so that everyone can see easily?
from algorithm-visualizer.
I don't have a problem with that. I just didn't want to push it until it was finalized. I'll do it, just check and let me know.
from algorithm-visualizer.
Ok done, check
from algorithm-visualizer.
👍 Is it possible to grey out the next button to indicate the end of the list ?
Great work with the description bar 👍
from algorithm-visualizer.
@archie94 I thought about it too. I first wanted people to decide if this looks ok. I'll improve it further, thanks
from algorithm-visualizer.
Related Issues (20)
- I'm a new coder, i have no idae to use it HOT 3
- Need Support for C/C++ as well HOT 2
- please make a c++
- quite wide
- Check the certificate for tracer.js HOT 1
- C language HOT 2
- Algo HOT 2
- CONTRIBUTING.md file content doesn't match its purpose HOT 1
- Will this project continue to be maintained?
- 堆排序算法的可视化不是很好,应该把树画出来
- 如果有红黑树就好了
- how to run this project on local pc HOT 2
- is it possible Support for C/C++ ,if i have set this project run on my local ubuntu 22.04
- need a API demo(or example)? HOT 2
- linux上部署不成功,有大佬部署成功的吗? HOT 5
- How to use these? HOT 3
- Update readme HOT 2
- Bro your website is not opening is saying it is no safe
- Algorithm-Visualizer HOT 2
- Support markdown? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from algorithm-visualizer.