Coder Social home page Coder Social logo

Comments (16)

TornjV avatar TornjV commented on May 6, 2024 3

I would try something like this and without text.
http://jsfiddle.net/f4xkxkwL/

from algorithm-visualizer.

archie94 avatar archie94 commented on May 6, 2024 2

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.

duaraghav8 avatar duaraghav8 commented on May 6, 2024 1

@parkjs814 here's a screenshot of what I've implemented. (Notice the Next & Previous Button)
If you think it looks fine, I'll merge.

shot

from algorithm-visualizer.

64json avatar 64json commented on May 6, 2024 1

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.

64json avatar 64json commented on May 6, 2024 1

I meant pushing it to gh-pages on your fork, my bad.
But no worries, it looks great :)

from algorithm-visualizer.

64json avatar 64json commented on May 6, 2024 1

@duaraghav8 I'm currently working on improving it. I'll let you know when I'm done.

from algorithm-visualizer.

64json avatar 64json commented on May 6, 2024 1

improved at 99c5a3e

from algorithm-visualizer.

TornjV avatar TornjV commented on May 6, 2024

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.

duaraghav8 avatar duaraghav8 commented on May 6, 2024

@TornjV Well, icons alone are quite intuitive. So I guess they're suitable as well

from algorithm-visualizer.

64json avatar 64json commented on May 6, 2024

@duaraghav8 It looks great!
As @TornjV said, it will be better without text.

from algorithm-visualizer.

duaraghav8 avatar duaraghav8 commented on May 6, 2024

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.

64json avatar 64json commented on May 6, 2024

@duaraghav8 can you push it to gh-pages so that everyone can see easily?

from algorithm-visualizer.

duaraghav8 avatar duaraghav8 commented on May 6, 2024

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.

duaraghav8 avatar duaraghav8 commented on May 6, 2024

Ok done, check

from algorithm-visualizer.

archie94 avatar archie94 commented on May 6, 2024

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

duaraghav8 avatar duaraghav8 commented on May 6, 2024

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.