Visually understand JOINS (AngularJS and Snap.svg)

I have been working a lot with WordPress, Laravel and other frameworks the last years where you don’t write much pure SQL. I had forgotten te main difference between all the different sql joins (inner,left,right,outer) so I decided to create some visual page for fun and to remember.

I wanted to learn something new during te project so I decided to create the venn diagrams with svg (Snap.svg) and I choose AngularJS for the interactive part to improve and I really like working with AngularJS. I took the opportunity to try as the host for my project and it was really smooth and fast to setup.

It was a fun project and I learnt a lot and will probably start doing mor of these small one-page projects,  and hopefully it will help others understand joins. You can visit it here:

Leave a Reply

Your email address will not be published. Required fields are marked *