Skip to content

An AWS lambda service that generates Venn diagram on the fly using Rough.js

Notifications You must be signed in to change notification settings

djamshed/venn-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

venn-generator

An AWS lambda service that generates Venn diagram on the fly using Rough.js.

Demo

https://ixx9x10k8k.execute-api.us-east-1.amazonaws.com/venn/vis.svg?labels=intersection,hello,world,bla

venn demo

Find the labels in URL (eg: labels=intersection,hello,world,bla), try changing it to something more clever. Some examples:

?labels=success,hard work,luck

venn demo



?labels=squash,vegetables,sports,ways to die

venn demo



?labels=Santa,eats your food,breaks into houses,leaves stuff behind

venn demo



?labels=panda,black bear, polar bear

venn demo



Oh, did I mention emojies are allowed:

?labels=😎,🙂,🕶️

venn demo



?labels=😂,😄,😭

venn demo

What is this?

This is a venn diagram generator that uses custom labels provided by the user. Generated Venn diagram is an SVG string (browser can directly render it) or you can embed it to your website using an <img src="...">.

eg: <img src="https://ixx9x10k8k.execute-api.us-east-1.amazonaws.com/venn/vis.svg?labels=success,hard work,luck">

How it works?

Request for a venn service hits AWS Gateway API, which triggers AWS Lambda function, which in turn, generates SVG string. Rough.js is used to generate hand-drawn diagram. Indie-Flower font was used to give a hand-written style. This font was embedded as base64 string in order to enable Venn diagram to be embedded as an image source.

About

An AWS lambda service that generates Venn diagram on the fly using Rough.js

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published