search

aimacode / aima-javascript

Javascript visualization of algorithms from Russell And Norvig's "Artificial Intelligence - A Modern Approach"
http://aimacode.github.io/aima-javascript/
MIT License
544 stars 219 forks source link

Ch3 - diagrams overlap when browser resized #105

Closed redblobgames closed 7 years ago

redblobgames commented 7 years ago

Go through all the sections of chapter 3 and make sure they work at different browser widths. The page uses Bootstrap but if it's cleaner to do without Bootstrap (e.g. flexbox or css grids), that would be fine.

Screenshots:

screen shot 2017-09-10 at 16 44 20 screen shot 2017-09-10 at 16 44 32 screen shot 2017-09-10 at 16 44 38 screen shot 2017-09-10 at 16 44 53
redblobgames commented 7 years ago

The SVG viewBox parameter is sometimes useful here. You can design the diagram for a given size, and put that size into the viewBox. Then if the SVG is resized, it still keeps the original coordinate system that viewBox specifies.

Rishav159 commented 7 years ago

I am on it.

OmarShehata commented 7 years ago

Is anyone still working on this? @Rishav159

Rishav159 commented 7 years ago

@OmarShehata You can take over if you like :) I have been a little busy.

OmarShehata commented 7 years ago

I'd love to jump on this as a way to familiarize myself with the project and get a first contribution in!