Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Sign in to follow this  
NicWood

Venn Diagram

Recommended Posts

One of my clients says they want to have a Venn syle diagram (4 interconnecting circles) each of which have a separate hyperlink)  as a way of showing the four pillars of their business. 

I am considering getting a single image, cutting it into 4 and then adding to a unique library and then putting no gutter so it looks like the image is one.  Can anyone suggest a better way?

Share this post


Link to post

I would look into a HTML option like the one linked below. The problem that you're going to run into by using images is that it won't scale properly on mobiles without some CSS to adjust the scaling behaviour.

https://adrianroselli.com/2018/12/a-css-venn-diagram.html


If you see an answer that was helpful please consider hitting the 121238226_Screenshot2019-11-02at14_53_39.png.0416997a5e856e0159fa1edbd624659e.png button on the right. 

Need help with your website or online store? Feel free to get in touch.

thompsonweb.design

Share this post


Link to post

Thanks for the reply. The client is apt to change their mind on a frequent basis (three this week on the one page) so I think that he will want a more graphic look (coloured background, or images) .
I did a quick test using a circle cut into quarters and then added into a unique gallery, set to display two per line and with no gutter. Seems to work OK for his requirements and worked on an iPhone as well.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×
×
  • Create New...