Media preview placement within a graphical user interface

1. A system for determining placement of media previews within a graphical user interface, the system comprising:

one or more physical processors configured by machine-readable instructions to:

obtain preview information, the preview information defining previews of visual content, the previews of the visual content including a first preview of first visual content and a second preview of second visual content;

obtain pathway information, the pathway information defining multiple sinusoidal pathways, the multiple sinusoidal pathways including a first sinusoidal pathway and a second sinusoidal pathway, individual sinusoidal pathways defining potential points of placement for the previews of the visual content, wherein the multiple sinusoidal pathways travel along same direction and are separated by a distance;

determine placement of center points on the multiple sinusoidal pathways, individual center points defining locations of placement of centers of the previews of the visual content, wherein the center points include a first center point on the first sinusoidal pathway and a second center point on the second sinusoidal pathway; and

present the previews of the visual content based on the placement of the center points on the multiple sinusoidal pathways such that a first center of the first preview of the first visual content is placed at the first center point on the first sinusoidal pathway and a second center of the second preview of the second visual content is placed at the second center point on the second sinusoidal pathway.

2. The system of claim 1 , wherein the multiple sinusoidal pathways travel along lateral direction.

3. The system of claim 2 , wherein the distance by which the multiple sinusoidal pathways are separated includes a vertical separation distance.

4. The system of claim 3 , wherein the distance by which the multiple sinusoidal pathways are separated further includes a phase separation distance.

5. The system of claim 1 , wherein a group of adjacent center points form a polygon.

6. The system of claim 5 , wherein a group of three adjacent center points form a triangle.

7. The system of claim 6 , wherein the determination of the placement of the center points on the multiple sinusoidal pathways is biased towards the group of three adjacent center points forming an equilateral triangle.

8. The system of 7 , wherein the triangle formed by the group of three adjacent center points deviates from the equilateral triangle to satisfy an overlap constraint, the overlap constraint defining a constraint of overlap between the previews of the visual content.

9. The system of 8 , wherein the triangle formed by the group of three adjacent center points deviates from the equilateral triangle to satisfy a gap constraint, the gap constraint defining a constraint of gap between the previews of the visual content.

10. The system of claim 1 , wherein the previews of the visual content include thumbnail images and/or thumbnail videos.

11. A method for determining placement of media previews within a graphical user interface, the method performed by a computing system including one or more processors, the method comprising:

obtaining, by the computing system, preview information, the preview information defining previews of visual content, the previews of the visual content including a first preview of first visual content and a second preview of second visual content;

obtaining, by the computing system, pathway information, the pathway information defining multiple sinusoidal pathways, the multiple sinusoidal pathways including a first sinusoidal pathway and a second sinusoidal pathway, individual sinusoidal pathways defining potential points of placement for the previews of the visual content, wherein the multiple sinusoidal pathways travel along same direction and are separated by a distance;

determining, by the computing system, placement of center points on the multiple sinusoidal pathways, individual center points defining locations of placement of centers of the previews of the visual content, wherein the center points include a first center point on the first sinusoidal pathway and a second center point on the second sinusoidal pathway; and

presenting, by the computing system, the previews of the visual content based on the placement of the center points on the multiple sinusoidal pathways such that a first center of the first preview of the first visual content is placed at the first center point on the first sinusoidal pathway and a second center of the second preview of the second visual content is placed at the second center point on the second sinusoidal pathway.

12. The method of claim 11 , wherein the multiple sinusoidal pathways travel along lateral direction.

13. The method of claim 12 , wherein the distance by which the multiple sinusoidal pathways are separated includes a vertical separation distance.

14. The method of claim 13 , wherein the distance by which the multiple sinusoidal pathways are separated further includes a phase separation distance.

15. The method of claim 11 , wherein a group of adjacent center points form a polygon.

16. The method of claim 15 , wherein a group of three adjacent center points form a triangle.

17. The method of claim 16 , wherein the determination of the placement of the center points on the multiple sinusoidal pathways is biased towards the group of three adjacent center points forming an equilateral triangle.

18. The method of 17 , wherein the triangle formed by the group of three adjacent center points deviates from the equilateral triangle to satisfy an overlap constraint, the overlap constraint defining a constraint of overlap between the previews of the visual content.

19. The method of 18 , wherein the triangle formed by the group of three adjacent center points deviates from the equilateral triangle to satisfy a gap constraint, the gap constraint defining a constraint of gap between the previews of the visual content.

20. The method of claim 11 , wherein the previews of the visual content include thumbnail images and/or thumbnail videos.