From f359c26d8ace282328da966cb54deb5720cf0186 Mon Sep 17 00:00:00 2001
From: Samuel Gratzl <sam@sgratzl.com>
Date: Fri, 5 Jun 2020 17:36:17 +0200
Subject: [PATCH] update sample

---
 README.md | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 3fd3163..6173269 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@ npm install --save bubblesets-js
 
 ```js
 const bubbleSets = new BubbleSets.BubbleSets();
-bubbleSets.pushMember(BubbleSets.rect(0, 0, 50, 20));
+bubbleSets.pushMember(BubbleSets.rect(30, 30, 50, 20));
 bubbleSets.pushMember(BubbleSets.rect(200, 100, 50, 20));
 bubbleSets.pushMember(BubbleSets.circle(240, 40, 10));
 
@@ -36,22 +36,23 @@ const ctx = canvas.getContext('2d');
 
 // canvas
 ctx.beginPath();
-bubbleSets.drawMembers(ctx);
-ctx.fillStyle = 'steelblue';
-ctx.fill();
-ctx.beginPath();
 cleanPath.draw(ctx);
 ctx.strokeStyle = 'black';
-ctx.fillStyle = 'crimson';
+ctx.fillStyle = 'rgba(0,0,255,0.2)';
 ctx.fill();
 ctx.stroke();
+
+ctx.beginPath();
+bubbleSets.drawMembers(ctx);
+ctx.fillStyle = 'steelblue';
+ctx.fill();
 ```
 
 ![sample](https://user-images.githubusercontent.com/4129778/83879033-52aaf280-a73d-11ea-9a19-d803718fec17.png)
 
 see [Samples](https://github.com/sgratzl/bubblesets-js/tree/master/samples) on Github
 
-or at this [![Open in CodePen][codepen]](https://codepen.io/sgratzl/pen/TODO)
+or at this [![Open in CodePen][codepen]](https://codepen.io/sgratzl/pen/MWKYRWo)
 
 ## Development Environment