diff --git a/README.md b/README.md
index 69d482c..d8732b5 100644
--- a/README.md
+++ b/README.md
@@ -83,6 +83,7 @@ const options = {
 race("/data.json", "#race", options);
 ```
 
+[Open in LiveCodes](https://livecodes.io/?x=id/k9djehhdtzq)
 
 ### Option 2: Load from CDN
 
@@ -102,11 +103,13 @@ race("/data.json", "#race", options);
 </script>
 ```
 
+[Open in LiveCodes](https://livecodes.io/?x=id/ztr5k5yayjh)
+
 #### UMD
 
 ```html
 <div id="race" style="height: 80vh"></div>
-<script src="https://https://cdn.jsdelivr.net/npm/racing-bars/racing-bars.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/racing-bars/racing-bars.umd.js"></script>
 <script>
   const options = {
     title: 'My Racing Bars',
@@ -118,6 +121,8 @@ race("/data.json", "#race", options);
 </script>
 ```
 
+[Open in LiveCodes](https://livecodes.io/?x=id/zen24gm8irn)
+
 <!-- prettier-ignore-end -->
 
 Please refer to [documentation website](https://racing-bars.hatemhosny.dev/) for [usage](https://racing-bars.hatemhosny.dev/getting-started/usage), [data preparation](https://racing-bars.hatemhosny.dev/documentation/data), [chart options](https://racing-bars.hatemhosny.dev/documentation/options), [API](https://racing-bars.hatemhosny.dev/documentation/api) and more.