Foundations: Object Basics: Bad Filter-Map-Reduce Visual

ruben-vl commented 2 months ago

Checks

[X] This is not a duplicate of an existing issue (please have a look through our open issues list to make sure)
[X] I have thoroughly read and understand The Odin Project Contributing Guide
[ ] Would you like to work on this issue?

Describe your suggestion

In the Object Basics lesson of the Foundations course, there is a visual for the filter/map/reduce array methods.

This image has some problems:

image resolution is quite bad
image quality is terrible (e.g. no centering, non-consistent arrows, ...)
the referenced url is cropped, making the original hard to find (I found a subset of the image here; i suspect someone hand-made the filter part (first arrow is obviously copied, with the shading of the cut bread image visible, and the font on filter being different)

Possible solutions:

remake the diagram with some better pictures, proper centering, and a higher quality export (+ reference to the 'inspiration image' ofcourse)
replace with a better visual for these three methods (+ reference)
remove the image and provide a textual summary

I think option 2 is best, with option 3 as fallback, but I would love to hear your suggestions! I also wouldn't mind working on this, but if someone else is eager to work on a simple issue, by all means go ahead! :)

Path

Foundations

Lesson Url

https://www.theodinproject.com/lessons/foundations-object-basics

(Optional) Discord Name

ruben-vl

(Optional) Additional Comments

No response

MaoShizhong commented 2 months ago

Wouldn't be opposed to a higher resolution and neater equivalent, whether that's an alternative image we can attribute or a custom made one.

If you'd like to work on this, I can assign it to you. Handling images in lessons is a 2-PR process - one to replace the image file, a second to replace the CDN link for the image in the appropriate lesson, and any other alt text etc.