diff --git a/developerCheatSheet.md b/developerCheatSheet.md
index f538096b..b5857304 100644
--- a/developerCheatSheet.md
+++ b/developerCheatSheet.md
@@ -91,7 +91,7 @@ The title appears above the chart. It can be configured as:
         "titlefont": {
             "family": "Droid Sans, Droid Serif, sans-serif",
             "size": 20,
-            "color": "black"  
+            "color": "black"
         }
     }
 
diff --git a/src/HeatMap/components/HeatMapPlayground.ts b/src/HeatMap/components/HeatMapPlayground.ts
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/PieChart/components/PiePlayground.ts b/src/PieChart/components/PiePlayground.ts
index ae67f54a..89e95154 100644
--- a/src/PieChart/components/PiePlayground.ts
+++ b/src/PieChart/components/PiePlayground.ts
@@ -127,10 +127,11 @@ export class PiePlayground extends Component<PiePlaygroundProps, PiePlaygroundSt
             try {
                 if (this.isValid && JSON.parse(value)) {
                     this.updateChart(source, value);
+                } else {
+                    this.updateChart(source, Playground.convertJSToJSON(value));
                 }
             } catch (error) {
                 this.isValid = false;
-                console.error("An error occured while updating the playground chart", error); // tslint:disable-line
             }
         }, 1000);
     }
diff --git a/src/components/Playground.ts b/src/components/Playground.ts
index 6aec7f98..396d9cd6 100644
--- a/src/components/Playground.ts
+++ b/src/components/Playground.ts
@@ -158,4 +158,10 @@ export class Playground extends Component<{}, PlaygroundState> {
 
         return null;
     }
+
+    public static convertJSToJSON(value: string) {
+        const properJSON = value.replace(/(['"])?([a-z0-9A-Z_]+)(['"])?:/g, `"$2": `).replace(/'/g, `"`);
+
+        return JSON.stringify(JSON.parse(properJSON), null, 2);
+    }
 }
diff --git a/src/components/SeriesPlayground.ts b/src/components/SeriesPlayground.ts
index 694b5107..54beee74 100644
--- a/src/components/SeriesPlayground.ts
+++ b/src/components/SeriesPlayground.ts
@@ -165,12 +165,8 @@ export class SeriesPlayground extends Component<SeriesPlaygroundProps, SeriesPla
                 if (this.isValid && JSON.parse(value)) {
                     this.updateChart(source, JSON.stringify(JSON.parse(value), null, 2));
                 } else {
-                    const properJson = value.replace(/(['"])?([a-z0-9A-Z_]+)(['"])?:/g, `"$2": `);
-                    const doubleQuote = properJson.replace(/'/g, `"`);
-                    const newValue = JSON.stringify(JSON.parse(doubleQuote), null, 2);
-                    this.updateChart(source, newValue);
+                    this.updateChart(source, Playground.convertJSToJSON(value));
                 }
-
             } catch {
                 this.isValid = false;
             }